Share to: share facebook share twitter share wa share telegram print page

Konsep kekisi

Kekisi [1]adalah struktur yang terdiri dari serangkaian berpotongan lurus ( vertikal, horizontal, dan angular ) atau melengkung yang berguna sebagai panduan struktur konten. Kekisi juga bisa bermanfaat dalam pembuatan buku, majalah, web, atau halaman aplikasi.

Jenis - Jenis kekisi

Berikut adalah jenis - jenis kekisi dalam desain, yaitu :

  1. Garis dasar
  2. Kolom
  3. Modular
  4. Naskah
  5. Piksel
  6. Hierarkis

1. Garis dasar

Jenis kekisi ini merupakan garis tebal dengan garis horizontal dan menggunakan jarak yang sama. Dengan jenis ini bisa menentukan dimana teks akan diletakkan dan juga bisa digunakan untuk memastikan bahwa garis teks di setiap kolom sejajar merata di seluruh sebaran.

2. Kolom

Jenis ini berfungsi untuk membagi halaman menjadi kolom. Tipe ini merupakan jenis yang paling banyak desainer gunakan dalam membuat website, bahkan banyak majalah dan surat kabar yang menggunakan kekisi ini.

3. Modular

Kekisi modular merupakan kisi kolom dan baris yang bisa memberitahukan bagaimana penempatan sumbu X dan sumbu Y pada formulir. Modular biasanya melibatkan pengambilan kisi kolom, kemudian menambahkan baris ke dalamnya.

4. Naskah

Naskah adalah kekisi satu kolom yang menentukan pada bagian mana suatu teks akan diletakkan, Biasanya jenis ini bisa diterapkan pada buku klasik ' tradisional ' dengan tata letak halaman yang biasanya saling berhadapan.

5. Pikssl

Piksel adalah salah satu jenis sistem dalam desain yang biasanya berguna untuk melihat jumlah pixel suatu dokumen dan foto. Adapun caranya, yaitu memperbesar dalam jarak dekat sebuah dokumen pada saat menggunakan Photoshop. Cara lain yang bisa digunakan adalah dengan menggunakan perkakas foto untuk mengetahui jumlah piksel.

6. Hierarkis

Jenis kekisi yang terakhir adalah hierarkis. Sistem ini tidak memiliki spasi yang sama antar modul. Sistem ini merujuk pada setiap kisi yang tidak beraturan yang mengakomodasi kebutuhan suatu konten. Kekisi ini mungkin sepenuhnya berbentuk bebas atau terdiri dari dua grid yang berlapis atau bahkan bisa berbentuk grid tambahan lainnya.

Tips Menggunakan kekisi

Sistem kekisi terdiri dari tiga elemen penting, yaitu kolom, parit dan sempadan. Setiap material tersebut memiliki tips tertentu dalam penggunaannya.Berikut adalah beberapa tips dalam menggunakan sistem grid;

1. Kolom

Salah satu tips penggunaan kekisi yaitu konten diratakan di area layar yang berisi kolom. Dalam menentukan lebar kolom bisa menggunakan persentase bukan nilai tetap. Hal ini memiliki tujuan untuk memungkinkan konten secara fleksibel dengan ukuran layar apa pun. Sedangkan, untuk jumlah kolom, sebaiknya tampilkan dalam petak rentang seukuran layar yang masih bisa terlihat baik untuk seluler, tablet, dan perangkat lainnya.

2. Parit

Parit merupakan ruang antar kolom yang dapat membantu dalam memisahkan konten. Untuk rentang nilai-rengkahnya bisa menyesuaikan dengan kebutuhan agar desain tampak lebih menarik dan rapi. Parit yang lebih lebar akan cocok untuk perubahan yang lebih besar pada nilai rengkah yang berbeda. Selain itu, gutters yang lebih lebar bisa menciptakan ruang kosong yang lebih banyak antara kolom.

3. Sempadan

Sempadan adalah ruang antara tepi kiri dan kanan layar. Sempadan yang lebih lebar untuk layar yang lebih besar. Hal ini untuk menghindari terlalu banyak ruang kosong pada konten yang malah akan membuat konten tampak tidak menarik.

Manfaat kekisi

Sistem grid juga diartikan sebagai serangkaian pengukuran yang bisa digunakan dalam desain grafis oleh desainer. Grid berfungsi untuk menyelaraskan dan mengukur objek dalam format yang sudah diberikan. Berikut adalah manfaat menggunakan grid untuk mendesain sebuah website.

