CategoriesUI DesignUX Design

Guideline : #2 : membuat guideline

Artikel ini merupakan lanjutan dari artikel guideline.
artikel sebelumnya dapat anda baca disini

Sebelum membuat guideline, anda harus tahu apa saja yang isi guideline. mari kita bahas satu per satu.

Layout/Grid

Layout/grid harus disusun dengan cermat untuk menempatkan elemen pendukung lainnya. jika anda membuat layout/grid pada guideline, haruslah menunjukan tentang :

  • Nilai margin, biasanya menggunakan kelipatan 4px ataupun 8px
  • Penentuan posisi elemen global seperti logo, copiright dan lainnya
  • Nilai jarak antar elemen, misalnya jarak antara image dan body text
sumber : google image

Typography

Yang menjadi hal dasar dalam guideline pada typography adalah jenis font dan size. Pada bagian ini harus membuat tentang jenis font apa yang dapat digunakan dalam membuat platform serta penerapan font size, tentukan mulai dari Heading 1, heading 2 , .. heading 6, subtitle bahkan paragraph.

sumber : dribbble.com

Color

Anda harus membuat skema warna yang dapat digunakan pada platform ini. acuan color pada guideline biasanya beranjak dari identity perusahaan yang berada di Graphic Standart Manual. dari sinilah anda dapat membuat color pada guideline.
Anda juga harus menentukan primary color, secondary dan accent color dan jangan lupa berikan hex code pada color yang telah dibuat.

sumber : asset algostudio

Media Treatment

Disini merupakan aturan menerapkan ratio dan juga proporsi dalam menerapkan media seperti image ataupun video pada platform anda.

Branding

Pada bagian ini biasanya memuat tentang penerapan size logo pada plaform yang akan anda rancang.

sumber : dribbble.com

Navigasi

Tetapkan juga aturan penggunaan search box, sidebar, link, menu dan drop-down pada bagian ini.

sumber : asset algostudio

Icon dan asset

Sama seperti komponen lainnya, disini menentukan icon style yang dapat diaplikasikan, misalnya icon dengan style outline, filled, monocolor ataupun multicolor. disini juga memat aturan size icon yang dapat diaplikasikan pada platform yang akan dibuat.
Anda juga dapat mengatur style dan size pada asset untuk menjaga konsistensi produk digital anda.

sumber : dribbble.com

UI Components

Pada bagian ini menjabarkan mengenai komponen guideline yaitu button, pagination, modal, breadcrumb, filter, tabel dan komponen ui lainnya.

sumber : dribbbble.com

Leave a Reply

Your email address will not be published. Required fields are marked *