Download Kejelasan Desain Web

DESAIN WEB LANJUT
PERTEMUAN III
Oleh : Fajar Y. Zebua
KEJELASAN DESAIN WEB

Tujuan  Mengatur berbagai elemen pada
halaman web untuk memberikan kenyamanan
pada pengunjung.

Kejelasan = Hubungan antar elemen-elemen.
FAKTOR UTAMA DESAIN YANG EFEKTIF



what is part of what
what is different from what
how different elements relate to each other
Prinsip utama = Ekonomis
ALAT DESAIN UTAMA
Kontras (Contrast )
 Warna (Colour)
 Kekayaan (Richness)
 Dinamis (Dynamism)

KONTRAS
Menonjolkan hal-hal agar terlihat lebih jelas.
 Kontras :
- High Contrast
- Low Contrast

EXAMPLE OF INSUFFICIENT CONTRAST

http://www.getin
spired.at/
CONTOH KONTRAS YANG BAIK
WRONG CONTRAST BALANCE (AMOK)
WARNA

Konsisten dan Seimbang

Tidak baik menggunakan warna yang banyak
WEB PAGES WITH ENOUGH COLOUR
WARNA (CONT.)
Warna yang cukup
 Sisakan ruang putih pada layout
 Gunakan latar belakang yang tidak menonjol
pada bagian utama layout
 Hindari warna yang intens

WARNA INTENS YANG SALAH
WARNA INTENS YANG SALAH

Warna
merah
terlalu
menonjol
WARNA INTENS YANG SALAH

Hindari
menyandingk
an warna
intens
dengan foto
HINDARI PENGGUNAAN TERLALU BANYAK
WARNA BERBEDA

Kombinasi warna
tidak baik,
ditambah ukuran
font yang kecil
KEKAYAAN
warna
 pola
 layering
 efek 3D seperti gradients
 bayangan
 highlights.

DINAMIS
Gerakan
 Tidak harus animasi

READABILITY









Don't use too many font sizes
Use sans-serif face for all body copy
Don't use too many typefaces
Emphasis
Alignment
Contrast in text
Case / Capitalisation
Spacing text
Text block size
ADA PERTANYAAN?
QUIZ