DASAR-DASAR DESAIN DAN DASAR-DASAR DESAIN DESAIN UNTUK MEDIA WEB Widianto Nugroho, S.Sn.

Unsur dan prinsip desain Font dan tipografi Warna Layout

UNSUR-UNSUR DESAIN

Garis Horizontal atau vertikal. Dapat meningkatkan keterbacaan dari desain. Gambar:

Raut Dalam desain web biasanya berbentuk segi empat. Dapat digunakan gambar untuk menghasilkan raut selain segi empat. Gambar:

Tekstur Untuk mendapatkan kesan tentang suatu permukaan. Dapat berupa gambar alami atau efek buatan. Gambar:

Warna Warna web safe untuk web. Gambar: Elements-2-Switch-Colors

Arah Untuk menunjukkan pada suatu spot tertentu. Gambar: architecture-achieving-design-balance/

PRINSIP-PRINSIP DESAIN

Keseimbangan Distribusi dan pembagian dari berat/ringan dari suatu komposisi sehingga diperoleh suatu keseimbangan. Gambar:

Kontras Bisa didapatkan melalui perbedaan yang ekstrim dari warna maupun raut (kotak lawan lingkaran) Gambar: contrast/

Penekanan Bidang dominan dari komposisi. Bisa didapat melalui ukuran, atau warna Gambar: f06.wikispaces.com/Elements+and+Principles+of+Design

Irama Dapat disebut juga pola, pengulangan, membawa pada konsistensi, sehingga mudah untuk diingat. Gambar: _Principles_of_Design

Kesatuan Semua unsur yang mungkin berbeda menyatu menjadi kesatuan yang harmonis. Gambar: design/

Desain untuk web ≠ desain untuk cetak Gambar:

FONT DAN TIPOGRAFI

Font sans-serif Sebaiknya menjadi dasar dari konten web. Mudah dibaca secara online. Umumnya terdapat dalam berbagai sistem operasi.

Font serif Untuk media cetak, lebih sulit dibaca di layar komputer. Dapat diimplementasikan pada style sheet untuk print.

Font monospace Biasanya digunakan untuk menyajikan kode program. Gamba:

WARNAWARNA

Teori warna Warna primer - sekunder

Warna RGB Merah hijau biru

Warna pada web Nama warna: – Red, blue, green, purple, dll. Kode heksadesimal: – #FF0000 atau #F00 : merah – #00FF00 atau #0F0 : hijau – #0000FF atau #00F : biru Pada CSS: –

Web safe color 256 warna dengan menggunakan kode heksadesimal

Makna Warna Perbedaan kultur – Contoh: makna warna merah pada budaya Tionghoa Perbedaan usia – Muda: cenderung lebih cerah Perbedaan gender – Pria: warna-warna dingin: hijau, biru – Wanita: warna-warna panas: merah, orange Trend warna

Harmoni warna Gambar:

LAYOUT

Layout dasar

Gambar: INTERACTIVE LAYOUT

Fixed layout 1024 px 1280 px

Fluid layout Variable width

TERIMA KASIH Web: Facebook: Twitter: