desain web.pptx

7/23/2019 DESAIN WEB.pptx

http://slidepdf.com/reader/full/desain-webpptx 1/15

DESAIN WEB



Prinsip prinsip Desain Web

• Proximity

• Clarity/jelas

• Alignment

• Contrast• Consistency

• Sistem Navigasi Website Yang Bai

• !onsisten Dalam "al Bran#ing/$ogo

• %engg&naan 'ambar Dengan Bai

• Pengg&naaan (ont Dengan Bai )*ypograp+y,

• Pintar %eman-aatan %&ltime#ia.



P01I%I*Y

• Prinsip Proximity yang pertama iniberaitan #engan elengapan #ariseb&a+ 2el#. !elengapan aan

menent&an bagaimana tampilan3ebsite mamp& memb&atpeng&nj&ng tertari #an semain

nyaman ber&nj&ng.



Alignment

• Aligment a#ala+ erapian #alamt&lisan. *&lisan yang rapi aanmamp& menari minta peng&nj&ngse+ingga #i+arapan peng&nj&ngbeta+ membaca onten yang yanga#a #i seb&a+ 3ebsite.



Clarity

• Desain 3ebsite sebainya mamp&menyampaian pesan yang ti#a perl&#isampaian melal&i ata4ata.

• Clarity ini berarti seb&a+ 3ebsite +ar&smemp&nyai ejelasan &nt& apa3ebsite terseb&t #ib&at.

• 0le+ arena it&5 a#a perbe#aan +&s&santara too online #engan 3ebsiteyang +anya menye#iaan berita.



Contrast

• Dengan memb&at #esain 3ebsite yangmenari5 peng&nj&ng aan merasanyaman membaca serta menjelaja+

3ebsite.• Ini ber+&b&ngan #engan ombinasi 3arna

yang #ipaai ole+ seorang #esainer3ebsite. Inila+ yang menja#i alasanenapa pemili+an 3arna sangat penting#alam proses men#esain seb&a+ 3ebsite.



Consistensi

• Ini a#ala+ prinsip yang tera+ir yangta ala+ penting #engan empatprinsip sebel&mya. Prinsip ini berarti

seb&a+ 3ebsite +ar&s meng&s&ngesan onsisten #alam tema yang#iangat. Selain memb&at 3ebsite

menari5 consistency aanmemperm&#a+ pebisnis online #alam+al bran#ing j&ga.



Sistem Navigasi Website Yang Bai

• Sistem navigasi yang ti#a bai)penempatan #an bent&nya,

mengaibatan peng&nj&ngebing&ngan5 tersesat5 s&lit &nt&menem&an in-ormasi yang #ia cari.



!onsisten Dalam "al Bran#ing/$ogo

• !onsistensi #alam penempatan ata&posisi j&ga +ar&s #iper+atian5+in#ari posisi logo/bran# ata&p&n

i#entitas per&sa+aan it& berpin#a+4pin#a+ posisi

• %asala+ Bran#ing biasanya terait

j&ga #engan 3arna 3ebsite5 3arna3ebsite biasanya mengac& pa#a3arna bran#/logonya



%engg&naan 'ambar Dengan Bai

• *era#ang vis&alisasi ber&pa gambarlebi+ #i mengerti #iban#ing see#artext5 arena it& memb&at orang lebi+

tertari membacanya #iban#ingsee#ar tes sem&a.



Pengg&naaan (ont Dengan Bai )*ypograp+y,

• *&lisan ini a#ala+ s&mber in-ormasi &tamayang #iperl&an ole+ peng&nj&ng etia

meng&nj&ngi s&at& 3ebsite5 ja#i g&naan -ontsecara bija5 g&naan -ont yang m&#a+#ibaca ole+ peng&nj&ng.

• '&naan j&ga 3arna -ont yang jelas5 jia

bacgro&n# an#a ber3arna 0AN'E5 janganla+ mengg&naan -ont ber3arna !7NIN'5arena memb&at t&lisan ja#i ti#a jelas5 tapig&naan -ont ber3arna gelap5 seperti 3arna

+itam ata& colat



Pintar %eman-aatan %&ltime#ia

• *i#a sem&a orang yangmeng&nj&ngi 3ebsite ta+anmembaca t&lisan yang panjang #an

ti#a menjamin j&ga #ia mengertiapa yang ita t&lis5 nam&n #enganvi#eo ata& m&ltime#ia5 t&lisan ti#a

jelas5 masi+ a#a s&ara5 s&ara ti#a jelas masi+ a#a geraan4geraanvis&al.



*7'AS

Berian penjelasan tentang 8

• *eori 3arna

•

*ypograp+y &nt& 3ebsite• !esala+an &m&m yang +ar&s ita

+in#ari pa#a pemb&atan #esain3ebsite

desain web.pptx

Documents