1. Tidak Perlu Membuat CSS

Dengan memanfaatkan sistem kekisi, tidak perlu untuk membuat CSS atau Lembar Gaya Pencegaran di awal. Hal itu terjadi karena sudah disediakan semua di sistem kekisi

2. Laman web Mudah Dipahami

Manfaat sistem kekisi selanjutnya adalah membuat laman web yang di kelola mudah di pahami. Karena informasi yang sudah ada pada layout sudah sangat jelas dan terarah. Tidak hanya itu, penggunaan kekisi juga akan memudahkan pengguna dalam menemukan konten yang di inginkan.

3. Mempermudah Kerjasama Perancang dan Pengembang

Grid memudahkan kerjasama desainer dan developer karena adanya tempale PSD. Grid juga akn memudahkan developer untuk mengidentifikasikan block yang desainer gunakan, karena semua sudah tertata sangat rapi.

4. Konten Dan Unsur Tertata Rapi

Manfaat kekisi selanjutnya adalah konten dan elemen bisa tertata dengan rapi. Hal tersebut dikarenakan adanya jarak antar konten. Sehingga, secara tidak langsung akan sangat bermanfaat untuk yang memiliki banyak konten. Tampilan website yang dikelolapun ajan menjadi lebih dinamis sehingga lebih menarik.

5. Pengerjaan Lebih Cepat

Dengan sistem kekisi, tidak perlu membuat pola acu atau CSS karena semua yang dibutuhkan sudah tersedia. Sehingga, proses desain bisa dilakukan lebih cepat dan waktu tidak terbuang banyak dalam melakukan pekerjaan.

6. Memudahkan Paginasi

Paginasi adalah pengaturan halaman. Dengan sistem kekisi bisa melakukan paginasi dengan mudah. Hal ini akan bermanfaat untuk menampilkan konten lebih tertata.

7. Menaikkan Nilai Tukar Laman Web

Manfaat sistem kekisi yang selanjutnya adalah bisa menaikkan nilai tukar laman web. Sistem ini bisa membuat laman web lebih menarik dan pengunjung akan betah untuk berlama - lama melihat website dan akan bermanfaat untuk menaikkan lalu lintas dan nilai tukar laman web.

Rujukan

  1. ^ Forte, Vincent J. (2010-01). "Smart Grid at National Grid". 2010 Innovative Smart Grid Technologies (ISGT). IEEE. doi:10.1109/isgt.2010.5434729. 
Baca informasi lainnya:

Vista do palácio à direita. No fundo, a Galleria Alberto Sordi, que fica de frente para a Piazza Colonna. Palazzo della Banca Commerciale Italiana é um palácio localizado no número 222/226 da Via del Corso, no rione Colonna de Roma, bem ao lado da Galleria Alberto Sordi. No local antigamente ficava o Palazzo Lanci Bonaccorsi, demolido no início do século XX[1]. História Detalhe do portal. O palácio foi construído no século XVIII, mas acabou sendo demolido no início do século XX dura…

Das Wildbad im Juli 2012 Das Portal Das ehemalige Wildbad Weißenburg befindet sich in der denkmalgeschützten Altstadt von Weißenburg in Bayern im mittelfränkischen Landkreis Weißenburg-Gunzenhausen. Das Gebäude ist unter der Denkmalnummer D-5-77-177-466 als Baudenkmal in die Bayerische Denkmalliste eingetragen.[1] Das Bauwerk mit der Adresse Wildbadstraße 11 steht in der südlichen Weißenburger Altstadt unweit der Beruflichen Oberschule auf einer Höhe von 419 Metern ü…

Juan Fuentes Fuentes Con O'Higgins En 2023.Datos personalesNombre completo Juan Eduardo Fuentes JiménezNacimiento Rancagua, Chile21 de marzo de 1995 (28 años)Nacionalidad(es) ChilenaAltura 1,73 m (5′ 8″)[1]​Peso 70 kg (154 lb)[1]​Carrera deportivaDeporte FútbolClub profesionalDebut deportivo 16 de julio de 2013(O'Higgins)Club O'HigginsLiga Primera División de ChilePosición Defensor VolanteDorsal(es) 6Entrenador Juan Manuel AzconzábalTrayectoria O'Higgins…

