4 Важных соображения при проектировании меню навигации вашего блога

4 Важных соображения при проектировании меню навигации вашего блога - манекены

Меню навигации является важным аспектом общего дизайна вашего блога. Эффективное меню навигации для вашего блога не только улучшает опыт посетителей, но также помогает проиллюстрировать, кто вы и что такое ваш блог. Существует четыре основных аспекта, которые следует учитывать при выборе дизайна для навигационного меню вашего блога.

1Blog описание дизайна меню навигации № 1: цвета

Возможно, вы уже выбрали цвета и шрифты для своего общего дизайна блога. Однако, когда дело доходит до вашего меню навигации, цвета и шрифт, которые вы выбираете, не должны препятствовать возможности меню для навигации по посетителю в другом месте вашего блога.

В блоге Simply Vintagegirl используется одноцветное меню навигации наряду с шрифтом Times New Roman. Желтая полоска означает разделение от заголовка и содержимого, в то время как выбор шрифта делает меню легким для чтения.

При выборе цвета или цветов для вашей панели меню выберите те, которые дополняют ваш общий дизайн. Это может означать использование цвета, который вы использовали в определенном элементе дизайна, или перехода с нейтральным цветом, как серый. Даже любой цвет вообще может работать, если вы хотите простой внешний вид.

Для каждого пункта меню убедитесь, что текст и контраст фона, чтобы заголовки были разборчивыми. Например, использование светло-зеленых заголовков на белом фоне может быть недостаточно контрастным, но темно-зеленые названия на светло-зеленом фоне могут выглядеть просто идеально.

Рассмотрение дизайна меню навигации 2Blog № 2: шрифты

При выборе шрифтов просто работает лучше. Вот две распространенные ошибки в шрифтах меню навигации:

  • Слишком тонкий : действительно тонкий шрифт делает слова трудными для чтения, особенно потому, что меню навигации часто использует меньшие размеры шрифта. Выберите шрифты, которые не исчезают на вашем фоне. Иногда тонкий шрифт может работать, если цвет фона обеспечивает достаточный контраст.

  • Too fancy : шрифт с большим шрифтом или шрифт с большим количеством таланта может быть властным в меню навигации. Вы хотите, чтобы ваше меню было читаемым, но не отвлекало внимание вашего заголовка или содержимого блога. Независимо от типа шрифта, убедитесь, что его легко читать с меньшими размерами шрифта.

Рассмотрение дизайна меню навигации 3Blog № 3: расстояние

Помимо шрифта и цвета, следите, чтобы названия вашего меню навигации не запускались вместе и путали посетителей. Обратите внимание на путаницу между словами. Это о и о моих фотографиях, или о моих фотографиях?Отрегулируйте отступы между пунктами меню, чтобы исправить эту проблему.

Чтобы изменить шрифты и цвета, вы можете часто изменять настройки темы или шаблона. Если нет, вы можете внести эти изменения, а также отрегулировать отступы в своем стиле. css-файл.

Чтобы найти точный код для настройки вашего меню и расположения кода, используйте Firebug. Вы также можете поиграть с изменениями цвета и шрифта, прежде чем вы их действительно сделаете.

Рассмотрение дизайна меню навигации 4Blog №4: изображения в меню

Когда все сделано эффективно, добавление изображений в меню навигации может добавить чутье в дизайн вашего блога. Иногда использование небольшого изображения слева от каждой вкладки меню просто становится еще одним местом для привязки вашего общего блогового блогов - другими словами, просто для хорошей внешности!

Однако изображения также могут играть более функциональную роль, добавляя больше контекста к заголовку элемента меню. Например, изображение плоскости рядом с вкладкой «Куда пойти» помогает читателям лучше понять, куда их связывает эта ссылка.