Prinsip prinsip desain web

Presentasi berjudul: "Prinsip prinsip desain web"— Transcript presentasi:

1 Prinsip prinsip desain web
By Kartika Puji Pangesti

2 Prinsip-prinsip web design
Prinsip utama sebuah desain adalah kualitas atau karakteristik bawaan dalam berbagai bentuk seni. Prinsip-prinsip itu antara lain : Keseimbangan Kontras Konsistensi Ruang Kosong

3 a. Keseimbangan Hasil susunan satu atau lebih elemen desain sehingga antara yang satu dengan yang lainnya memiliki bobot yang sama. 3 jenis keseimbangan : Keseimbangan Simetris (Formal) keseimbangan yang bobotnya sama pada dua sisi dari garis vertikal imajiner halaman web. Tata letak simetris ini menghasilkan desain yang statis dan berkesan formal.

4 Keseimbangan Asimetris (Informal)
Mempunyai elemen yang tidak sama bobotnya pada kedua sisi dari garis imajiner halaman web. Tata desain tampak dinamis dan ada ruang kosong.Menimbulkan kesan santai dan casual.

5 Faktor yang harus dipertimbangkan :
Warna Dapat menyeimbangkan objek yg besar dan kecil, besar dapat diberi warna muda dan tidak terlalu kuat, objek yang lebih kecil diberi warna yang lebih kuat Bentuk Dapat dicontohkan dengan objek yg memiliki kesan datar namun memiliki detil bentuk yang sederhana akan seimbang dengan objek kecil dengan detil lebih teliti Posisi Dengan menempatkan objek yang dominan pada posisi agak ke tengah akan terlihat seimbang dengan area dan objek yang lebih kecil pada lawan arahnya

6 b. kontras Kontras dilihat dr dua objek yang berlainan sehingga desain tampak menonjol dan menarik perhatian. Contoh kontras bentuk : Contoh Kontra dalam bentuk warna

7 c. KONSISTENSI Konsisten sangat penting karena membuat pengunjung merasa nyaman. Konsisten dapat diwujudkan dalam bentuk layout, warna, huruf

8 d. Ruang kosong Ruang kosong : Tempat istirahat mata pembaca
Menghubungkan antar elemen dalam sebuah layout Membuat bentuk positif dan negatif Menegaskan sebuah elemen Mempermudah pemahaman layout Halaman tampak dinamis dan tidak membosankan Mempetmudah pembacaan teks

9 E. Unity (kesatuan) Sebuah design harus menjadi satu kesatuan yang saling mendukung. Contoh : LOREM IPSUM Menu Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Menu Lorem