As referências deste artigo necessitam de formatação. Por favor, utilize fontes apropriadas contendo título, autor e data para que o verbete permaneça verificável. (Julho de 2022) Esta página cita fontes, mas que não cobrem todo o conteúdo. Ajude a inserir referências. Conteúdo não verificável pode ser removido.—Encontre fontes: ABW  • CAPES  • Google (N • L • A) (Julho de 2022) Taça Cidade de Porto Alegre Taça Cidade…

Johann Nepomuk Sepp Grab von Johann Sepp auf dem Alten Südlichen Friedhof in München Standort48.12886111111111.565027777778 Johann Nepomuk Sepp (* 7. August 1816 in Tölz in Oberbayern; † 5. Juni 1909 in München) war ein deutscher Historiker, Volkskundler, Kirchenhistoriker und Politiker. Inhaltsverzeichnis 1 Leben und Wirken 2 Grabstätte 3 Schriften (Auswahl) 4 Literatur 5 Weblinks 6 Einzelnachweise Leben und Wirken Johann Nepomuk Sepp kam als Sohn des Färbers und Rotgerbers Josef Bernha…

Artikel ini sebatang kara, artinya tidak ada artikel lain yang memiliki pranala balik ke halaman ini.Bantulah menambah pranala ke artikel ini dari artikel yang berhubungan atau coba peralatan pencari pranala.Tag ini diberikan pada Maret 2023. $30,000Sutradara Ernest C. Warde ProduserDitulis olehJack Cunningham H.B. DanielPemeranJ. Warren Kerrigan Fritzi Brunette Carl StockdaleSinematograferArthur L. ToddPerusahaanproduksiRobert Brunton ProductionsDistributorHodkinson Pictures Pathé ExchangeTang…

ZomatoJenis usahaPrivatJenis situsOnline restaurant guideBahasaEnglish,Hindi,Turkish, Portuguese, IndonesianDidirikanJuli 2008 (2008-07)MarkasNew Delhi, NCT, IndiaLokasi40 citiesWilayah operasi11 countriesPemilikInfo Edge (India) Ltd. (50.1%)PendiriDeepinder Goyal[1]CEODeepinder GoyalTokoh pentingPankaj Chaddah (COO)Gunjan Patidar (CTO)SloganFor the love of foodSitus webzomato.com (formerly foodiebay.com until November 2010)Peringkat Alexa 1,926 (October 2013[update])&#…

إن الاستقلاب الحضري نموذج يسهل وصف وتحليل تدفقات المواد والطاقة ضمن المدن، كالمستخدم في تحليل تدفق المواد لمدينة ما؛ يزود الباحثين بإطار عمل مجازي لدراسة تفاعلات الأنظمة الطبيعية والإنسانية في مناطق محددة،[1] وقد عدل العلماء منذ البداية معايير نموذج الاستقلاب الحضري و…

Afrique subsaharienne L'Afrique subsaharienne est l'espace en vert sur la carte. Superficie 22 431 000 km2[1] ou 24 265 000 km2[2] selon les sources Population 1 022 664 451 hab. (2017[3]) Pays 48 Dépendances 2 Principales langues fang, arabe, peul, afrikaans, malgache, amharique, tigrigna, wolof, créole du Cap-Vert, haoussa, swahili, zoulou, lingala, bambara, somali, français, moré, yoruba, soninké, dioula, agni, bété, baoulé, kituba, so…

Eighth edition of a women's water polo competition Official logo The 2006 Holiday Cup is the eighth edition of the women's water polo competition, held in Los Alamitos, United States. The tournament took place from 6 to 10 December 2006. Preliminary round 5 December 2006 Netherlands 13–13 Russia Australia 12–9 Italy United States 5–4 Canada 6 December 2006 Australia 13–15 Russia Canada 14–12 Italy United States 8–3 Netherlands 7 December 2006 Australia 13̵…

2010 studio album by The DollyrotsA Little Messed UpStudio album by The DollyrotsReleasedAugust 17, 2010RecordedWould Work Sound (Studio City, CA), The Greenhouse (Los Angeles, CA), Stagg Street Studio (Van Nuys, CA), Hotel Wilshere (Los Angeles, CA), Studio Deluxe/Sound City Studios (Van Nuys, CA), Kingsize (Silverlake, CA)GenrePunk rockLength42:57LabelBlackheart RecordsProducerChris Testa, Matt Wallace, Evan Frankfort, Fred Archambault, Luis CabezasThe Dollyrots chronology Because I'm …

