Dalam ikhtisar ini, Anda akan melihat setiap tren dan contoh indah yang akan menginspirasi Anda untuk proyek berikutnya.
1. Tata letak yang luar biasa
Gambar 1
2. Tata letak satu halaman
Gambar 2
3. Tata letak multi-kolom
Gambar 3
4. Ilustrasi raksasa dan grafik yang hidup
Gambar 4
5. Ruang putih lebih banyak dari sebelumnya
Gambar 5
6. Elemen desain sosial
Gambar 6
7. Navigasi percakapan
Gambar 7
8. Tab Dinamis
Gambar 8
9. Kotak pencarian besar
Gambar 9
10. Tambahkan efek visual ke klasifikasi
Gambar 10
11. Avatar penulis
Gambar 11
12. Ikon dan isyarat visual
Gambar 12
13. indeks tag (menggantikan tag cloud)
Gambar 13
14. Penggunaan ilustrasi di blog
Gambar 14
15. Lukisan cat air
Gambar 15
16. Tulisan Tangan
Gambar 16
17. Retro
Gambar 17
18. Gunakan material organik, batu bata dan fotografi sebagai latar belakang
Gambar 18
19. Menandai segel
Gambar 19
20. Label harga
Gambar 20
21. Pita
Gambar 21
Tata Letak Luar Biasa
Seperti yang ditunjukkan dalam 40 Tata Letak Desain Inovatif: Tata Letak Luar Biasa beberapa bulan lalu, kami mengamati tren yang kuat menuju tata letak yang lebih personal dan inovatif. Alih-alih menggunakan tata letak tradisional seperti kotak, desainer bereksperimen dengan cara-cara baru dalam menyusun, menyajikan, dan mengekspresikan informasi.
Dalam desain tata letak yang luar biasa ini, kreativitas keseluruhan seringkali lebih penting dan berkesan dibandingkan konten spesifik. Namun, kegunaan, tipografi, dan desain visual jarang diabaikan dan dijalankan dengan hati-hati. Tata letak inovatif sangat populer di proyek-proyek besar, agen desain situs web, dan situs web promosi (seperti aktivitas komersial perusahaan besar), tetapi juga populer di blog.
Gambar 22
Dalam hal kreativitas, batas antara desain yang dapat digunakan dan tidak dapat digunakan sangat kabur; oleh karena itu, pengujian kegunaan sangatlah penting, karena sebuah ide baru dapat merusak hal-hal yang sudah ada di situs web. Seringkali merupakan ide bagus untuk memiliki keseimbangan antara desain kreatif, klasik, dan tradisional, yang berarti mencoba menemukan keseimbangan antara desain yang dapat digunakan yang "tidak dapat dihancurkan" (atau bahkan membosankan) dan desain yang kreatif namun tidak dapat digunakan. Ingat, ide membutuhkan waktu untuk berkembang: dipikirkan kembali, direvisi, diubah, disempurnakan, dan pada akhirnya diintegrasikan ke dalam desain Anda.
Desainer sangat dianjurkan untuk melepaskan diri dari konvensi tata letak kotak tradisional dan mencoba pendekatan baru serta ide-ide Anda yang berani dan gila. Tunjukkan bakat Anda!
Gambar 23
Gambar 24
Gambar 25
Gambar 26
Gambar 27
Gambar 28
Tata letak satu halaman
Cara lain yang sering digunakan desainer untuk mengesankan pengunjung adalah apa yang disebut tata letak satu halaman: Tata letak ini menggunakan satu halaman untuk menyajikan konten situs web. Ini tidak berarti bahwa desain ini minimalis (mengikuti prinsip “less is more”). Sebaliknya, desain seperti ini seringkali sangat rumit, berisi gambar yang kaya dan efek animasi yang hidup, sehingga memerlukan waktu yang cukup lama untuk dimuat.
Gambar 32
Saat pengguna mengklik opsi navigasi, halaman berubah (berubah sebagian), dan konten baru http://www.knowsky.com muncul di area tempat konten sebelumnya ditampilkan. Efek navigasi geser dan gulir dalam tata letak ini didukung oleh perpustakaan JavaScript publik.
Keuntungan utama bagi pengguna berasal dari fakta sederhana bahwa diperlukan lebih sedikit gerakan mouse dan klik untuk mendapatkan informasi yang mereka inginkan. Karena pendekatan ini masih sangat baru, ini merupakan peluang besar bagi pengguna yang mungkin bingung menggunakan navigasi non-tradisional. Ada beberapa situasi di mana versi "statis" mungkin berguna atau bahkan diperlukan; misalnya Anda harus menyediakan versi lain untuk mesin pencari dan pengguna yang telah menonaktifkan JavaScript.
Gambar 33
Gambar 34
Gambar 35
Tata letak multi-kolom
Banyak kolom (lebih dari 3 kolom) tidak selalu berarti desain yang rumit. Di sisi lain, jika dirancang dengan benar, beberapa kolom bisa sangat membantu pengunjung karena memberikan gambaran yang lebih baik tentang opsi navigasi yang terlihat, memungkinkan pengguna menemukan informasi yang mereka cari dengan cepat.
Selama beberapa tahun terakhir, kita telah menyaksikan ledakan konten situs web, yang mengurangi perhatian dan waktu yang dihabiskan pengguna di situs web (lihat ReadWriteWeb untuk detailnya). Maka tak heran jika para desainer berusaha mencari cara yang lebih ringkas dalam menyajikan informasi, sehingga pengunjung dapat tetap berada di website selama mungkin dan menemukan konten dengan lebih mudah.
Gambar 36
Salah satu cara untuk mencapai hal ini adalah dengan menggunakan tata letak dengan beberapa kolom yang berdekatan. Ide ini sangat masuk akal. Resolusi layar telah meningkat dalam beberapa tahun terakhir (namun, hal ini dapat berubah jika netbook seperti Asus Eee PC tersedia secara luas), memberikan lebih banyak ruang horizontal kepada pengguna dan memberikan ruang tambahan bagi desainer untuk mengisi konten.
Hasilnya menunjukkan bahwa semakin banyak desainer yang menggunakan lebih banyak kolom dalam desain mereka. Penelitian kami menemukan tren yang kuat terhadap apa yang disebut tata letak multi-kolom, biasanya dengan lebar tetap 850 piksel pada layar 1000 piksel. Banyak kolom sering digunakan dalam tata letak majalah dan proyek besar. Dalam tata letak ini, kisi sering digunakan untuk memastikan keseimbangan struktural, hierarki, dan ketertiban.
Saat menggunakan tata letak multi-kolom, pentingnya spasi aktif dan antar kolom individual tidak dapat dilebih-lebihkan. (Ruang putih aktif sengaja dikosongkan agar lebih mewakili struktur halaman dan menekankan area konten yang berbeda.)
Untuk tujuan ini, desainer sering menggunakan "mantra Shneiderman" ("Tampilkan gambaran besarnya terlebih dahulu, tunjukkan detailnya nanti") , dengan terlebih dahulu Memberikan gambaran fungsionalitas kepada pengguna dan kemudian memberikan rincian sesuai permintaan - nanti, ketika tautan diklik (Mozilla Labs adalah contoh utama).
Gambar 37
Gambar 38
Gambar 39
Gambar 29
Gambar 30
Gambar 31