Rumah Keuangan Pribadi Pertimbangan Penting Saat Merancang Menu Navigasi Blog Anda - dummies

Pertimbangan Penting Saat Merancang Menu Navigasi Blog Anda - dummies

Daftar Isi:

Video: NYSTV - The Genesis Revelation - Flat Earth Apocalypse w Rob Skiba and David Carrico - Multi Lang 2024

Video: NYSTV - The Genesis Revelation - Flat Earth Apocalypse w Rob Skiba and David Carrico - Multi Lang 2024
Anonim

Menu navigasi merupakan aspek penting dari keseluruhan desain blog Anda. Menu navigasi yang efektif untuk blog Anda tidak hanya meningkatkan pengalaman pengunjung, namun juga membantu menggambarkan siapa Anda dan blog Anda. Ada empat pertimbangan utama yang harus Anda periksa saat menentukan desain untuk menu navigasi blog Anda.

1 pertimbangan menu navigasi navigasi pertimbangan # 1: warna

Anda mungkin telah memilih warna dan font untuk keseluruhan desain blog Anda. Ketika sampai pada menu navigasi Anda, bagaimanapun, warna dan font yang Anda pilih tidak boleh menghalangi kemampuan menu untuk membantu menavigasi pengunjung ke tempat lain di blog Anda.

Blog Simply Vintagegirl menggunakan menu navigasi berwarna tunggal beserta font Times New Roman. Bilah kuning menandakan pembagian dari header dan isinya, sedangkan pilihan huruf membuat menu mudah dibaca.

Saat memilih warna atau warna yang akan digunakan untuk bilah menu Anda, pilih yang melengkapi keseluruhan desain Anda. Ini bisa berarti menggunakan warna yang Anda gunakan dalam elemen desain tertentu atau dengan warna netral seperti abu-abu. Bahkan tidak ada warna sama sekali yang bisa bekerja jika Anda menginginkan tampilan yang sederhana.

Untuk setiap item menu, pastikan teks dan kontras latar belakang agar judul terbaca. Misalnya, menggunakan judul hijau muda di latar belakang putih mungkin tidak cukup kontras, namun judul hijau gelap di latar hijau terang mungkin terlihat sempurna.

2Blog navigation menu design pertimbangan # 2: fonts

Saat memilih font, karya sederhana lebih baik. Berikut adalah dua kesalahan umum dalam font menu navigasi:

  • Terlalu kurus : Font yang sangat tipis membuat kata-kata sulit dibaca, terutama karena menu navigasi sering menggunakan ukuran huruf yang lebih kecil. Pilih font yang tidak hilang ke latar belakang Anda. Terkadang font tipis masih bisa bekerja jika warna backgroundnya memberikan kontras yang cukup.

  • Terlalu mewah : Huruf berat atau font dengan banyak bakat bisa menjadi sombong pada menu navigasi. Anda ingin agar menu Anda mudah dibaca namun tidak menghilangkan fokus konten header atau blog Anda. Tidak peduli jenis fontnya, pastikan mudah dibaca dalam ukuran huruf yang lebih kecil.

Pertimbangan desain menu navigasi blog # 3: spasi

Selain font dan warna, perhatikan bahwa judul menu navigasi Anda tidak berjalan bersamaan dan membingungkan pengunjung Anda. Perhatikan di sini jarak yang membingungkan antara kata-kata. Apakah Tentang dan Foto Saya, atau Tentang Foto Saya?Sesuaikan padding antara item menu untuk memperbaiki masalah ini.

Untuk mengubah font dan warna Anda, Anda sering dapat mengubah tema atau pengaturan template Anda. Jika tidak, Anda bisa melakukan perubahan ini, sekaligus menyesuaikan padding, sesuai gaya Anda. css file

Untuk menemukan kode yang tepat untuk menyesuaikan menu dan lokasi kode Anda, gunakan Firebug. Anda juga bisa bermain-main dengan perubahan warna dan font sebelum benar-benar membuatnya.

4Blog navigasi menu design pertimbangan # 4: menu images

Bila dilakukan secara efektif, menambahkan gambar ke menu navigasi Anda bisa menambahkan bakat pada desain blog Anda. Terkadang menggunakan sedikit gambar di sebelah kiri setiap tab menu hanya menjadi tempat lain untuk mengikat keseluruhan pencitraan blog Anda - dengan kata lain, hanya untuk penampilan yang bagus!

Namun, gambar juga dapat memainkan peran yang lebih fungsional dengan menambahkan lebih banyak konteks ke judul item menu. Misalnya, gambar pesawat di samping tab Where to Go membantu pembaca lebih memahami di mana link tersebut membawanya.

Pertimbangan Penting Saat Merancang Menu Navigasi Blog Anda - dummies

Pilihan Editor

Cara Membuat Template Tata Letak Sendiri di SketchUp Pro - dummies

Cara Membuat Template Tata Letak Sendiri di SketchUp Pro - dummies

