НОВОСТИ

Иконки для навигатора


Коллекция меню и панелей навигации.

Навигация по сайту — один из самых важных его элементов, поэтому оформлению и юзабилити её панелей стоит уделять немалое внимание.

1. Панели навигации в виде блоков

Навигации является помощью пользователям в поисках нужного контента на сайте. Ниже собраны некоторые панели навигации максимально соответствующие этому требованию.

2. Стиль Mac-отражение дизайна Web 2.0.

Панели Mac до сих пор популярны и в некоторой мере отражают дизайн Web 2.0.

3. Иконки в навигации

Для оживления вашей навигации добавьте в нее соответствующую иконку.

4. Вертикальные меню

Смотрится довольно элегантно, хотя и не особо распространен.

5. Рукописный стиль

Меню в этом стиле — имитация созданных рукой человека набросков на бумаге ручкой навигационных меню.

6. Креатив

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

Автор — smashingmagazine



Оставить ответ

Похожие статьи

Случайные статьи

www.dejurka.ru

Пользовательские значки маршрутных точек в навигаторах Гармин. — BikeLifeForms

Одной из слабо документированных возможностей современных навигаторов Garmin является возможность создать свои собственные значки-иконки для маршрутных точек. Сказать, что эта возможность является прямо уж так необходимой, нельзя, но иногда определённая польза от нее все-таки есть.

Как известно, практически любой современный навигатор может создавать т.н. маршрутные точки (waypoints), и потом выполнять навигацию по ним. В сущности, маршрутная точка- это не более чем тройка координат (долгота, широта и высота над уровнем моря). Каждой точке присваивается определенное имя, по которому её и можно найти в списке точек. Кроме того, каждую точку можно снабдить комментариями, и указать значок-иконку, (из числа зашитых в приборе) которая будет нарисована в этом месте на карте.

 

 

 

 

Так вот, практически любой современный навигатор Гармин может хранить до 24 значков, нарисованных самим пользователем.

 

Что нужно сделать с навигатором для того, чтобы воспользоваться этой возможностью?

Для гарминовских навигаторов старых серий (E-Trex Vista, Legend, GPSMap 60, 76, и пр) существует  небольшая  программка Garmin XImage, которая умеет работать с пользовательскими значками маршрутных точек. Ее можно бесплатно скачать с сайта Гармин. 

 

 

И работать с ней довольно просто – вы сначала извлекаете  из прибора заготовки значков, исправляете их в любом графическом редакторе, (хоть в стандартном MS Paint) и записываете обратно в прибор.  

 

 

Размер каждой картинки – 16х16 пикселей,  глубина цвета – 8 бит (256 цветов).

 

 

С навигаторами новых серий (E-trex 10, 20,30, Touch, GPSMap 62,64,78, Oregon,Montana и пр.) программа XImage работать уже не может. Но отображать пользовательские символы новые приборы умеют. Даже еще лучше чем старые. Теперь количество таких настраиваемых значков увеличено до 28. 

Только заготовок значков в этих приборах нет,  так что  для начала нужно все эти картинки нарисовать. Для рисования можно использовать любой графический редактор. Подойдёт и  стандартный MS Paint, доступный в любой системе от микрософт. В редакторе нужно нарисовать картинки размером  до 24х24 пикселей, и сохранить их в виде файлов с именами Custom 0.BMP, Custom 1.BMP, Custom 2.BMP, и т.д, до Custom 27.BMP  (не забудьте про пробел в имени файла – здесь это важно.)

Глубина цвета должна быть 24 бит, сжатие отсутствует.

 

 

На картинке можно сделать прозрачные участки.  Для этого достаточно закрасить области, которые должны выглядеть прозрачными, фиолетовым цветом (magenta: r=255,g=0,b=255).

Изменить цвет, который будет считаться прозрачным, нельзя. Если вы хотите, чтобы на вашей картинке были фиолетовые участки, нужно использовать другой оттенок этого цвета. Например, r=254,g=0,b=254). 

Теперь надо загрузить картинки в прибор. Для этого подключаем навигатор к компьютеру кабелем USB, (система увидит навигатор как два жёстких диска: один- это сам навигатор, другой модуль памяти), и открываем диск навигатора любым файловым менеджером. Например, проводником windows.

Создаем на диске внутреннего накопителя  в папке Garmin подпапку CustomSymbols, и копируем все наши файлы туда.

 

 

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

 

На компьютере:

 

Ну, хорошо, в навигаторе точку создали. Но при выгрузке её на компьютер, (например, с помощью программы Basecamp), она будет отображаться не вашим символом, а обычной скучной и мало заметной точкой. 

