Isi kandungan:
- 1 pertimbangan reka bentuk menu navigasi blog # 1: warna
- 2 pertimbangan reka bentuk menu navigasi blog # 2: font
- 3 pertimbangan reka bentuk menu navigasi blog # 3: jarak
- 4 pertimbangan reka bentuk menu navigasi blog # 4: imej menu
Video: NYSTV - The Genesis Revelation - Flat Earth Apocalypse w Rob Skiba and David Carrico - Multi Lang 2025
Menu navigasi adalah aspek penting dalam reka bentuk keseluruhan blog anda. Menu navigasi berkesan untuk blog anda bukan sahaja meningkatkan pengalaman pelawat, tetapi juga membantu menggambarkan siapa anda dan apa blog anda. Terdapat empat pertimbangan utama yang perlu anda periksa apabila membuat keputusan mengenai reka bentuk untuk menu navigasi blog anda.
1 pertimbangan reka bentuk menu navigasi blog # 1: warna
Anda mungkin telah memilih warna dan fon untuk reka bentuk blog keseluruhan anda. Apabila ia datang ke menu navigasi anda, bagaimanapun, warna dan fon yang anda pilih tidak boleh menghalang keupayaan menu untuk membantu menavigasi pelawat ke tempat lain di blog anda.
Blog Simply Vintagegirl menggunakan menu navigasi berwarna dengan Font Times New Roman. Bar kuning menandakan bahagian dari tajuk dan kandungannya, sementara pilihan font menjadikan menu mudah dibaca.
Apabila memilih warna atau warna yang digunakan untuk bar menu anda, pilih yang melengkapi reka bentuk keseluruhan anda. Ini mungkin bermakna menggunakan warna yang anda gunakan dalam elemen reka bentuk tertentu atau pergi dengan warna neutral seperti kelabu. Malah tiada warna sama sekali boleh berfungsi jika anda mahu melihat mudah.
Untuk setiap item menu, pastikan teks dan kontras latar belakang supaya tajuk dapat dibaca. Sebagai contoh, menggunakan tajuk hijau cahaya pada latar belakang putih mungkin tidak cukup kontras, tetapi tajuk hijau gelap pada latar belakang hijau terang mungkin kelihatan sempurna.
2 pertimbangan reka bentuk menu navigasi blog # 2: font
Apabila memilih font, kerja mudah lebih baik. Berikut adalah dua kesilapan yang biasa dalam fon menu navigasi:
-
Terlalu tipis : Font yang sangat tipis menjadikan kata-kata yang sukar dibaca, terutamanya kerana menu navigasi sering menggunakan saiz font yang lebih kecil. Pilih fon yang tidak hilang ke latar belakang anda. Kadang-kadang font nipis masih boleh berfungsi jika warna latar belakang memberikan kontras yang cukup.
-
Terlalu mewah : Suatu font yang banyak skrip atau font yang mempunyai banyak bakat boleh menjadi sombong pada menu navigasi. Anda mahu menu anda dapat dibaca tetapi tidak mengambil fokus pada tajuk atau kandungan blog anda. Tidak kira jenis font, pastikan ia mudah dibaca dalam saiz font yang lebih kecil.
3 pertimbangan reka bentuk menu navigasi blog # 3: jarak
Selain dari font dan warna, perhatikan tajuk menu navigasi anda tidak berjalan bersama dan mengelirukan pengunjung anda. Perhatikan di sini jarak yang mengelirukan antara kata-kata. Adakah ia Mengenai dan Foto Saya, atau Mengenai Foto Saya?Laraskan padding antara item menu untuk menyelesaikan masalah ini.
Untuk menukar fon dan warna anda, anda sering boleh mengubah tema atau tetapan templat anda. Jika tidak, anda boleh membuat perubahan ini, serta menyesuaikan padding, dalam gaya anda. fail css.
Untuk mencari kod yang betul untuk menyesuaikan menu anda dan lokasi kod, gunakan Firebug. Anda juga boleh bermain-main dengan perubahan warna dan font sebelum anda membuatnya.
4 pertimbangan reka bentuk menu navigasi blog # 4: imej menu
Apabila dilakukan secara berkesan, menambah imej pada menu navigasi anda boleh menambahkan bakat ke reka bentuk blog anda. Kadang-kadang menggunakan sedikit gambar di sebelah kiri setiap tab menu hanya menjadi tempat lain untuk mengikat dalam branding blog secara keseluruhan - dengan kata lain, hanya untuk penampilan yang baik!
Walau bagaimanapun, imej juga boleh memainkan peranan yang lebih berfungsi dengan menambahkan lebih banyak konteks ke tajuk item menu. Sebagai contoh, imej satah di sebelah tab Di mana Pergi akan membantu pembaca memahami dengan lebih baik di mana pautan itu membawa mereka.
