Главная Все гормоны Все что вы хотели знать о том, что такое иконки и как их сделать.

Все что вы хотели знать о том, что такое иконки и как их сделать.

Икона – явление совершенно уникальное в средневековой культуре. В храмах их - сотни, попробуй сориентируйся, какая нужна. Вот тут и возникают вопросы: каким иконам молиться? Кому молиться? Какому святому? Попробуем разобраться - какая икона для чего.

КАЗАНСКАЯ БОГОРОДИЦА - самая почитаемая икон на Руси, на протяжении нескольких веков почитается как Покровительница и Заступница земли русской и народа русского. Все главные события в жизни проходят именно с ней, начиная с крещения. Икона даёт благословление на брак, также она помощница в работе. Ею благословляют молодых, вступающих в брак, у иконы просят о семейном благополучии и счастье, кроме этого икону вешают у детских кроваток. Икона, которая останавливает огонь и помогает тем, у кого проблемы со зрением. Образ Казанской иконы Божьей Матери помогает в различных бедах, напастях, болезнях

ВЛАДИМИРСКАЯ БОЖИЯ МАТЕРЬ - одна из наиболее чтимых, поскольку ею короновали царей и избирали первосвятителей. Перед ней молятся о смягчении злых сердец, исцелении немощи, смирении враждующих, исцелении бесноватых. Она особо охраняет матерей и их детей, беременным дарует легкие роды и здоровых малышей, избавляет от бесплодия и от заболеваний детородных органов. Образ матери заступницы во всех бедах и печалях.

Икона Пресвятой Богородицы ОТЧАЯННЫХ ЕДИНАЯ НАДЕЖДА -Несмотря на то, что икона эта малоизвестна, кем-то из верующих (а это не запрещено церковью) ей составлен акафист. Молятся перед иконой в различных скорбях и когда человек находится в унынии. Те, у кого ослабла вера, просят Богородицу вернуть былое расположение духа и ниспослать духовную бодрость. Иконе молятся об избавлении от врагов, о вразумлении ссорящихся (особенно соседей), об искоренении зависти. Она – помощница в лечении болезней современности – алкоголизма, курения, игровой и компьютерной зависимости..

БОГОРОДИЦА ПОЧАЕВСКАЯ - Почаевская икона Божией Матери принадлежит к числу наиболее чтимых святынь Русской Церкви. При обращении к Богородице «Почаевская» молятся об охранении от междоусобной вражды, от вражеского нашествия, об исцелении от слепоты как телесной, так и духовной, об освобождении из плена, молятся о даровании здоровья и чудес помощи в нуждах.

Скоропослушница

Иверская

Неувядаемый цвет

Взыскание погибших

СКОРОПОСЛУШНИЦА - молятся, когда нужна быстрая и неотложная помощь, об исцелении душевных и телесных недугов, в том числе от паралича, слепоты, раковых заболеваний, а также просят о рождении здоровых детей и об освобождении пленных.

ИВЕРСКАЯ БОЖИЯ МАТЕРЬ - Хранительница домашнего очага. Она считается покровительницей всех женщин, их помощницей и заступницей перед Господом. Икона, при помощи которой снимают «венец безбрачия» как с мужчин, так и с женщин. Перед иконой также молятся об исцелении недугов телесных и душевных, об утешении в болезни.

НЕУВЯДАЮЩИЙ ЦВЕТ -При обращении к иконе Богородицы «Неувядаемый цвет» молятся о сохранении праведной жизни, разрешении семейных неурядиц. Молитвы к этой иконе помогают не ошибиться в выборе супругов. Цветок в руках Богородицы утверждает непорочность Матери Божьей и символизирует неувядаемость девства.

Икона Богородицы ВЗЫСКАНИЕ ПОГИБШИХ - обращаются с просьбами тяжело больные и их родственники. Она помогает избавиться от пороков, от алкогольной зависимости. К этим иконам идут раскаявшиеся грешники, отвернувшиеся от Бога. Женщины просят о счастливом браке и здоровье детей, помогает при болезнях глаз, лихорадке, головной боли. Обращаться к Пресвятой Матери можно простыми искренними словами, которые идут от души.

Икона Богородицы УТОЛИ МОИ ПЕЧАЛИ - молятся об избавлении от различных болезней как телесных, так и душевных..

Икона Пресвятой Богородицы МИЛУЮЩАЯ - или “Достойно есть”, молятся при душевных и телесных болезнях, при окончании всякого дела, при эпидемиях, о счастье в браке, при несчастных случаях..

ФЕОДОРОВСКАЯ икона Божьей Матери - издавна почитается верующими не только как чудотворная, но и как особенно покровительствующая семейному благополучию, рождению и воспитанию детей, помогающая в трудных родах. Предание связывает её с призванием в 1613 году на царство основателя династии царя Михаила Фёдоровича. Хранится в Богоявленском соборе города Костромы.

ИЕРУСАЛИМСКАЯ икона Божией Матери - молятся в скорби, печали и унынии, об исцелении от слепоты, болезней глаз и паралича, при эпидемии холеры, об избавлении от падежа скота, от пожара, при расслаблении, а также при нападении врагов..

ТИХВИНСКАЯ - Икона считается детской, ещё её называют «путеводительницей». Она помогает детям в болезнях, успокаивает беспокойных и непослушных, помогает им в выборе друзей, ограждает от дурного влияния улицы. Считается, что она укрепляет связь между родителями и детьми, то есть дети не бросают родителей в старости. Женщинам помогает при родах и в период беременности..

Богородица ПОЧАЕВСКАЯ - молятся об охранении от междоусобной вражды, от вражеского нашествия, об исцелении от слепоты как телесной, так и духовной, об освобождении из плена., молятся о даровании здоровья и чудес помощи в нуждах.

КОЗЕЛЬШАНСКАЯ икона Божией Матери - молятся об исцелении ортопедических заболеваний, особенно помогает девушкам, прибегавшим к ней с мольбой устроить семейное счастье.

ТРОЕРУЧНИЦА - перед чудотворным образом Божьей Матери молятся об исцелении от болей рук и ног или их увечий, от избавления от пожара, а также от болезни, скорби и печали. .

Умягчение злых сердец

Умиление

Икона Божией Матери ПРИЗРИ НА СМИРЕНИЕ - молятся Пресвятой Богородице о даровании смирения и покаяния как за себя, так и за грешников, не желающих раскаиваться, об облегчении загробной участи почивших, об ограждении от ложных и лукавых учений. Молитвы перед иконой помогают и в решении жилищных вопросов.

Икона Божией Матери БЛАГОДАТНОЕ НЕБО - помогает женщинам выйти замуж, обрести счастье в супружестве и материнстве. Иконе молятся об избавлении от пьянства и других зависимостей. Если у Вас есть заветное желание, молитесь перед иконой «Благодатное Небо», и оно исполнится. Считается, что икона оказывает покровительство воинам-десантникам (ВДВ) и помогает им в службе..

Икона Божьей Матери УМЯГЧЕНИЕ ЗЛЫХ СЕРДЕЦ - перед иконой просят о семейном перемирии или о том, чтобы не было вражды между соседями, а также о мире между целыми государствами. В нашей культуре образ Матери Божьей, у которой грудь пронзена стрелами, является одним из наиболее эмоциональных и выразительных в иконописи. Он дает возможность почувствовать милосердие и сострадание, Перед ней молятся об умягчении сердец тех, кто идет к вам со злыми помыслами.

БОГОРОДИЦА УМИЛЕНИЕ - икона является заступленицей как в общенародных бедствиях, так и в жизни простых людей. Матери молятся о благополучном замужестве дочерей, о счастье и достатке.

Смоленская

Барская

Жировицкая

Ласковая мать

Икона Пресвятой Богородицы СМОЛЕНСКАЯ - именуемая «Одигитрия-Смоленская» известна на Руси с древнейших времен. «Одигитрия», в переводе с греческого языка значит «Путеводительница». Икона для всех православных христиан является путеводительницей к вечному спасению, Смоленская Богородица помогает всем обращающимся к ней с молитвами об исцелении от неизлечимых болезней, в поисках семейного мира и в других сложных и неразрешимых ситуациях, как первая заступница за нас перед Богом.

