dasar desain antamuka pengguna · •meningkatan keterbacaan & pemahaman konten ... •file...

34
Dasar Desain Antamuka Pengguna Pertemuan 02

Upload: vuonglien

Post on 08-May-2018

216 views

Category:

Documents


1 download

TRANSCRIPT

Dasar Desain

Antamuka

Pengguna

Pertemuan 02

Elemen & Prinsip

Desain

Whitespace / negative space ruang kosong pada halaman web

yang bermanfaat untuk:

• Meningkatan keterbacaan & pemahaman konten

• Mengarahkan user untuk melakukan aksi tertentu

• Memunculkan kesan pertama yg baik

• Menciptakan kesan seimbang

• Berfungsi sebagai pemisah antar elemen

• Mengurangi kelelahan pada mata (visual relief)

http://www.seguetech.com/blog/2013/03/20/why-whitespace-important-web-design

White space

Whitespace meningkatan

keterbacaan dan

pemahaman konten

Whitespace dapat menghilangkan kesan penuh dan sumpek

dan menciptakan kesan elegan

Prinsip Desain 1: Kesatuan

(unity)

Proximity Similarity Continuity

Closure Negative Space Uniformity

Prinsip Desain 2:

Keseimbangan (balance)

Halaman web dengan kesan keseimbangan simetris

Halaman web dengan kesan keseimbangan simetris

Halaman web dengan kesan keseimbangan asimetris

Halaman web dengan kesan keseimbangan asimetris

Halaman web dengan kesan keseimbangan asimetris

Prinsip Desain 3: Kontras, emphasis &domination

Prinsip Desain 3: Kontras, emphasis & domination

Prinsip Desain 4: Konsistensi

Tugas

1

• Lakukan analisis terhadap sebuah tampilan UI

berdasarkan prinsip, elemen desain dan atau

teori IMK.

• Pengumpulan tugas melalui email:

[email protected]

[email protected]

• Subject: DesUI_Tugas1_Nama

• File tugas dikumpulkan dalam format .pdf

• Batas akhir pengumpulan:

• Besok yah, jam 12 malam ^^