Isi
- Fokus pada ilustrasi
- Gaya berbeda
- Membersihkan jalan
- Lima contoh untuk diperiksa ...
- Tempat penampungan
- Eksperimen sosial Xperia
- Mailchimp
- Indubitablee
- Ian James Cox
Di sini, Gene Crawford memberikan tip tentang bagaimana menggunakan ilustrasi untuk membumbui situs web Anda tanpa membuat navigasi membingungkan ...
Fokus pada ilustrasi
Ilustrasi dapat menambahkan karakter, kehangatan, dan kepribadian ke dalam desain web Anda. Akan tetapi, perairan interaksi dan komunikasi berbahaya ini berbahaya jika tidak dilakukan dengan baik.
Penting untuk memastikan ada perbedaan yang jelas antara elemen interaktif dan konten ilustrasi. Ini akan memastikan bahwa situs tidak hanya indah untuk dilihat tetapi juga mudah bagi pengguna untuk menavigasi dan mengambil tindakan apa pun, seperti mendaftar untuk buletin.
Gaya berbeda
Membedakan antara interaksi dan ilustrasi dapat didekati dengan beberapa cara berbeda. Namun, biasanya sebaiknya tombol, elemen navigasi, dan ajakan bertindak tidak memiliki gaya yang sama seperti ilustrasi di halaman lainnya, untuk membantunya menonjol.
Misalnya, jika ilustrasinya sangat bertekstur dan kasar, mungkin semua yang berinteraksi dengan pengguna harus memiliki tepi yang tajam dan bayangan jatuh. Jika ilustrasinya berupa garis atau satu warna, maka cara yang baik untuk membedakannya dari navigasi adalah dengan membuat semua elemen lainnya berwarna cerah.
Membersihkan jalan
Intinya adalah membuat elemen-elemen ini secara visual berbeda dari ilustrasi membantu mengurangi kebingungan dengan membuat titik apa yang ingin mereka lakukan atau ke mana mereka ingin pergi. Ini akan memungkinkan pengguna untuk mengagumi seni yang indah di situs Anda sambil tetap membawanya dalam perjalanan.
Lima contoh untuk diperiksa ...
Tempat penampungan
Situs web untuk aplikasi manajemen proyek Basecamp menggunakan ilustrasi simbolis dengan sempurna untuk menceritakan kisah tentang aplikasi itu dan apa yang Anda lakukan dengannya.
Eksperimen sosial Xperia
Contoh ini, yang ditampilkan di situs web Sony Xperiments, menunjukkan elemen ilustrasi dan interaktif bercampur sedikit terlalu dekat. Meskipun diilustrasikan dengan indah, ini dapat menyebabkan beberapa titik interaksi yang membingungkan.
Mailchimp
Aplikasi pemasaran email Mailchimp adalah contoh bagus menggunakan gambar ilustrasi dan bergambar yang kaya dan memiliki perbedaan yang sangat jelas antara itu dan elemen interaktif.
Indubitablee
Portofolio desainer web untuk Indubitablee adalah perpaduan yang hebat antara ilustrasi dan elemen interaktif yang seimbang. Mereka bahkan menggunakan warna untuk membantu memperkuat perbedaan secara visual.
Ian James Cox
Situs web portofolio untuk Ian james Cox menggunakan elemen ilustrasi dan navigasi tradisional untuk membuat cara yang menarik untuk menavigasi konten situs.
Dan itu saja untuk saat ini! Apakah menurut Anda ini berguna? Beri tahu kami pendapat Anda di kotak komentar di bawah.
Fitur ini pertama kali diterbitkan di majalah .net edisi 224.