БАРСКАЯ икона Божией Матери - молятся о хороших отношениях в семье, за детей и здоровье, она являет чудеса исцеления и милости Божией ко всем страждущим, прибегающим к ней в своих скорбях и молитвах.

Икона Пресвятой Богородицы ЖИРОВИЦКАЯ - молятся при гонениях на Православие, при сомнениях, об избавлении от пожаров, при всякой немощи телесной, так же молятся об устройстве девичьей судьбы, о счастливом браке.

Икона Пресвятой Богородицы ЛАСКОВАЯ МАТЬ - молятся о детях, чтобы дети были поддержкой в жизни.

Нечаянная радость

Трех радостей

Святая троица

СЕМИСТРЕЛЬНАЯ

НЕЧАЯННАЯ РАДОСТЬ - молятся об обращении заблудших, о здравии и благополучии детей, об исцелении глухоты и болезней ушей, о сохранении брака в любви и согласии, молятся о даровании духовного прозрения.

Икона божией матери ТРЕХ РАДОСТЕЙ - Молятся о возвращении утраченного, о спасении от неприятелей, об освобождении из заточения, об исцелении и о благополучном разрешении любого дела. Приходящие к образу люди заметили, что после усердной молитвы радость приходит к ним в дом в троекратном размере, за что икона и получила свое современное название.

СВЯТАЯ ТРОИЦА - Символ «Троицы» это Бог-Отец, Бог-сын, Бог-Дух Святой, или мудрость, разум, любовь. Одна из трёх главных икон, которые должны быть в каждом доме. Перед иконой молятся о прощении грехов. Она считается исповедальной.

СЕМИСТРЕЛЬНАЯ - Это сильнейшая икона в защите дома и любого помещения, а также того человека, на ком она находится, от злых, завистливых людей, от сглаза, порчи и проклятий. Примиряет враждующих, приносит мир, лад, её также берут на важные дела. Дома она должна находится напротив входной двери, чтобы видеть глаза входящего.

Целительница.

Неупиваемая чаша

Нерушимая стена

Богородица Покрова

ЦЕЛИТЕЛЬНИЦА - молятся об исцелении души и тела, она оберегает от различных напастей, бед, скорби, вечного осуждения, заботится об освобождении из заключения. Помощница в родах.

НЕУПИВАЕМАЯ ЧАША - молятся за всех грешников, икона призывает к неистощимому источнику духовной радости и утешения, возвещает, что неупиваемая чаша небесной помощи и милосердия уготована просящим с верой. Она для достатка в доме, а также помогает исцелить от пагубных привычек, пьянства, наркомании, азартных игр.

НЕРУШИМАЯ СТЕНА - Перед иконой по каждой потребе: болящим – исцеление, скорбящим – утешение, заблудшим – вразумление, охрани младенцев, воспитай и научи юных, ободри и наставь мужей и жён, поддержи и согрей старых, избавь от всяких напастей. На продолжении более десяти веков эта чудотворная икона осталась неповреждённой. Вероятно, поэтому так названа

БОГОРОДИЦА ПОКРОВА - молятся об избавлении от бед, о защите страны от врагов..

БЛАЖЕННАЯ МАТРОНА - Очень сильная святая современности. К ней обращаются по любому тяжёлому вопросу. Она наша самая «скорая помощница» и заступница, молительница за нас перед Господом. Мощи находится в женском Покровском монастыре на Таганке, куда каждый день приходит бессчётное количество людей и обращаются к ней за помощью.

НИКОЛАЙ УГОДНИК ЧУДОТВОРЕЦ - Это самый почитаемый в мире святой. Он защищает от нищеты и нужды: когда его икона находится в доме, он следит за тем, чтобы в доме был достаток, уберегает от нужды в чём – либо, покровительствует женщинам, детям, нищим, невинно осужденным и животным. Кроме того, он является покровителем всех путешественников, водителей, моряков, лётчиков и просто людей, находящихся в дороге

