Разработка дизайна сайта, веб элементы из шрифтов

Друзья доброго всем времени суток и хорошего настроения!

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

Эти шрифты обычно многие называют иероглифы или еще как-то и зачастую избегают использования этих шрифтов. А ведь они весьма полезны.

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

Что это за шрифты?

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

Список шрифтов:

• Webdings
• Wingdings
• Wingdings 2
• Wingdings 3

В этих шрифтах вместо букв (прописных и заглавных) и цифр будут отображаться символы или знаки которые им соответствует.

Как использовать шрифты в фотошопе?

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

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

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

Webdings

Wingdings

Wingdings 2

Wingdings 3

Плюсы использования элементов из этих шрифтов.

1. Можно быстро создать нужный веб элемент дизайна;
2. Можно применять разные цвета и с легкостью изменять их;
3. Можно легко масштабировать элемент без потери качества;
4. Можно применять стили слоя.

Пример использования веб элемента можно видеть у меня на сайте в сайдбаре, это маленькая зеленая стрелочка – маркер.

Как вы поняли, это довольно удобно и практично. А уж использовать эти элементы при разработке дизайна сайтов или нет, дело конечно ваше, я лично использую.

Также мне будет интересно услышать ваше мнение по использованию этих шрифтов, поэтому не стесняемся комментируем.

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

Не забывайте подписываться на обновления сайта, это позволит узнавать о новых статьях первыми.