Beberapa Tips Sebelum Memulai Belajar Web Desain - Mendesain sebuah web tidak lah serta merta asal membuat dan merancang, ada beberapa yang perlu diperhatikan sebelum membuat sebuah
desain website, salah satunya adalah kenyamanan pengunjung ketika mengakses website.
Tampilan website yang nyaman ketika dilihat, fitur dan menu-menu yang mudah di akses, yang tidak menyulitkan pengunjung. Desain anda harus memikat hati dan memberi kenyamanan kepada pengunjung sehingga mereka ingin kembali lagi nantinya. Namun, yang jadi masalah adalah
bagaimana membuat desain website yang membuat pengunjung nyaman.
Ingat: Kenyamanan pengunjung. Karena
desain website yang keren juga belum tentu membuat pengunjung anda nyaman. Nah, untuk hal ini saya mempunyai beberapa tips yang semoga bermanfaat bagi anda.
Berikut ini
Beberapa Tips Sebelum Memulai Belajar Web Desain yang harus pembaca ingat dan jadikan acuan dalam mendesain
website pembaca :
1. Keserasian
Hal pertama sebelum
mendesain website adalah mengkaji desain yang bagaimana yang paling cocok untuk diterapkan di
website.
Jangan sampai keliru. Sebaiknya anda mencari referensi dulu desain
yang seperti apa yang cocok dengan topik website anda. Jika website anda
tentang travel, sebaiknya anda kunjungi dulu website terkenal yang
membahas travel.
Poin ini diingat selama anda melakukan
langkah-langkah desain
website
. Setiap yang tampil di website anda harus sesuai dengan topik
website anda, atau setidaknya tidak mengacau (OOT).
2. Memulai dengan Mempelajari Desain Minimalis
Desain minimalis adalah gaya desain pertama yang harus Anda kuasai. Dalam
desain minimalis,
Anda dituntut untuk menghasilkan desain yang efektif tanpa perlu
disibukkan dengan detail-detail yang tidak begitu penting. Dengan
menguasai desain minimalis, maka sebenarnya Anda telah menjalankan
tujuan utama yang diharapkan dalam desain web yaitu membuat situs yang
berfungsi.
3. Selalu Memulai dengan Struktur yang Matang
- Masalah yang sering terjadi adalah sering kali si desainer terlalu
disibukkan dengan detail-detail kecil seperti tekstur, warna, atau font.
- Padahal hal penting pertama yang harus dipikirkan adalah
merencanakan struktur situs. Sebuah blog memiliki struktur berbeda
dengan portfolio karena isinya lebih cepat diperbarui. Blog perusahaan
memiliki gaya berbeda dengan blog personal.
- Oleh karena itu, langkah awal mendesain web tidak dilakukan di Photoshop.
Tapi, dengan coretan-coretan pensil di selembar kertas. Detail-detail
kecil seperti tekstur atau warna situs bisa diputuskan setelah struktur
penting berhasil diperoleh.
4. Fokus Pada Fungsi dan tujuan Website
- Dalam mendesain website, anda harus memperhatikan widget-widget, Call to action, link dan apapun yang tertampil di website anda.
- Kemudian, bayangkanlah anda menjadi seorang pengunjung website yang sangat awam. Lalu, pikirkan apa yang akan pengunjung rasakan ketika melihat website anda.
- Apakah mereka akan merasa risih atau merasa terbantu?
- Pikirkan apakah widget ini diperlukan pengunjung anda? apakah link ini diperlukan oleh pengunjung website anda?
- Jika anda ragu atas pertimbangan anda sendiri, tak ada salahnya melakukan survey & voting. Intinya, segala sesuatu yang tampil di website anda harus memiliki nilai manfaat bagi pengunjung anda.
- Jadi, hilangkan hal-hal yang tidak penting.
- Web desainer bukanlah seorang seniman. Web desainer
adalah seorang desainer yang memiliki tugas menyampaikan pesan melalui
situs. Jadi, fokuslah pada fungsi situs bukan pada hiasan-hiasan dan
pernak-pernik situs.
Animasi memang menarik.
- Gambar latar besar juga terlihat bagus. Tapi, sebelum menggunakannya tanyakan pada diri Anda “Apakah pemilik dan pengunjung situs membutuhkannya?”
Untuk memahami fungsi dalam desain web, biasakan untuk rutin membaca
artikel terkait usability dan user experience. Referensi yang bagus bisa
Anda peroleh di Smashing Magazine dan useit.
5. Efektifitas & kesederhanaan
- Setelah anda mengerti fungsi dan tujuan sebuah website, maka anda tahu widget, link, dan apa saja yang harus ditampilkan di website anda. Itu belum selesai.
- Sekarang, yang harus anda pikirkan adalah apa yang pengunjung rasakan ketika menggunakan/mengakses semua itu.
- Tampilkan fasilitas di website anda dengan seefektif dan
sesederhana mungkin. Misalkan mengoreksi anchor link atau kalimat call
to action menjadi 3-5 kata saja, tapi tidak menghilangkan arti pokoknya.
- Semakin padat dan jelas, semakin enak dibaca. Selain itu, kefektifan dan kesederhanaan juga menghemat tenaga anda.
6. Ikuti Struktur Desain Web Yang Sudah Baku
- Mungkin Anda telah memperhatikan bahwa biasanya website memiliki
struktur dua kolom dengan sidebar di kanan dan logo di kiri atas.
- Layout ini digunakan banyak orang karena fakta sederhana, berhasil.
- Studi usabilitas menunjukkan bahwa pengunjung sudah terbiasa dengan sidebar di kanan dan isi blog di kiri.
- Pengunjung juga secara alami mengetahui bahwa sisi kiri atas berisi
identitas situs yang jika diklik akan membawanya ke halaman depan.
- Jika Anda mendesain website, maka kemungkinan besar layout inilah yang harus Anda gunakan.
- Desain web telah berkembang pesat dan semua standar yang ada saat ini adalah hasil penelitian melelahkan para ahli.
- Jadi, jangan pernah menganggap layout desain dua kolom atau teks
hitam di atas putih sebagai membosankan. Jangan ragu untuk
menggunakannya hanya karena orang lain menggunakannya juga.
7. Navigasi
- Navigasi adalah arahan, petunjuk atau jalan di sebuah website.
- Buatlah navigasi yang mudah di website anda.
- Desain anda mungkin sudah disenangi karena 3 poin diatas.
- Tapi ketika pengunjung mengunjungi sebuah halaman di website anda, belum tentu mereka tetap suka jika navigasi website anda susah.
- Contoh cara membuat navigasi yang mudah misalnya dengan membuat menu
utama, memasang breadcrumb, nomor halaman, peta situs (site map),
artikel terkait, dan lain-lain.
- Manjakanlah pengunjung anda dengan navigasi yang mudah.
Berikut 5 Ketertarikan dan Penyegar Mata
- Poin ini adalah inti dalam seni mendesain.
- Tujuan mendesain adalah membuat orang tertarik.
- Dan, dalam mendesain website, pikatlah hati pengunjung dengan desain anda yang WOW.
- Nah, berikut ini adalah 4 elemen desain web yang paling berpengaruh :
- Warna
– Kekuatan warna tidak diragukan lagi dalam desain.
– Penyeleksian dan penggabungan warna dapat menghasilkan desain yang bagus.
– Pakailah warna-warna yang cerah untuk desain website anda.
– Bedakan teks tertentu dalam sebuah artikel dengan
warna. Mata pengunjung akan terhibur dengan ini. Tapi ingat, – jangan
pakai warna-warna yang terlihat “alay”.
– Lakukan Riset pada kode heksadesimal atau perpaduan warna red green blue (RGB) untuk menemukan warna-warna yang keren.
- Gambar & Ikon
– Walaupun sudah ada kode CSS untuk manipulasi desain, jangan pernah remehkan gambar!.
– Desain tanpa gambar itu bagaikan sayur tanpa garam.
– Gambar yang keren akan membuat pengunjung anda betah.
- Font
– Font memiliki posisi penting dalam membuat pengunjung nyaman saat membaca sesuatu di website anda. Gunakan font-font catchy terutama pada bagian teks Call to action, kepala konten, dan paragraf isi konten anda. Kunjungi layanan Google Font untuk menemukan font-font yang keren.
– Hal-hal yang perlu diperhatikan dalam mendesain font dengan kode CSS adalah pada properties Line Height (tinggi baris), font-family, dan font-size. untuk line height,
gunakan minimal ukuran 1,3 untuk konten (line-height:1.3;). Font family
adalah jenis font yang anda gunakan. Dan untuk font-size, gunakan
minimal ukuran 15px untuk konten (font-size:15px;).
– Perhatikan juga warna font, warna font juga berpengaruh terhadap kerenya sebauh website.
- Margin dan Padding
– Naah, ini yang kadang dilupakan oleh para websiteger dalam mendesain websitenya.
Margin dan padding berfungsi untuk memberi jarak elemen satu dengan
yang lainnya. Margin dan padding akan membuat web terlihat rapi dan
tidak terlalu membingungkan, bejibun dan acak-acakan.
– Gunakan minimal ukuran 3px untuk margin maupun padding di tiap elemen web.
8. Bahasa
- Dalam setiap teks Call to Action atau teks apapun di website anda, tulislah dengan gaya sendiri yang santai, luwes dan mudah dimengerti.
- Hindari pemakaian kata-kata yang tidak awam di mata pengunjung. Apalagi ketika sedang ada suatu event di website anda yang mengharuskan pengunjung berpartisipasi dan mengikuti langkah-langkahnya.
- Ingatlah, bahwa tidak semua pengunjung sangat mengerti dengan website atau komputer.
- Kadang-kadang bahkan ada yang hampir tidak tahu bagaimana untuk kembali ke halaman sebelumnya.
9. Desain Responsive
- Desain Responsive adalah sifat desain sebuah situs dimana ketika
diakses di perangkat apapun (PC/NoteBook/IPad/SmartPhone/HP), akan
menyesuaikan dengan ukuran layar pada perangkat.
- Di era tablet dan SmartPhone ini, desain sebuah web yang responsive sangat diperlukan agar website anda tetap menarik pada perangkat apapun yang pengunjung pakai.
10. Perhatikan Trend Desain Web Sekarang
- Seperti jenis desain lainnya, desain web pun memiliki trendnya sendiri.
- Misalnya, trend saat ini adalah maraknya penggunaan tekstur secara lembut (subtle).
- Anda bisa memperoleh informasi trend yang ada saat ini dengan
memperhatikan desain situs-situs terkemuka, situs portfolio desainer
semacam dribbble, atau melalui desain populer di marketplace seperti themeforest.
11. Kuasai Software yang Digunakan
- Satu hal yang perlu dipahami adalah Anda tidak harus menguasai semua aspek teknis dalam mendesain web.
- Bisa jadi seorang desainer web hanya pintar Photoshop tanpa bisa sedikitpun CSS atau sebaliknya. Kekurangan ini bisa ditangani dengan mencari partner lain yang memiliki skill berbeda dengan Anda.
- Anda juga tidak perlu mempersoalkan software yang digunakan dalam
mendesain. Sebagian desainer memilih Photoshop dan sebagian lagi memilih
Fireworks.
- Silakan pilih software yang Anda suka dan kuasailah dengan sungguh-sungguh.
- Satu hal yang perlu dipahami adalah Anda tidak harus menguasai semua aspek teknis dalam mendesain web.
- Bisa jadi seorang desainer web hanya pintar Photoshop tanpa bisa sedikitpun CSS atau sebaliknya.
12. Mempelajari Dasar-dasar Tipografi
- Tipografi web adalah area detail yang sangat penting namun sering kali disepelekan.
- Tipografi memegang peran penting karena menjembatani pesan dari pemilik situs pada pengunjungnya.
- Perhatikan pula bahwa tipografi dalam desain web berbeda dengan desain di medium lainnya. Teks di situs bisa muncul dalam browser berbeda dengan kombinasi font yang berbeda.
- Oleh karena itu, gunakanlah waktu Anda untuk mempelajari kombinasi font dan setting yang relatif berguna dalam semua kondisi.
13. Terakhir, Jangan Lupakan Whitespace
- Whitespace adalah area kosong yang memberi ruang bernafas bagi pengunjung situs.
- Whitespace memberikan ruang bagi pengunjung untuk fokus
pada area-area tertentu dan juga memberikan struktur yang logis pada
tampilan situs.
- Tanpa whitespace, situs akan terlihat terlalu penuh dan membingungkan pengunjung.