Rangkuman Materi M9 DPG

Desain Website

Untuk memenuhi kebutuhan pengguna terhadap grafik pada sebuah aplikasi berbasis web, maka ada beberapa hal yang perlu diperhatikan pada desain website, diantaranya adalah :

1. Penggunaan warna yang tepat. Warna sangat berpengaruh dalam sebuah desain. Masing masing warna memiliki karakter tersendiri, dan mecerminkan suasana tertentu
2. Teks yang mudah dibaca. Teks harus mudah dibaca, hal ini bisa dicapai dengan mengatur kontras warna teks dengan background
3. Desain visual yang harmonis. Image atau gambar secara visual merupakan unsur atau elemen utama dalam desain. Image bisa digunakan sebai pemanis, atau penyeimbang atau point of interest.
4. Layout yang Simpel. Layout atau tataletak desain diusahakan sesederhana mungkin, minimalisir elemenelemen yang tidak penting, maksimalkan whitespace (jarak antar elemen).
5. Alur yang mudah dimengerti. Layout desain website harus bisa menuntun pengunjung dan mengarahkan mereka ke sesuatu yang kita inginkan, jadi kitalah yang menuntun alur perhatian pengunjung dari titik a, ke titik b, ke titik C, dan seterusnya, sehingga tujuan kita dan misi dari website bisa dicerna dengan baik oleh pengunjung.
6. Menu Navigasi yang jelas. Salah satu elemen penting yang juga wajib diperhatikan adalah navigasi atau menu. Menu navigasi adalah satu-satunya cara pengunjung berinteraksi dengan website.

Ragam Layout Website

Ada beberapa macam layout desain web saat ini yang semakin menghiasi dunia web :

1. Static. Layout static pada web desain memiliki ukuran tetap pada semua resolusi browser. Lebar layout static ini menggunakan satuan pixel (px) sehingga akan menghasilkan layout yang statis.
2. Fluid. Layout fluid memiliki kemampuan untuk menyesuaikan lebar layout sesuai dengan resolusi browser
3. Responsive. Layout responsive memiliki kemampuan untuk berganti layout pada resolusi tertentu. Layout bisa berganti ini berkat kehadiran CSS3 dengan sintax media queries nya
4. Responsive-fluid. Layout responsive-fluid merupakan gabungan antara responsive dengan fluid sehingga lebar layout akan mennyesuaikan resolusi dan akan berganti layout pada resolusi tertentu
5. Horizontal Scrolling. Layout horizontal scrolling adalah dengan menata content web kesamping, sehingga untuk melihat content web tersebut menggunakan scroll horizontal.
6. Parallax Scrolling. Layout parallax scrolling menggunakan beberapa layer dan setiap layer memiliki kecepatan perpindahan yang berbeda-beda saat di scroll sehingga menimbulkan efek yang menarik

Format Gambar untuk Website

Format image ada beberapa jenis, yang umum untuk ditemukan adalah JPEG (JPG), GIF dan PNG juga BMP. Semakin besar kompresi semakin sedikit data yang disimpan. Dan jika ukuran data semakin besar, akan menambah waktu yang diperlukan untuk menampilkannya pada web browser. Berikut acuan sederhananya:

• PNG sangat baik untuk dipergunakan pada kebanyakan web browser (IE6+ butuh sedikit sentuhan CSS untuk pengaturan transparansi).
• JPG adalah pilihan terbaik untuk menampilkan foto secara online, walau kualitasnya tidak sebagus PNG tetapi cukup bisa diterima mata manusia.
• GIF sangat baik untuk menampilkan gambar grafik (jika tidak mau menggunakan PNG), tapi jangan ubah foto menjadi format GIF karena hasilnya tidak sedap dipandang mata.
• BMP bisa dikategorikan sebagai gambar tidak terkompresi, tidak disarankan untuk penggunaan pada web (menghabiskan bandwidth).

Menerapkan Warna Efektif ke dalam Website

Berikut apa saja yang sebaiknya dilakukan dalam mengkombinasikan warna ke dalam desain website.

1. Gunakan warna brand. Warna identitas brand merupakan hal yang penting untuk selalu diterapkan ke berbagai media, termasuk media online seperti website sebagai bentuk branding perusahaan.
2. Terapkan psikologi warna. Secara tidak sadar, warna mampu memberikan pengaruh kedalam pikiran seseorang. Saat kita mengunjungi halaman website, mata akan tertarik untuk memperhatikan sesuatu yang terlihat berbeda dan menonjol.
3. Sesuaikan warna dengan target pasar. Setiap konsumen memiliki ketertarikan warna yang berbeda sesuai umur maupun jenis kelaminnya. Begitu juga setiap bidang usaha akan selalu berbeda dalam menerapkan warna berkaitan dengan profesionalitas usaha
4. Pastikan warna teks kontras dengan background. Kontras teks dalam desain website jugalah penting. Teks menjadi sumber rujukan bagi pengunjung untuk mengetahui informasi mengenai bisnis.

Desain yang Sesuai Dengan User Experience dan User Interface

1. User Experience. Proses meningkatkan kepuasan pengguna (pengguna aplikasi, pengunjung website) dalam meningkatkan kegunaan dan kesenangan yang diberikan dalam interaksi antara pengguna dan produk.
2. User Interface. desain antarmuka untuk mesin dan perangkat lunak, seperti komputer, peralatan rumah tangga, perangkat mobile, dan perangkat elektronik lainnya, dengan fokus pada memaksimalkan pengalaman pengguna.