То есть, теперь возникает следующая задача- увидеть нарисованные вами  символы в программах mapsource и basecamp. Ведь маршрутные точки можно создавать, просматривать и изменять не только в навигаторе, но и в этих программах.

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

 

Как называется эта директория?- однозначного ответа дать не получается. Потому что ответ зависит от того, какая версия программ установлена на вашем компьютере.

 Для русскоязычной программы файлы должны находиться в директории /мои документы/мои данные гармин/настраиваемые символы маршрутных точек/

Да вот, именно такие названия директорий. 

 

 

А для англоязычной — совсем по другому, /my documents/my garmin/custom symbols/

А чтобы пользователи совсем не соскучились, гарминовские программы ищут картинки в файлах с другими именами, нежели гарминовские же приборы: 

0.bmp, 1.bmp, 2.bmp, и т.д.   

(Так получилось, потому что программы разрабатывали одни люди, а прошивки для приборов-совсем другие. И сговориться друг с другом они не смогли)

 

Но если вы все сделали правильно, то при запуске программ mapsource и basecamp будут корректно отображать ваши символы маршрутных точек на своих картах.

 

 

bikelifeforms.ru

Пиктограммы в навигаторах

Вы находитесь здесь:Справка EPLAN > Работа с EPLAN > Интерфейс пользователя > Основы > Пиктограммы в навигаторах

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

Пиктограмма

Значение

Обозначает уровень проекта. Эти пиктограммы отображаются только в том случае, если открыто несколько проектов.

, , , , ,

Уровень структуры проекта (вид предшествующего знака для функционального присвоения, установки, места сборки, места установки, номера установки, пользовательской структуры)

Предшествующая цифра

Префикс/буквенное обозначение

Счетчик

Подсчетчик

Устройство

Функция, вид представления "Многополюсный"

Функция, вид представления "Обзор"

Функция, вид представления "Парная перекрестная ссылка"

Функция, вид представления "Однополюсный"

Функция, вид представления "Функциональная схема автоматизации"

Функция, вид представления "Функциональный"

Функция, вид представления "Трехмерный чертеж монтажных поверхностей"

Шаблон

Размещение изделия

Изделие

Изделие узла

Черный ящик, блок ПЛК

Экранирование

Определение кабеля

Определение штекера

Определение клеммника

Распределенная клемма

Изолированный конец

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

См. также

Особенности навигаторов

Диалоговое окно Пространство листа — <Имя проекта>

Диалоговое окно Предварительное планирование — <Имя проекта>

Диалоговое окно ПЛК — <Имя проекта>

Диалоговое окно Топология — <Имя проекта>

Диалоговое окно Потенциалы - <Имя проекта>

Диалоговое окно Трубопроводы - <Имя проекта>

Диалоговое окно Макросы — <Имя проекта>

Расширения имен файлов и пиктограммы для проектов

www.eplan.help

Навигатор по бесплатным иконкам / Хабр

Вчера в который раз возник вопрос по подбору нескольких иконок в очередном веб-проекте. В основном пользуюсь готовыми иконками из бесплатных наборов. До недавнего времени прибегал к услугам сайта iconpicker.deviantech.ru. Навигация по иконкам была хоть и не самая удобная, но явно лучше, чем просто проглядывать их в Finder'е (или Explorer'е). Однако в последнее время сайт недоступен.

В итоге решил сделать собственный навигатор по иконкам:

Навигатор представляет собой HTML-страницу с JavaScript-кодом. То есть он прекрасно работает будучи открытым с локального диска. Но для удобства и демонстрации выложил и онлайн на GitHub'е — sibprogrammer.github.com/icons-explorer

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

Исходники расположены по адресу — github.com/sibprogrammer/icons-explorer Для регулярного просмотра проще скачать архив и открывать index.html для поиска иконок (GitHub Pages все-таки довольно медлено отвечает на тысячи реквестов :))

Идея навигатора зрела давно, а неработающий сайт iconpicker.deviantech.ru лишь ускорил процесс. На практике оказалось, что манипулировать 7 с лишним тысячами иконок даже Google Chrome'у довольно тяжко. При открытии страницы загружаются только те иконки, что видны в данный момент. Для этого используется плагин для jQuery LazyLoad. К сожалению его производительность на таких объемах оказалась недостаточной и пришлось потратить некоторое время на улучшения в плане скорости. В результате скроллинг страницы перестал перманентно тормозить, а лишь переодически задумываться. Хотя системные требования к клиенту все-таки довольно высокие. Заметно улучшить ситуацию могли бы спрайты, но их генерация — это отдельный вопрос, который был отложен на будущее.

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

habr.com