Sebagian besar desain SketchUp Pro presentasi yang Anda (atau perusahaan Anda) susun mungkin terlihat sama - lagipula, itu adalah bagian dari identitas merek Anda. Jika dokumen presentasi yang Anda buat adalah semua variasi pada beberapa tema, mengapa tidak membuat template Anda sendiri dan menggunakannya setiap kali Anda memulai sebuah proyek baru? ...

Buat Openings untuk Model SketchUp Anda dan sebagian - lamanya

Buat Openings untuk Model SketchUp Anda dan sebagian - lamanya

Sebagian besar waktu, Anda bisa ' t pergi dengan menggunakan komponen pintu dan jendela buatan SketchUp. Karena komponen ini tidak bisa menembus dinding berwajah dua, mereka hanya sebatas penggunaan luar saja. Tidak apa-apa; memotong lubang Anda sendiri di dinding cepat dan mudah, dan Anda berakhir dengan apa yang Anda inginkan. Untuk memotong ...

Buat Dinding Tambahan untuk Model SketchUp Anda - dummies

Buat Dinding Tambahan untuk Model SketchUp Anda - dummies

Kebanyakan bangunan bukanlah ekstrusi sederhana; Mereka bertemu dan keluar saat mereka bangkit. Dek lantai dua duduk di atas garasi lantai satu; kamar tidur kantilever di atas kebun; atap antara tempat tinggal tambahan kamar baru. Bangunan - terutama rumah bertingkat - adalah majelis yang rumit. Mencari tahu di mana dinding, lantai, dan langit-langit berkumpul membutuhkan waktu, trial and error, dan yang baik ...

Pilihan Editor

Bagaimana Pengaturan Warna Bekerja di Photoshop CS6 - dummies

Bagaimana Pengaturan Warna Bekerja di Photoshop CS6 - dummies

Setelah Anda menentukan profil warna Anda di kotak dialog Color Settings Dalam karya Adobe Photoshop Creative Suite 6, Anda mungkin ingin mendapatkan pegangan bagaimana pengaturan yang baru terbentuk ini memengaruhi cara kerja Photoshop. Meskipun pengaturan biasanya hanya mempengaruhi bagaimana Photoshop bekerja di latar belakang, Anda mungkin ingin menyadarinya ...

Seleksi mengambang dan tanpa lemak dengan alat CS5 Marquee Tool

Seleksi mengambang dan tanpa lemak dengan alat CS5 Marquee Tool

Menggunakan alat seleksi Photoshop Creative Suite 5 untuk membuat gambar terlihat seolah-olah Anda belum membuat ulang atau mengeditnya - untuk membuat foto Anda terlihat nyata, tidak dibikin. Alat Marquee adalah alat seleksi utama; Dengan itu, kami berarti Anda menggunakannya paling sering untuk membuat pilihan. Alat Marquee mencakup Rectangular ...

Bagaimana menambahkan Warna dengan Photo Filters di fotografer Photoshop CS6 - dummies

Bagaimana menambahkan Warna dengan Photo Filters di fotografer Photoshop CS6 - dummies

Akan menghargai Photo Filter perintah di Photoshop CS6 dan kemampuannya untuk menambahkan warna, yang mengingatkan pada metode analog menempatkan filter berwarna di depan lensa kamera untuk men-tweak keseimbangan warna dan suhu warna cahaya yang masuk melalui lensa. Ini adalah cara yang bagus untuk ...

Pilihan Editor

LSAT Reading Comprehension: Bagaimana Menjawab Pertanyaan Informasi Langsung - dummies

LSAT Reading Comprehension: Bagaimana Menjawab Pertanyaan Informasi Langsung - dummies

Beberapa pertanyaan membaca LSAT bertanya Anda tentang pernyataan spesifik dari bagian ini. Pertanyaan-pertanyaan ini berpotensi menjadi jenis pertanyaan bacaan paling mudah karena informasi yang Anda butuhkan untuk menjawab pertanyaan tersebut dinyatakan di bagian ini, dan jawaban yang benar adalah parafrase. Anda hanya perlu menemukannya. Informasi ini mungkin bersifat kuantitatif, seperti ...

Reasoning logis LSAT Practice - dummies

Reasoning logis LSAT Practice - dummies

Setiap LSAT menyertakan bagian dari pertanyaan yang disebut penalaran logis. Anda akan diminta untuk membaca sebuah bagian dan memilih jawaban terbaik dari pilihannya. Cobalah beberapa latihan. Pertanyaan contoh penalaran logis Sebuah perusahaan kosmetik melakukan studi tentang warna rambut yang melibatkan 100 wanita, yang semuanya mewarnai rambut mereka dengan ...

LSAT Reading Comprehension: Bagaimana Menjawab Pertanyaan Gambaran Besar - dummies

LSAT Reading Comprehension: Bagaimana Menjawab Pertanyaan Gambaran Besar - dummies

Bagian pemahaman bacaan dari LSAT berisi berbagai jenis pertanyaan. Yang harus Anda siapkan adalah pertanyaan besar. Pertanyaan ide utama dan pertanyaan yang meminta Anda untuk mengidentifikasi tujuan utama sebuah bagian mempertimbangkan keseluruhan bagian. Hampir setiap bagian memiliki setidaknya satu pertanyaan yang meminta Anda untuk melihat ...