desain web.pptx
Post on 19-Feb-2018
214 Views
Preview:
TRANSCRIPT
7/23/2019 DESAIN WEB.pptx
http://slidepdf.com/reader/full/desain-webpptx 1/15
DESAIN WEB
7/23/2019 DESAIN WEB.pptx
http://slidepdf.com/reader/full/desain-webpptx 2/15
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 %<ime#ia.
7/23/2019 DESAIN WEB.pptx
http://slidepdf.com/reader/full/desain-webpptx 3/15
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.
7/23/2019 DESAIN WEB.pptx
http://slidepdf.com/reader/full/desain-webpptx 4/15
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.
7/23/2019 DESAIN WEB.pptx
http://slidepdf.com/reader/full/desain-webpptx 5/15
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.
7/23/2019 DESAIN WEB.pptx
http://slidepdf.com/reader/full/desain-webpptx 6/15
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.
7/23/2019 DESAIN WEB.pptx
http://slidepdf.com/reader/full/desain-webpptx 7/15
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.
7/23/2019 DESAIN WEB.pptx
http://slidepdf.com/reader/full/desain-webpptx 8/15
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.
7/23/2019 DESAIN WEB.pptx
http://slidepdf.com/reader/full/desain-webpptx 9/15
!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
7/23/2019 DESAIN WEB.pptx
http://slidepdf.com/reader/full/desain-webpptx 10/15
7/23/2019 DESAIN WEB.pptx
http://slidepdf.com/reader/full/desain-webpptx 11/15
%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.
7/23/2019 DESAIN WEB.pptx
http://slidepdf.com/reader/full/desain-webpptx 12/15
7/23/2019 DESAIN WEB.pptx
http://slidepdf.com/reader/full/desain-webpptx 13/15
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
7/23/2019 DESAIN WEB.pptx
http://slidepdf.com/reader/full/desain-webpptx 14/15
Pintar %eman-aatan %<ime#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<ime#ia5 t&lisan ti#a
jelas5 masi+ a#a s&ara5 s&ara ti#a jelas masi+ a#a geraan4geraanvis&al.
7/23/2019 DESAIN WEB.pptx
http://slidepdf.com/reader/full/desain-webpptx 15/15
*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
top related