СВЯТОЙ ВЕЛИКОМУЧЕННИК ПАНТЕЛЕЙМОН - молятся об исцеление от тяжёлых недугов, является покровитель воинов, так как воины, чаще других получающие раны, и больше всех нуждаются во враче-целителе.

СЕРГИЙ РАДОНЕЖСКИЙ - Основатель Сергиево – Троицкой Лавры в 14 веке. Является покровителем всех учеников. Икону берут с собой при сдаче экзаменов и зачётов. Очень хорошо, чтобы икона всегда была в кармане сумочки или портфеле каждый день, когда ребёнок идет на учебу.

АНГЕЛ – ХРАНИТЕЛЬ - молятся: о помощи при головных болях; о своем покровительстве, от бессонницы, в скорби, о счастии в браке, о прогнании лукавых духов, об избавлении от вреда со стороны волшебников и чародеев. О заступничестве вдов и сирот, в отчаянии, об избавлении от скоропостижной или внезапной смерти, об изгнании бесов. Идущие спать молятся ему об избавлении от блудных сновидений. Задача ангела-хранителя - способствовать спасению подопечного, заступаются за них в течение земной их жизни, молят о них Бога, не оставляют их, наконец, после смерти и отводят души окончивших земную жизнь в вечность.

СПАС ВСЕДЕРЖИТЕЛЬ - часто просто «Спаситель» или «Спас» – это центральный образ в иконографии Христа, представляющий Его как Небесного Царя. «Аз есмь Альфа и Омега, начало и конец, – говорит Господь, – Который есть и был и грядет, Вседержитель». Главный Врач душ и тел, который ведает обо всем, и к кому в первую очередь должно быть направлено наше молитвенное обращение. По правилам эта икона ставится во главе иконостаса..

СПАС НЕРУКОТВОРНЫЙ - молятся о наставлении на путь истинный, о спасении души, избавлении от дурных мыслей и исцелении. По церковному преданию, первой иконой был образ Спасителя - Спас Нерукотворный.

Икона – не портрет и не жанровая картина, а прообраз идеального человечества. Поэтому икона дает лишь символическое его изображение. Физическое движение на иконе сведено до минимума или вовсе отсутствует. Зато особыми средствами передается движение духа – позой фигуры, рук, складками одежды, цветом и главное – глазами. Там сосредоточена вся сила нравственного подвига, вся сила духа и его власть над телом.

Одежда на иконах – не средство для прикрытия телесной наготы, одежда – символ. Она – ткань из подвигов святого. Одна из важных деталей – складки. Характер расположения складок на одеждах святых свидетельствует о времени написания иконы. В VIII – XIV веках складки рисовались частые и мелкие. Они говорят о сильных духовных переживаниях, об отсутствии духовного спокойствия. В XV – XVI веках складки рисуют прямыми, длинными, редкими. Через них как бы пробивается вся упругость духовной энергии. Они передают полноту упорядоченных духовных сил.

Вокруг головы Спасителя, Божией Матери и святых угодников Божиих на иконах изображают сияние в форме круга, которое называется нимб. Нимб – это изображение сияния света и Божественной славы, которая преображает и человека, соединившегося с Богом.

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

Символика жестов

РУКА , прижатая к груди – сердечное сопереживание.
РУКА , поднятая вверх – призыв к покаянию.
РУКА , протянутая вперед с раскрытой ладонью – знак повиновения и покорности.
ДВЕ РУКИ , поднятые вверх – моление о мире.
РУКИ , поднятые вперед – моление о помощи, жест просьбы.
РУКИ , прижаты к щекам – знак печали, скорби.

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

Как мы используем иконки?

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

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

Как разрабатываются иконки?

По своей структуре, иконки имеют стандартные размеры, обычно достаточно небольшие - от 16x16 до 48x48 пикселей (на Маках - до 128x128, в Windows Vista - до 256x256). Одна иконка обычно содержит несколько рисунков включая прозрачные участки, чтобы черзе нее был виден фон рабочего стола. Из-за этого кажется, что иконка находится над рабочим столом или панелью инструментов, на которой она расположена.

