Prinsip Utama Desain yang membuat Web Terlihat Baik

Visualsgang – Sudah banyak online shop maupun blogger memiliki situs web hari ini. Web semakin padat dari hari ke hari dengan lusinan situs web. Hal ini menjadi semakin sulit untuk diperhatikan di antaranya. Sayangnya, tidak semua orang tampaknya memahami apa yang membuat atau merusak desain Website. Memang, desain Web untuk sebagian besar merupakan proses kreatif dan karena itu dapat disebut lebih banyak seni daripada sains. Tetapi karena secara intrinsik, website adalah medium presentasi, beberapa aturan (atau setidaknya prinsip) berlaku. Dengan mengikuti beberapa petunjuk sederhana, siapa pun harus dapat membuat desain yang menarik secara visual dan mengambil satu langkah lebih dekat menuju ketenaran. Bakat dan pengalaman memang penting, tetapi siapa pun dapat mengubah beranda mereka menjadi sesuatu yang lebih cantik dalam beberapa menit saja.

Situs web yang tidak dirancang dengan baik cenderung berkinerja buruk dan memiliki metrik Google Analytics sub-optimal (mis. Tingginya rasio pentalan, waktu rendah di situs, laman rendah per kunjungan, dan konversi rendah). Jadi apa yang membuat desain web yang bagus? Di bawah ini kami menjelajahi prinsip-prinsip desain web teratas yang akan membuat situs web kamu secara estetis menyenangkan, mudah digunakan, menarik, dan efektif.

        1.  Balance
          Balance adalah semua tentang memastikan bahwa desain Kamu tidak mengarah ke satu sisi atau yang lain. Ini seperti keseimbangan berat dalam mencapai simetri atau asimetri.
          Lihatlah anjing pada gambar di atas. Situs Substraction milik Khoi Vinh di bawah ini. Contoh ini berasal dari The Principles of Beautiful Web Design oleh Jason Beaird. Jason menunjukkan bagaimana tanda “x” di sebelah kanan membentuk bobot visual tambahan yang berada di sebelah kiri anjing. Ini adalah detail kecil tapi tidak sepele. Lihat sendiri dengan menyembunyikan “tanda” dengan tangan kamu.Ini adalah apa yang kita sebut asymmetrical balance asimetris, dan inilah keseimbangannya. Jika kamu tidak berhati-hati tentang cara kamu menyelesaikan masalah, desain akan menjadi tidak seimbang dengan cepat. Kamu dapat memanipulasi berat visual desain dalam banyak hal, seperti dengan warna, ukuran dan penambahan atau penghapusan elemen. Jika kamu membuat bentuk “x”, katakanlah, oranye cerah, itu akan menjadi lebih berat dan mungkin membuang tata letak dari keseimbangan lagi. Mencapai keseimbangan asimetris adalah hal yang sangat rumit yang membutuhkan waktu untuk menyempurnakan dan mata yang terlatih untuk benar-benar berhasil.
        2. Grid
          Konsep grid sangat terkait dengan keseimbangan. Grid adalah rangkaian penguasa horizontal dan vertikal yang membantu kamu “mengkotak-kotakan” suatu desain. Pikirkan kolom. Kolom meningkatkan keterbacaan, membuat konten halaman lebih mudah diserap. Jarak dan penggunaan Rule of Thirds (atau Golden Ratio yang serupa) membuat segalanya lebih mudah pada mata. Grid sangat cocok untuk desain minimalis. 5 Thirty One oleh Derek Punsalan menunjukkan mengapa:
          Meski desainnya tidak mengesankan secara visual, namun penataan elemen yang jelas membuatnya mudah untuk dilihat. Kolom kiri kira-kira dua kali ukuran sidebar kanan, yang hanya masuk akal dan merupakan sesuatu yang perlu dipikirkan saat membuat desain kamu sendiri.
        3. Warna
          Memilih warna yang bagus sama pentingnya dengan memilih warna yang tepat (yaitu, warna yang tepat untuk pekerjaan itu). Desain web untuk restoran kecil yang nyaman akan cocok dengan nada “bersahaja”: merah, cokelat, dll. Tentu saja, tidak ada resep yang pasti. Setiap warna mengirimkan pesan, dan terserah kamu untuk mendapatkan pesan yang benar.Situs web Bence Kucsan memiliki gaya skema warna sendiri. Ini terutama monokromatik (tints dan nuansa warna tunggal) dan akromatik (hitam dan putih) dengan warna (merah) untuk menonjol.
          Kesan hitam dan putih menyampaikan chic dan professional, sedangkan merah menambahkan spice yang membuat elemen-elemen tertentu menonjol dan menjaga desain dari terlihat kusam; tentu saja, lebih dari sekedar merah membuat desain ini menarik.
        4. Graphics
          Desain yang hebat tidak membutuhkan grafis mewah. Tapi grafis yang buruk pasti akan merusak desain. Grafik menambah pesan visual.
          Tim van Damme hanya menggunakan beberapa grafis di situs webnya Max Voltar, tetapi dia menerapkannya dengan pemikiran dan kepedulian terbesar. Gambar latar belakang yang tidak mengganggu dan mahkota yang canggih adalah dua grafis. Secara visual, mereka tidak terlalu mengesankan, tetapi semuanya menambah tampilan dan nuansa situs web, dan tidak ada satu pun yang tidak pada tempatnya.
        5. White Space
          White Space atau ruang negatif, ada hubungannya dengan apa yang tidak ada di sana. Seperti mengukur dan memimpin, white space memberi teks ruang bernafas dan ketenangan spasial. Kamu dapat membuat elemen menonjol dengan menambahkan white space di sekitarnya. Misalnya, tidak boleh terlihat sempit. Untuk memastikan keterbacaan, pastikan paragraf memiliki padding yang cukup.
          Astheria Kyle Meyer menunjukkan bahwa tidak banyak yang diperlukan untuk desain yang menyenangkan. Beberapa orang mungkin membingungkan “minimalis” dengan “sederhana.” Tapi menarik gaya seperti itu tidak sederhana atau mudah (bahkan jika seseorang tidak harus hebat dengan grafis atau ilustrasi).
Tags:
,
No Comments

Post A Comment