Ketika datang ke desain situs web , ada begitu banyak gaya dan arah yang berbeda di mana situs web Anda dapat pergi: itu bisa di mana saja dari yang berkelas hingga minimalis, dari yang menyenangkan dan bersemangat hingga yang ramping dan modern.
Meskipun tampilan dan nuansa akhir Anda harus memancarkan gaya pribadi, pekerjaan, dan identitas merek Anda, ada beberapa aturan dasar yang selalu berlaku.
Desain web yang bagus memberikan pengalaman dan fungsionalitas pengguna Anda, sekaligus mudah dipahami pada pandangan pertama. Di bawah ini kami telah mengumpulkan lima tip desain situs web sederhana untuk membantu membuat situs Anda efektif dan menarik:
- Kiat desain web untuk situs web yang luar biasa
- Jaga agar beranda Anda tetap minimalis dan bebas dari kekacauan
- Desain dengan hierarki visual dalam pikiran
- Buat konten situs web yang mudah dibaca
- Pastikan situs Anda mudah dinavigasi
- Tetap ramah seluler
Salah satu desain website kekinian adalah Litleproject.com, ini desainnya sangat elegan dan pas dibuka juga sangat cepat. Mungkin ini pengaruh hosting.
01. Jaga agar beranda Anda tetap minimalis dan bebas dari kekacauan
Beranda situs web Anda harus mengomunikasikan pesan inti Anda secara instan. Lagi pula, kami jarang membaca setiap kata di situs web. Sebagai gantinya, kami dengan cepat memindai halaman, memilih kata kunci, kalimat, dan gambar.
Dengan mengingat perilaku yang diketahui ini, lebih baik untuk menarik emosi daripada jumlah kata.Semakin sedikit pengunjung situs yang harus membaca, mengklik, atau mengingat, semakin baik mereka dapat memproses dan mengevaluasi konten Anda.
Dengan mendesain untuk mengurangi rentang perhatian , kemungkinan besar pengguna akan melakukan apa yang Anda inginkan.Saat mempelajari cara mendesain situs web , tip desain situs web sederhana ini akan membantu Anda memecah konten dan membuat desain beranda yang rapi dan mengundang :
Simpan konten penting di paro atas: Pengunjung harus memahami tentang situs web Anda sesegera mungkin, tanpa harus menggulir atau mengeklik di mana pun.
Beri ruang pada konten Anda: Gunakan spasi putih di antara elemen. Dengan mengosongkan beberapa area, Anda akan memberi desain nuansa yang jauh lebih luas dan seimbang. Untuk teks Anda, tulislah dalam paragraf seukuran gigitan dan dapat dibaca.
Tambahkan citra: Fitur media berkualitas tinggi seperti foto indah, seni vektor , atau ikon , akan melakukan keajaiban sebagai cara alternatif untuk mengomunikasikan poin Anda.
Sertakan ajakan bertindak: Dari melakukan pembelian hingga mendaftar, dorong pengunjung situs untuk melakukan tindakan yang Anda inginkan dengan menempatkan tombol ajakan bertindak (CTA) di beranda situs Anda.
02. Desain dengan hierarki visual dalam pikiran
Hirarki adalah prinsip penting desain yang membantu menampilkan konten Anda dengan cara yang jelas dan efektif. Melalui penggunaan hierarki yang benar, Anda akan dapat mengarahkan perhatian pengunjung situs ke elemen halaman tertentu dalam urutan prioritas, dimulai dengan bagian yang paling signifikan.
Komponen utama hierarki visual adalah:Ukuran dan berat: Sorot aset teratas Anda, seperti nama dan logo bisnis Anda, dengan membuatnya lebih besar dan lebih menonjol secara visual. Pembaca cenderung secara alami tertarik pada judul besar dan tebal terlebih dahulu, dan baru kemudian beralih ke teks paragraf yang lebih kecil.
Penempatan elemen: Gunakan tata letak situs web yang tepat untuk mengarahkan mata pengunjung Anda ke arah yang benar. Misalnya, Anda dapat menempatkan tombol ajakan bertindak yang penting di bagian paling tengah layar, atau menempatkan logo Anda di header.
Setelah Anda menetapkan hierarki yang jelas untuk informasi Anda, pembaca tidak dapat membantu tetapi secara tidak sadar mengikuti remah roti yang Anda tinggalkan untuk mereka. Kemudian, terapkan warna, kontras, dan spasi untuk aksentuasi lebih lanjut, tetap perhatikan apa yang paling menarik perhatian dan pastikan itu selalu disengaja.
Beberapa elemen desain web yang kuat untuk membantu Anda mencapai hierarki visual yang kuat adalah tata letak strip atau kisi, seperti yang ada di Galeri Wix Pro . Untuk lebih banyak ide dan inspirasi, lihat templat situs web buatan desainer kami .
Kiat desain web: hierarki visualWeb design tips: visual hierarchy
03. Buat konten situs web yang mudah dibaca
“Keterbacaan” mengukur seberapa mudah orang mengenali kata, kalimat, dan frasa. Ketika keterbacaan situs Anda tinggi, pengguna akan dapat dengan mudah memindai, atau membaca sekilas, melaluinya. Dengan cara ini, mengambil informasi menjadi mudah.
Mencapai keterbacaan situs web relatif mudah; coba aturan utama ini:
Kontras adalah kuncinya: Kontras yang memadai antara warna teks dan warna latar belakang penting untuk keterbacaan, serta untuk aksesibilitas situs web . Meskipun skema warna situs web Anda cenderung mewakili warna merek Anda, pastikan ada kontras yang cukup antara elemen Anda. Untuk melakukannya, coba gunakan alat online, seperti Pemeriksa Kontras .
Ukuran huruf besar: Kebanyakan orang akan kesulitan melihat font yang lebih kecil. Aturan praktis untuk desain web adalah menjaga teks tubuh Anda setidaknya 16pt. Itu adalah tempat yang baik untuk memulai, tetapi perlu diingat bahwa jumlah ini sepenuhnya bergantung pada font yang Anda pilih untuk situs web Anda .
Jenis font: Dunia tipografi menawarkan banyak jenis font yang kami miliki. Anda dapat memilih antara font serif (yang memiliki sedikit garis proyeksi di ujung huruf, seperti Times New Roman) hingga sans serif, yang secara harfiah berarti “tanpa serif.”
Font sans serif biasanya merupakan pilihan terbaik untuk teks online yang panjang – seperti yang sedang Anda baca. Anda juga dapat membuat pasangan font yang menarik dengan mencampurkan berbagai jenis ini bersama-sama.
Ada juga banyak tampilan font yang lebih pada sisi dekoratif, seperti font script yang terlihat tulisan tangan. Jika Anda menginginkan salah satunya, pastikan untuk tidak menggunakannya secara berlebihan, untuk menghindari efek yang berlebihan.
Batasi jumlah font: Jangan gunakan lebih dari tiga tipografi berbeda di satu situs web. Beberapa proyek mungkin memerlukan kombinasi font yang lebih rumit, tetapi terlalu banyak tipografi yang bervariasi biasanya tampak berantakan, mengganggu identitas merek Anda .
Memanfaatkan tema teks: Untuk membuat hierarki yang jelas, pastikan bahwa konten situs web tertulis Anda bervariasi dalam ukuran dan bobot – dari judul besar, hingga subjudul yang lebih kecil, hingga paragraf atau teks isi yang lebih kecil. Tip desain situs web yang praktis ini dapat memastikan bahwa selalu ada sesuatu yang menarik perhatian pembaca.
Kiat desain web: buat konten yang mudah dibacaWeb design tips: create easy to read content
04. Pastikan situs Anda mudah dinavigasi
Mungkin sifat Anda untuk memecahkan cetakan, tetapi navigasi situs web bukanlah tempat untuk menjadi yang terdepan. Lagi pula, Anda ingin pengguna Anda menemukan apa yang mereka cari dengan mudah.