Иконка содержит несколько рисунков разных размеров и цветности для того, чтобы позволить Windows или Mac OS использовать наиболее подходящую из них для данной ситуации. Этот выбор зависит от режима, в котором находится монитор компьютера и места, в котором должна появится иконка. Например, иконки отображаемые на панели задач Windows обычно имеют размер 16x16 в то время как иконки на рабочем столе - 48x48.

Какие форматы используются для иконок?

Иконки Windows имеют расширение "ICO", а маковские - "ICNS", "RSC", "RSRC" или "BIN". Одна иконка (включая все вариации) содержится в одном файле, в то время как группы иконок объединяются в библиотеки.

В чем отличие иконок Windows XP?

Иконки для Windows XP имеют насыщенный цвет и гладкие края, дополняя стиль ОС Windows XP. Их края, как правило, слегка огруглены и источник света располагается в верхнем левом углу, в то время как рассеянный свет освещает другие части рисунка.

Градиенты, очертания и тени используются, чтобы добавить иконке размерности и контрастности. Некоторые иконки в XP имеют панорамный вид, в то время как иконки используемые для документов или те, которые изображают символы или одиночные объекты, повернуты "лицом". В целом их можно описать как современные и высококачественные.

В XP иконки справа от меню "Пуск" имеют размер 24x24, а используемые в панелях инструментов - 24x24 или 16x16. Система поддерживает 32-битные иконки, которые в реальности являются 24-битными рисунками с 8-битным альфа-каналом, из-за которого края иконок выглядят гладкими и сочетаются с фоном.

Иконки Windows XP включают три цветности для поддержки различных установок монитора: 24-битные с 8-битным альфа-каналом, 8-битные (256 цветов) с 1-битной прозрачностью и 4-битные (16 цветов) с 1-битной прозрачностью.

Когда заказчик приходит к дизайнеру с заданием нарисовать иконку, его волнует два вопроса: стоимость работы и сроки исполнения. Дизайнеру же для ответа нужно четко понимать, что конкретно хочет заказчик. Хорошо, если знаешь, как выглядит иконка-мечта. Но что делать, если не понимаешь, чего хочешь? Ответ прост - смотрите на работы других и прислушивайтесь к себе. Мы собрали девять сайтов, которые помогут вам в этом.

Прежде чем писать дизайнеру иконок

Для того, чтобы разговор с дизайнером о цене и сроках изготовления иконки был легким и продуктивным, сделайте пять действий:

Шаг #1: Потратьте время на изучение уже существующих коллекций иконок. Ваша задача смотреть, смотреть и еще раз смотреть.
Шаг #2: Отберите те, которые вам понравились. Скопируйте картинку в Word и опишите что именно понравилось (форма, цветовое решение, идея, стиль), почему иконка пришлась по душе.
Шаг #3: Отберите иконки, которые современны, но не понравились. Также сохраните иконку и опишите, что в иконке не то.
Шаг #4: Опишите что делает ваша программа и сформулируйте требования уже к вашей собственной иконке. Если есть какие конкретные пожелания к метафоре - их тоже запишите.
Шаг #5: С получившимся документом идем к дизайнеру. Теперь получить оценку будет легко и просто.

Где найти примеры современных качественных иконок

Чтобы вы не блуждали по интернету, разыскивая примеры удачных иконок, мы собрали для вас 9 сайтов-галерей иконок. Смотрите и выбирайте.

1. IconsFeed.com

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

2. iOSpirations.com

На этом сайте можно посмотреть на варианты иконок отдельно для MAC, а отдельно для iOS. Суммарно более 200 вариантов иконок всех стилей и тематик. Сайт постоянно обновляется и пополняется новыми образцами.

3.

На девяти страницах собрано более 100 иконок для iOS. Недостаток ресурса – нет рубрикатора, так что вам придется пролистать все 9 страниц. Плюс ресурса есть как известные иконки, так и менее популярные образцы.

4. MobileTuxedo.com

Галерея этого ресурса насчитывает более 50 иконок для iOS. Как и в предыдущем варианте, нет рубрикатора, чтобы облегчить вашу жизнь.

