Prinsip prinsip desain web

Slides:



Advertisements
Presentasi serupa
PRINSIP DESIGN IMK.
Advertisements

Desain Web R0312 – Grafik Komputer.
Who am I in Jesus Christ ? Sion Raya 04 Maret 2012.
Presented by : Anik Wijayanti,Ernima Sukmasari, Freddy
LIMBAH PETERNAKAN Anggota Kelompok: Zamaludin Eka Ariska.
Suku Baduy Kelompok 2.
SEGMENTASI PASAR PERTEMUAN 4.
Pengembangan Media Ajar Presentasi. Pengembangan Media Ajar Presentasi.
Sistem Operasi |Manajemen Proses
Oleh : Fajar Y. Zebua ◊ ◊ Id YM : fajarzebua ◊ Mobile Phone :
Keseimbangan, Penekanan, Kesatuan
NAME OF PRESENTATION Company Name. Title Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore.
VIRUS INOVASI MULAI MEWABAH
DINAMIKA HUKUM ISLAM Kelompok Fatima : 1.Anisya Putri W 2.Evita Dyah W 3.Farakh Khoirotun N 4.Fenny Afifatul A 5.Herlina Pujianti.
Basic Design Principles
Prinsip Dasar Desain Web
MK PENILAIAN EKONOMI KERUSAKAN SDAL
ELEMEN SENI RUPA Sanuka T. D KKN-PPL UNY 2013.
Sistem Operasi |Manajemen Proses
CSS (Cascading Style Sheet)
KOMUNIKASI DATA S. Indriani L, M.T Model Sistem Komunikasi.
Pemodelan Tujuan dan Penalaran dengan Mereka
Tips Membuat Desain & Layout Surat Kabar
LIGHT ENVIRONMENT ASSESSMENT
Network-centric world
PRINSIP-PRINSIP KOMPUTER/MEDIA GRAFIS
PRESENTATION NAME Company Name.
blog : soesilongeblog.wordpress.com
KEBIJAKAN PENGEMBANGAN KOMPETENSI ASN PEMERINTAHAN DALAM NEGERI
PEMANASAN GLOBAL HSE WEEKLY MEETING 2014.
Triyanna Widiyaningtyas
Regionalisasi Kawasan Dunia Berdasarkan Pusat Pertumbuhan Ekonomi
blog : soesilongeblog.wordpress.com
LAYOUT WEB.
Pertemuan Kesembilan, 17 April 2018
Masukkan Judul Presentasi Anda Di Sini
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Presenter/Bagian/Program studi
MASUKKAN JUDUL PRESENTASI ANDA DI SINI
Masukkan Judul Presentasi Anda Di Sebelah Sini
Presenter/Bagian/Program studi
Presenter/Bagian/Program studi
PRINSIP HUKUM HALAL DAN HARAM Disarikan dari kitab الحلال والحرام في الاسلام DR. Yusuf Qardhawi.
Area Slogan Singkat Dapat Diperluas hingga Dua Baris
Area Slogan Singkat Dapat Diperluas hingga Dua Baris
JUDUL PRESENTASI SINGKAT
travel margie’s margie’s travel
Lorem ipsum dolor sit amet, adipiscing elit
Judul Sampul Presentasi
BUBBLE FREE POWERPOINT TEMPLATE
By:.com © presentationgo.compresentationgo.com To insert your own icons*: Insert >> Icons (*Only available to Office 365 subscribers)
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Study Title Goes Here: Please No Longer Than Two Lines At Most, Altogether Name, Name, Name, Name, etc. Affiliations to complement name list on the left.
REUNI ANGKATAN 1999.
Presentation Title Presentation subtitle DD Month YYYY.
DENEB POWERPOINT TEMPLATE Jun Akizaki – The Power of PowerPoint
8 Nama di Sini tahun PROFIL PENGALAMAN PENDIDIKAN KEAHLIAN pengalaman
PENGALAMAN PENGALAMAN INTERNASIONAL Nama Perusahaan | Jabatan
Desainer, Pengembang Web
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Título da Apresentação
Lorem ipsum dolor sit amet, consectetuer adipiscing elit
JUDUL PRESENTASI SINGKAT
ARSIT-EKTUR Sampul depan JANUARI [TAHUN] ARTIKEL 1 – HALAMAN 1
SCHEAT POWERPOINT TEMPLATE Jun Akizaki – The Power of PowerPoint.
PRO PRESENTATION Beautiful Powerpoint Template. J J PRO PRESENTATION Powerpoint template.
Ini adalah Judul Artikel
Ini adalah Judul Artikel
ANALISIS SWOT PERTEMUAN 5 MANAJEMEN STRATEGI. TREY research Analisis SWOT alat yang digunakan untuk melakukan analisis strategis dan untuk memahami posisi.
Transcript presentasi:

Prinsip prinsip desain web By Kartika Puji Pangesti

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

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.

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.

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

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

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

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

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