Belajar membuat desain web memang bukan sesuatu yang instant. Diperlukan proses yang panjang yang membutuhkan proses pembelajaran elemen-elemen yang berada di dalam sebuah web. Tentu Anda harus mengamatinya secara detail, termasuk bagaimana meningkatkan selera desain Anda. Prinsip yang mungkin diketahui banyak orang adalah: “sederhana akan lebih baik”. Ini terdengar begitu umum, kan? Ini adalah sesuatu yang mungkin Anda sudah ketahui, tetapi Anda perlu belajar bagaimana untuk menerapkannya pada saat Anda mendesain web. Mari kita coba mempraktekkan dengan melihat bagaimana hal itu dilakukan dengan proyek ini.
Class Banner
Mari kita bayangkan jika Anda diberi tugas membuat banner web sederhana untuk kelas fotografi gratis di sekolah menengah setempat atau perguruan tinggi. Tidak perlu ada tombol, link, atau pun desain responsif. Hanya perlu tata letak statis sederhana.
Dari mana Anda harus memulai? Biasanya, langkah pertama akan mencari tahu segala sesuatu yang perlu Anda ketahui: siapa targetnya, di mana acara tersebut akan berlangsung, dan hal-hal sejenisnya. Setelah Anda punya informasi ini, Anda mungkin akan melemparkan sebuah paragraf kecil yang bagus ke halaman Anda, seperti ini :
Kita akan menuju ke sebuah awal yang baik, tapi semua orang tahu Anda membutuhkan gambar untuk mendapatkan perhatian orang. Pada poin ini, kebanyakan orang melakukan hal yang sama: yaitu mereka mencari image di Google dan menggunakan clipart. Yuk dicoba!
Setelah Anda melihat gambar di atas, maka Anda masih harus membuatnya lebih baik. Ada beberapa hal yang perlu diubah agar desain ini tampak bagus dan menarik di mata target market. Pada poin ini, biasanya orang akan berencana untuk mengganti font dengan font yang sekiranya menarik. Anda bisa melihat beberapa trend desain website untuk dijadikan salah satu referensi dalam mendesain sebuah web.
Dengan Sumber Daya yang Lebih Baik, Desain pun Menjadi Lebih Baik
Daripada Anda menggunakan sebuah clipart untuk melambangkan acara yang dipromosikan dalam banner tersebut, bukankah akan lebih baik jika Anda menggunakan foto asli yang menggambarkan acara yang akan dipromosikan? Mungkin Anda bisa coba mencari foto asli berkualitas baik yang bisa Anda gunakan untuk desain banner acara tersebut!
Dengan berbagai perubahan, Anda bisa mendapatkan banyak kemajuan dari segi estetika. Anda bisa mencoba kreasi selanjutnya dengan menggunakan font yang bisa Anda download secara gratis.
Lebih Sederhana Maka Akan Lebih Baik
Setiap desain web dapat diberikan berbagai elemen yang menimbulkan kesan dramatis dan menonjolkan sisi estetis. Selain itu, dengan desain yang baik Anda juga bisa menyampaikan pesan dari berbagai perspektif sehingga dapat mencapai tujuan dalam membuat desain web tersebut. Namun pada contoh kali ini, desain ini bertujuan untuk memberitahu orang-orang tentang kelas fotografi gratis dari 3-5 detik yang mereka lewatkan dengan membaca pesan yang terdapat di dalamnya.
Awkward Whitespace
Setiap desainer yang baik akan memberitahu Anda bahwa ruang adalah teman Anda. Penataan ruang membutuhkan sedikit sentuhan seni. Gambar ini memiliki banyak ruang yang terbuang dengan percuma.
Yang benar-benar menarik dari ruang adalah ruang tidak selalu berwarna putih! Kita dapat memiliki ruang kosong yang terdapat dalam sebuah gambar. Kita bisa menggunakan ruang kosong yang terdapat pada sebuah gambar yang dijadikan latar belakang.
Dengan memaksimalkan ruang kosong yang terdapat pada sebuah gambar, Anda bisa menimbulkan kesan artistik pada gambar dan menarik perhatian target market.
The Headline
Perhatikan gambar ini! Terdapat gambar kamera di pojok kanan bawah hingga tengah sehingga masih menyisakan ruang kosong pada bagian kiri atas.
Dengan desain seperti ini, ruang kosong yang tersedia, kita bisa memberi judul yang sama yang kita buat dalam versi terakhir dengan font dan warna tulisan yang berbeda.
Tips : Pengamat desain akan melihat bahwa background sudah sedikit digelapkan agar teks putih terlihat lebih menonjol. Menjaga agar kontras tetap baik adalah prinsip yang perlu diketahui saat medesain web yang sangat penting.
The Paragraph
Langkah terakhir adalah untuk memasukkan teks pada paragraf ini. Secara teori, kita bisa menggunakan paragraf dalam bentuk seperti ini :
Hal ini terlihat baik, tetapi jika kita fokus pada tujuan komunikasi cepat, dan menerapkan prinsip desain yang sederhana, maka hasilnya akan lebih baik.
Sebagai desainer, tugas kita bukan hanya untuk membuat visual yang menarik. Kita juga bertugas membuat seluruh desain web menjadi user-friendly. Bila Anda memiliki kebebasan untuk melakukannya, ini bahkan berlaku untuk menyederhanakan pesan dalam desain.
Jika kita membaca paragraf yang kita tulis sebelumnya, kita dapat dengan mudah memilih informasi mana saja yang penting:
Untuk menyederhanakannya, mari kita menarik benang merah dari informasi ini. Gunakan juga rata kiri dalam susunan paragraf tersebut.
Dengan melihat desain di atas, Anda telah berhasil menyederhanakan pesan yang ingin disampaikan sehingga terbaca dalam waktu yang singkat.
Going Further
Sebelum kita mengakhiri percobaan ini, Anda harus mencoba salah satu teknik yang sangat populer, yakni mengganti kata-kata dengan gambar. Jika dilakukan dengan bijaksana, Anda dapat menggunakan untuk lebih menyederhanakan pesan Anda sambil meningkatkan daya tarik estetika desain web Anda. We’ll use a nice, minimal icon set to achieve this goal :
Saya pikir icon yang baik dan digunakan dengan tepat benar-benar dapat digunakan untuk mendesain web dengan baik. Dengan cara ini, kita telah menghemat waktu yang dihabiskan user untuk membaca informasi yang sama.
All Done!
Lihatlah kembali berbagai literasi desain web yang Anda buat. Dengan meluangkan waktu dan effort lebih, Anda bisa membuat user tertarik dan mendapatkan informasi yang sama dengan waktu yang lebih sedikit. Desain web adalah suatu yang menarik yang perlu kita pelajari terutama bagi Anda yang terjun dalam dunia desain. Desain bisa dijadikan sebagai hobby atau pun untuk menjalankan bisnis modal kecil. Semoga cara ini bisa diterapkan saat mendesain web dengan mudah, ya!
sumber : Belajar Desain Web: Lebih Simple Lebih Baik!
Baca selengkapnya di --> Belajar Desain Web: Lebih Simple Lebih Baik!
Share Artikel ini! »»
|
|
|
Tweet |
0 comments:
Post a Comment