20th-century cargo/passenger shipping company Manchester Liners LtdTypePublicIndustryTransportationFounded1898Defunct1985HeadquartersManchester, EnglandKey peopleRobert B. Stoker (1932–79)ProductsShipping servicesRevenue£30 million (1974)[1]Number of employees2,150 (1974)[2]ParentFurness Withy (1970–80)Websitewww.manchesterliners.co.uk  Manchester Liners was a cargo and passenger shipping company founded in 1898, based in Manchester, England. The line pioneered the regu…

English Hakka-Dictionary (英客字典) PengarangFr. MarsecanoNegaraTaiwanBahasaBahasa Inggris, bahasa HakkaDiterbitkan1958PenerbitKuangchi PressHalaman635 English Hakka-Dictionary adalah kamus Inggris - Hakka yang dikompilasikan oleh Fr. Marsecano, tokoh agama Katolik asal Italia yang mengabdi di Taiwan dari tahun 1955-2000.[1] National Taichung University of Science and Technology telah memindai kamus ini dan memungkinkannya diakses secara terbuka di internet. Penamaan dalam bahasa Tio…

Eko Rudi SudartoWakil Kepala Kepolisian Daerah PapuaMasa jabatan18 Februari 2021 – 20 Juni 2022PendahuluMathius D. FakhiriPenggantiRamdani Hidayat Informasi pribadiLahir1 November 1968 (umur 55)YogyakartaSuami/istriHj. Dini Aristin (Almh)Alma materAkademi Kepolisian (1991)Karier militerPihak IndonesiaDinas/cabang Kepolisian Negara Republik IndonesiaMasa dinas1991—sekarangPangkat Brigadir Jenderal PolisiNRP68110343SatuanPendidikan PolriPertempuran/perang Pemberontakan …

American actor This article needs additional citations for verification. Please help improve this article by adding citations to reliable sources. Unsourced material may be challenged and removed.Find sources: Noah Young – news · newspapers · books · scholar · JSTOR (June 2014) (Learn how and when to remove this template message) Noah YoungYoung in A Sailor-Made Man (1921)BornNoah Young Jr.(1887-02-02)February 2, 1887Cañon City, Colorado, U.S.DiedApril 1…

Skyscraper in Manhattan, New York Reuters Building redirects here. For the building in London sometimes referred to by the same name, see 30 South Colonnade. 3 Times SquareThe southwest corner as seen from 42nd Street and Seventh AvenueGeneral informationStatusCompletedTypeCommercialLocation3 Times SquareManhattan, New York 10036, U.S.Coordinates40°45′24″N 73°59′13″W / 40.75667°N 73.98694°W / 40.75667; -73.98694Construction started1998Opening2001OwnerNew York …

Cricket league in Saurashtra, India This article has multiple issues. Please help improve it or discuss these issues on the talk page. (Learn how and when to remove these template messages) This article needs additional citations for verification. Please help improve this article by adding citations to reliable sources. Unsourced material may be challenged and removed.Find sources: Saurashtra Premier League – news · newspapers · books · scholar · JSTOR (M…

German motor manufacturer This article is about the engine manufacturer. For other uses, see Deutz. Deutz AGTypeAktiengesellschaftTraded asFWB: DEZIndustryMechanical engineeringFoundedMarch 31, 1864; 159 years ago (1864-03-31)FounderNicolaus OttoEugen LangenHeadquartersCologne, GermanyArea servedWorldwideKey peopleSebastian Schulte (CEO, CFO) Dietmar Voggenreiter (Chairman of the supervisory board)ProductsDiesel engines and engine components for agricultural machinery, mar…

Siege of FukashiPart of the Sengoku periodMatsumoto Castle, which stands on the site of the earlier Fukashi CastleDate1550LocationFukashi Castle, Nagano Prefecture, Japan36°14′20″N 137°58′09″E / 36.2388°N 137.9691°E / 36.2388; 137.9691Result Takeda victory. Ogasawara Nagatoki forced to abandon his lands.Belligerents Takeda clan Ogasawara clanCommanders and leaders Takeda Shingen Ogasawara NagatokiStrength 3,200 4,000 vteCampaigns of the Takeda Nashinokidaira U…

Australian record label For the parent company of Mushroom Records, see Mushroom Group. For the unrelated defunct Canadian company, see Mushroom Records (Canada). This article needs additional citations for verification. Please help improve this article by adding citations to reliable sources. Unsourced material may be challenged and removed.Find sources: Mushroom Records – news · newspapers · books · scholar · JSTOR (January 2022) (Learn how and when to …

Kembali kehalaman sebelumnya

Lokasi Pengunjung: 44.222.104.206