5. Pinterest

Нестандартный подход – использовать pinterest для поиска иконок. Но, если вы зададите в графе поиск «IOS» и «Icon» результат вас удивит. Аналогично работает для Android Icon. А вот с Windows Icon не получится:(. Но в нашем портфолио уже сотни примеров, будет из чего выбрать.

6. Flickr

Все, что было сказано строкой выше о pinterest можно смело применить к flickr. Ключ к успеху поисковый запрос «iOS App Icons».

7. iosAppIcons на Tumblr.com

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

8. Icoicon.com

Этот ресурс автоматически собирает иконки, а, следовательно, у вас всегда будет пища для размышлений. На сайте есть рубрикатор, иконки разделены на 17 категорий.

9. Подборки для вдохновения

Последний пример – это пример коллекции иконок, собранный дизайнером. В сети гуляет довольно много подобных вариантов, вы можете попробовать найти подобные. Просто погуглите по слову «App Icon Inspiration» или подобному. Возможно, с таким форматом подачи материала вам будет удобно работать.

«Шеф-редактор блога GetGoodRank, веб-аналитик, блоггер.
Как правильно оформить и применить иконки на сайте? Рассказываем о простых правилах юзабилити иконок, а также приводим простой чек-лист проверки.»

Иконка - схематический элемент графического интерфейса, обозначающий приложение, функцию или тематический раздел сайта/приложения. Иконки простые, лаконичные и эффективные. Используются для упрощения графического интерфейса приложения или сайта, а также для упрощения и ускорения коммуникации с пользователем (человеческое сознание в разы быстрее обрабатывает и «понимает» графику, нежели текст). Иконки классифицируются в зависимости от выполняемой функции:

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

Правила юзабилити иконок

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

1. Сопроводительный текст - разные сайты используют даже стандартные иконки с разной целью. Так, стандартная лупа может обозначать поиск по сайту или приближение/увеличение изображения. Графические символы можно трактовать двояко. Чтобы упростить задачу пользователя, следует сопровождать иконки текстом. Это в большей степени касается иконок навигации. Текст и графика в паре работают гораздо лучше, чем что-то одно.

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

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

4. Тест 5 секунд - при разработке индивидуальной концепции иконок (применении нестандартных иконок) проведите тест 5 секунд. Если в вы в течении 5 секунд не сможете идентифицировать иконку и понять, что она означает на сайте, значит данный графический символ недопустим в дизайне. Он будет создавать дополнительные препятствия на пути пользователя к цели: изучению информации на сайте, выбору товара/услуги.

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

Как проверить юзабилити иконок

Используйте для проверки юзабилити иконок на сайте следующий чек-лист вопросов:

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

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

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

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

1. Как использовать иконки

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

Усиливаем список особенностей

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

Привлекаем внимание к новым особенностям веб приложения

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

Список различных приложений и продуктов

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

Пример:

Перечислите ваши услуги и увеличьте легкость чтения списка

Иконки должны соответствовать контенту и иметь простой дизайн. Определите, что вы хотели выразить с помощью контента и создайте на этой основе иконку. Какая тема у веб сайта или статьи? Какие цвета используются? Что это за стиль? Модерн? Классик? Иконки должны быть визуально унифицированы с идеями, выраженными в контенте.

2. Назначение и размещение

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

Акцентирование колонтитулов для придания заголовкам особенного вида

Даже простая иконка может добавить шарма и индивидуальности веб сайту.

Пример:

Увлеките посетителя чтением длинной страницы

Используйте иконки как точки в абзацах. Такой подход существенно повысит удобство чтения даже самого длинного текста.

Пример:

Отделяем заголовки и секции

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

Пример:

Размер значения не имеет! Даже маленькие иконки могут быть эффективны

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

Выделяем текст, размещая иконки справа от абзаца

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

Изменяете размер и размещение иконок

Включите воображение! Изменение размера и размещения иконок сделает контент более динамичным и интересным.

3. Выберите свой стиль

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

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

Использование светлых цветов и отличного 3D дизайна иконок отлично дополняет внешний вид сайта: GoodBarry