- Перевод
От переводчика.
Это перевод статьи Филипа Бернарда с сайта css-tricks.com. Часть статьи, содержащую описание работы с созданным им сервисом, я позволил себе опустить. Если вы найдете ошибки, просьба сообщить о них в личном сообщении.
Статья содержит результаты проведенного им исследования, каким должен быть фавикон (и то что его заменяет), чтобы хорошо отображаться в различных случаях.
Фавикон был представлен в 1999 году, в Internet Explorer 5 () и стандартизирован W3C несколько месяцев спустя. Это была маленькая иконка, представляющая сайт.
С тех пор большинство настольных браузеров следуют тенденции и используют фавикон тем или иным способом. Это очень просто, не так ли? Создать маленькую картинку и добавить в любой интернет-проект, чтобы сделать его «завершённым». Ничего сложного. Или нет?
Устроим викторину!
Каков основной файл фавикона?
Ответ: favicon.ico. Просто, чтобы удостовериться: это не PNG, переименованный в favicon.ico. Хотя, некоторые браузеры простят эту ошибку, ICO это другой формат, поддерживающий несколько версий изображения.Вопрос: Какого размера должен быть favicon.ico?
A: 16х16. Стандартный.B: 32х32. Разве фавикон не обновлялся некоторое время назад?
C: 64x64.
D: Ни один из перечисленных.
Ответ: D.
Формат favicon.ico изначально задуман Майкрософт и поддержан некоторыми другими производителями. Майкрософт рекомендует размеры 16х16, 32х32 и 48х48. Да, один ICO может содержать несколько изображений.
Браузеры обычно отображают фавикон на вкладках, и на обычных разрешениях, версия 16х16 выглядит хорошо:
16х16 на вкладке Chrome. Пока всё хорошо.
Но иконка 16х16 слишком мала для других мест: панели задач и рабочего стола.
16х16 в панели задач.
16х16 на рабочем столе. Не хорошо.
Когда иконка содержит несколько изображений, результат гораздо лучше.
16х16, 32х32 и 48х48 favicon.ico в панели задач. Выглядит как обычная программа.
16х16, 32х32 и 48х48 favicon.ico на рабочем столе. Идеально.
Вопрос: Каково назначение favicon.png?
На самом деле, чаще встречается другой файл, favicon.png. Люди часто спрашивают об этом.Что это на самом деле?
A: Иконка для браузеров не поддерживающих favicon.ico.
Такие как Firefox, наверно?
B: Иконка высокого разрешения.
Знаете, со всеми этими новыми экранами с высокой плотностью пикселей.
C: Артефакт из прошлого.
Теперь это новые иконки, например, Apple Touch icon.
D: Всё вместе.
Ответ: D.
Начиная с принятия HTML5, favicon.ico не слишком полезен. Был представлен атрибут sizes
, позволяющий объявить несколько различных версии одной и той же иконки, и это могут быть PNG файлы:
Так что мы должны объявлять?
Давайте посмотрим правде в глаза. Хотя, почти все настольные браузеры поддерживают favicon.ico, этот файл устарел. Да, вы по-прежнему можете использовать этот файл и всё будет работать, как задумано. Но серьёзно, это устаревший формат. Он не используется нигде, кроме веба. PNG поддерживается гораздо лучше.
Favicon.ico - для старых версий IE. Для остальных браузеров и последних версий IE используйте PNG иконки. Так какие sizes необходимо определять? Скоро узнаем.
Вопрос: Какой формат необходим для поддержки мобильных платформ?
Согласно SmartInsights , больше 26% веб-трафика генерируется смартфонами и планшетами. Это будущее. Что нужно для поддержки этого мира?A: favicon.ico.
Это работало 15 лет назад, работает и сегодня.
B: PNG иконки.
Вы сказали, что расскажете об этом.
C: Apple Touch icon.
Кэп.
D: Здесь, всё равно, нет правильного ответа.
Ответ: D. Нужны PNG иконки. И Apple Touch icon. И плитки для Windows 8. И файл под названием browserconfig.xml.
Мобильные платформы гораздо более гетерогенны, чем обычные настольные браузеры. Размеры экранов и разрешения очень сильно варьируются и нет преобладающей операционной системы, такой как Windows, как это было во времена появления интернета.
Следствие: не думайте, что мобильный фавикон может быть одной универсальной картинкой или иметь универсальное объявление в HTML коде.
Вопрос: Какого размера должны быть PNG иконки?
A: 96х96 для Google TVB: 196х196 для Android Chrome
C: 228х228 для Opera Coast
D: Все перечисленные
Ответ: D, и даже более. Например, 160х160 для старой версии быстрого набора Opera (давно в прошлом), или 128х128 для Chrome Web Store, всё сильно зависит от платформы, которую вы собираетесь поддерживать.
Вопрос: Каков размер Apple Touch icon?
Apple Touch icon используемые iOS для закладок и сайтов «на домашнем экране». На ум приходит 57х57, браво. Это правильно. Только это было 7 лет назад, когда был выпущен первый iPhone.Ответ: Вплоть до 180х180.
После появления первого iPhone, было 3 важных релиза:
- iPad. С экраном гораздо большего размера.
- Retina-экраны. С удвоеной плотностью пикселов.
- iOS7. Плоский дизайн отличается на iPhone/iPad.
| Устройство | Экран | Версия iOS | Размер иконки |
|---|---|---|---|
| iPhone | Classic | 6 и ниже | 57x57 |
| 7 | 60x60 | ||
| Retina | 6 и ниже | 114x114 | |
| 7 | 120x120 | ||
| 6 Plus | 8 и выше | 180x180 | |
| iPad | Classic | 6 и ниже | 72x72 |
| 7 | 76x76 | ||
| Retina | 6 и ниже | 144x144 | |
| 7 | 152x152 |
Старая 57х57 Apple Touch icon на блестящем Retina iPad. Мутно.
Большая 152х152 Apple Touch icon на Retina iPad. Аккуратно.
Если вы ответили неверно, не расстраивайтесь. Из 5000 популярных сайтов, которые предоставляют apple-touch-icon.png, менее 4% делают это правильно .
Некоторый могут возразить, что все 9 изображений не очень и нужны. Однако, по крайней мере, основная Apple Touch icon должна быть 152х152. Retina iPad под iOS 7 найдет что нужно, а младшие устройства могут уменьшить изображение.
Вопрос: Необходимо ли объявлять Apple Touch icon в HTML?
A: Не знаю. Надо же что-то ответить!B: Да. Иначе как iOS найдет их?
C: Нет. Apple предлагает рекомендации , так что любое iOS устройство всё равно их надет.
D: Нет, но...
Ответ: D… но некоторые другие платформы тоже используют Apple Touch icon, лучше их объявить.
Как бы странно это не звучало, устройства под iOS не единственные, которые ищут Apple Touch icon. Поскольку они популярнее и встречаются чаще других PNG иконок высоких разрешений, некоторые браузеры, вроде Android Chrome, используют их. Таким образом, лучше их объявлять, это позволит посетителю с совместимым устройством или браузером использовать одну их.
Вопрос: Как объявить плитку для планшетов на Windows 8?
A: Планшет на Windows 8? Что это такое?B: favicon.ico. Наследие Стива Балмера.
C: Мета-теги. Два msapplication-TileColor и msapplication-TileImage .
D: browserconfig.xml.
Ответ: C для Windows 8 и IE 10, D для Windows 8.1 и IE 11. Ответ A в чем-то тоже верен.
Объявление для Windows 8.0 выглядит как-то так:
Windows 8.1 и IE 11 ожидают несколько версии изображения, объявленных в browserconfig.xml. Например:
Новый интерфейс Metro предлагает несколько новых принципов дизайна, например, «белые силуэты», используемые большинством предустановленных программ. 
Плитки сайтов в Windows 8.
Вопрос: Каков размер плитки square150x150logo?
A: 150х150. Вы не умеете читать?B: Иной.
Ответ: B, 270х270.
В ходе одного из недавних тестирований, проведенных специалистами исследовательской компании Nielsen Norman Group (NNg), обнаружилось, что наряду с тем, что дизайн множества иконок улучшился, существует также немалое количество подобных значков, вызывающих проблемы юзабилити и не распознаваемых большинством пользователей. Хотя каждый конкретный визуальный дизайн каждого значка отличается от другого — в том числе и связанными с ним проблемами, — существует несколько основных категорий иконок, которые можно использовать для лучшего понимания того, что именно делает некоторые из этих элементов пользовательского интерфейса более доступными для понимания.
Иконки, базирующиеся на подобии (схожести)
К этой категории относятся иконки, изображающие физический объект, который графический значок должен наглядно представлять восприятию пользователя. Используемое для представления (репрезентации) файла электронной почты изображение конверта будет являться иконкой подобия (Reference Icon).
Основная проблема юзабилити иконок подобия заключается в трудности разработке изображения, которое на самом деле выглядит как предполагаемый объект. Не такая простая задача, если учесть крошечный размер иконки.
Иконки, основанные на аналогиях (напоминаниях)
Это тип значков интерфейса, которые при помощи напоминания или аналогии репрезентируют концепцию, отображаемую иконкой. Например, изображение зажима, используемое для наглядного представления утилиты сжатия файлов (потому что в обоих случаях подразумевается сжимание ), является иконкой аналогии (Reference Icon).
Было бы трудно найти хорошую иконку подобия для операции сжатия файлов, за исключением использования комбинации «до и после», переданной парными изображениями большого (несжатого) и маленького (сжатого) документов, но значки, отображающие изменение состояния, как правило, как правило, трудно поддаются пониманию. Значки интерфейса, значение которых базируется на аналогиях, иногда также называются символическими иконками .
Здесь возникает вопрос, установят ли пользователи смысловую связь между эталонным (общепринятым, конвенциональным) значением изображения, используемого в качестве иконки, и его значением в рамках компьютерной экосистемы? Являются ли эти два понятия достаточно тесно связанными в ментальных моделях пользователей, чтобы люди подумали об опции системы, увидев изображение, символизирующее данную ее особенность?
Произвольные иконки
Рассмотрим категорию визуальных форм, имеющих смысл только в рамках некого соглашения. Например, дорожные знаки относятся к категории изображений с произвольно присвоенным им значением и — в силу их достаточно стандартизированного использования в международном масштабе — могут служить отличным источником прототипов для компьютерных иконок.
Треугольный дорожный знак предупреждения об опасности может быть использован в качестве компьютерной иконки для предупредительного сообщения. Очевидно, что пользователям труднее всего понимать именно произвольные иконки (Arbitrary Icons), особенно в том случае, если они не настолько широко используются, чтобы конвенциональное значение стало «второй натурой» значка.
Например, сомнительно, что многие люди обеспокоены тем, что графическая форма «?» абсолютно произвольно выбрана в качестве указателя вопроса. Следовательно, это хорошая иконка для обозначения помощи .
Пример: значок часов в качестве иконки подобия, и он же как иконка аналогии
Проводя одно из своих исследований юзабилити, эксперты NNg обнаружили иконку часов в интерфейсе тестируемого сайта. Изображение определенно выглядело как часы и, вероятно, отлично работало бы, если бы это была иконка подобия, используемая для представления связанной с временем особенности сайта, такой как отображение текущего времени, опция будильника или запланированный срок начала какого-то события. Однако на этом сайте иконка применялась для представления функции просмотра истории событий, и в этом качестве она потерпела неудачу в ходе пользовательского тестирования.
Изображение часов для обозначения функции просмотра истории — это иконка аналогии, поскольку оба понятия — «часы» и «история» — объединены общей для них концепцией времени. Тем не менее налицо плохое, слабое соответствие: аналогия слишком отдаленная.
Пример: значок дискеты в качестве иконки для команды «Сохранить»
Небольшое изображение дискеты (гибкого диска) используется для представления опции сохранения файла в самых различных графических пользовательских интерфейсах (GUI).
Первоначально это была иконка подобия : пользователи на самом деле сохраняли свои файлы на дискетах, так что пока значок обоснованно выглядел как гибкий диск, его, скорее всего, признали и поняли в этом качестве.
Позже у пользователей появились жесткие диски, и значок «Сохранить» стал восприниматься в качестве иконки аналогии . Дискета представляет собой один из типов устройств для хранения данных и, следовательно, может использоваться для представления обобщенной функции хранения документа на любом устройстве хранения данных, даже на том, что выглядит совсем по-другому нежели гибкий диск.
Действительно, большинство обычных пользователей никогда не видело жесткий диск, установленный внутри корпуса компьютера/ноутбука, поэтому, вероятно, и продолжилось использование иконки флоппи-диска во время процесса перехода с дискет на жесткие диски.
В настоящее время многие молодые пользователи никогда не видели дискету, и значок, ее изображающий, стал для них произвольной иконкой. Почему маленький квадратик обозначает сохранение файла? Ну, просто так принято.
Как показывает этот пример, классификация иконки может меняться в зависимости от течения времени или в связи с другими изменениями в контексте.
Юзабилити иконок в интернациональном масштабе
Наивысшей степенью юзабилити чаще всего обладают иконки подобия, однако они могут вызвать проблемы у «международных» пользователей в той мере, в какой одни и те же вещи выглядят в разных странах по-другому. Изображения необычных объектов могут вызвать трудности при их распознании, о чем свидетельствует проведенное в Венгрии тестирование интернационального набора иконок, посвященных спорту. Только 9% венгров правильно интерпретировали иконку, показывающую игрока в сквош, потому что большинство жителей Венгрии никогда не видели этой игры.
В подобной ситуации в тупик может попасть и сам общепризнанный «гуру науки юзабилити», основатель Nielsen Norman Group Якоб Нильсен: «Подобным же образом почтовые ящики выглядят по-разному во всем мире, как по форме, так и по цвету (синий, красный, желтый и зеленый — это лишь несколько цветов, которые я видел в своих путешествиях). Я помню, что когда впервые отправил открытку в Бельгии, то не был уверен, воспользовался ли я “официальной” почтой, потому что бельгийские почтовые ящики выглядят совершенно по-другому, чем все остальные, когда-либо виденные мной. И ведь это был физический объект. Небольшая двумерная картинка, скорее всего, будет еще более непонятной».
Иконки аналогии, равно как и произвольные иконки, при использовании в интернациональном масштабе нередко воспринимаются пользователями гораздо хуже, чем иконки подобия. Аналогии зачастую куда больше определяются локальными культурными особенностями, нежели внешний вид физических объектов.
Различие национальных конвенций может снизить юзабилити интерфейсов, нацеленных на использование иконок, работающих на принципе аналогий. Например, изображение обеденного стола (dining table) можно использовать в качестве «напоминающей» иконки, чтобы представить таблицу номеров (table of numbers).
Аналогия между таблицами как мебелью и таблицами в качестве типографских объектов выполняется только в том случае, если пользователь говорит по-английски. Во многих других языках для передачи двух этих понятий используются совершенно разные слова (например, bord vs. tabel на датском языке), а для пользователей, говорящих на этих языках, значок, изображающий стол, сводится к статусу произвольного выбранной иконки.
В общем и целом, «интерфейсные каламбуры» скорее опасны для юзабилити, хотя соблазну применить их сопротивляться трудно.
Простые иконки, сложные иконки
Иконки подобия обычно имеют лучшее юзабилити, хотя произвольная иконка может отлично проявить себя, если она уже широко стандартизирована к моменту ее использования в вашем дизайне. Не будьте одним из тех, кто пытался научить мир пользоваться новой иконкой с произвольно присвоенным ей значением. Вы, скорее всего, потерпите неудачу.
Конечно, у нас всегда есть надежный вариант проверки юзабилити иконок: пользовательское тестирование быстро покажет нам, понимают ли пользователи их значение.
«Шеф-редактор блога GetGoodRank, веб-аналитик, блоггер.
Как правильно оформить и применить иконки на сайте? Рассказываем о простых правилах юзабилити иконок, а также приводим простой чек-лист проверки.»
Иконка - схематический элемент графического интерфейса, обозначающий приложение, функцию или тематический раздел сайта/приложения. Иконки простые, лаконичные и эффективные. Используются для упрощения графического интерфейса приложения или сайта, а также для упрощения и ускорения коммуникации с пользователем (человеческое сознание в разы быстрее обрабатывает и «понимает» графику, нежели текст). Иконки классифицируются в зависимости от выполняемой функции:
- Навигационные иконки - используются для обозначения функции: навгационные стрелки вверх и вниз для перемещения по длинной странице, корзина для перехода в корзину, лупа для активации строки поиска.
- Информационные иконки - указывают на тематику раздела. К примеру, скрещенные инструменты часто указывают на раздел с технической информацией, шестеренка - на раздел с настройками, машина указывает на информацию о доставке, цифры 24/7 - на круглосуточный график работы и т. д.
- Иконки-призывы к действию - часто используются для обозначения очевидных действий. К примеру, на странице скачивания приложения жирная стрелка вниз обозначает призыв к загрузке софта, на странице товара плюс обозначает призыв добавить товар в корзину и т. д.
Правила юзабилити иконок
Не все иконки одинаково понятны пользователям, в особенности, если сайт применяет индивидуальный стиль и отходит от общепринятых стандартов. Чтобы иконки выполняли прямую функцию упрощения дизайна и коммуникации с пользователем, придерживайтесь следующих правил:
1. Сопроводительный текст - разные сайты используют даже стандартные иконки с разной целью. Так, стандартная лупа может обозначать поиск по сайту или приближение/увеличение изображения. Графические символы можно трактовать двояко. Чтобы упростить задачу пользователя, следует сопровождать иконки текстом. Это в большей степени касается иконок навигации. Текст и графика в паре работают гораздо лучше, чем что-то одно.
2. Единый стиль - иконки должны быть выполнены в едином стиле. Лучше использовать схематические изображения с минимальным количеством деталей. Иконка должна быть легко различима в общей концепции дизайна и простой для понимания пользователя. Иконки, выполняющие разные задачи на сайте, могут быть выполнены в разных концепциях. Однако применяя разные графические стили, следует избегать чрезмерной пестроты. Помните, что иконка призвана упростить взаимодействие пользователя с сайтом, а не наоборот, заставить его изучать скрытые в символах функции.
3. Кликабельность - иконки, по которым доступно действие, должны визуально демонстрировать кликабельность: подсветка при наведении курсора, изменение цвета, увеличение. Это даст понять пользователю, что иконка функциональна, а не просто элемент графического интерфейса. Применяйте анимацию по минимуму.
4. Тест 5 секунд - при разработке индивидуальной концепции иконок (применении нестандартных иконок) проведите тест 5 секунд. Если в вы в течении 5 секунд не сможете идентифицировать иконку и понять, что она означает на сайте, значит данный графический символ недопустим в дизайне. Он будет создавать дополнительные препятствия на пути пользователя к цели: изучению информации на сайте, выбору товара/услуги.
5. Размер имеет значение - слишком мелкие символы рискуют остаться незамеченными в дизайне, тогда как слишком крупные иконки могут сбивать с толку, доминировать над другими элементами и перетягивать на себя внимание (в особенности если большие иконки выделены цветом).
Как проверить юзабилити иконок
Используйте для проверки юзабилити иконок на сайте следующий чек-лист вопросов:
- Легко ли найти иконку в интерфейсе сайта или приложения?
- Насколько гармонично выглядит иконка в интерфейсе? Не нарушает ли она общую концепцию дизайна?
- Расположена ли иконка в ожидаемом для пользователя месте?
- Не отвлекает ли иконка внимание от основного контента страницы?
- Понятен ли смысл иконки пользователю?
- Как выглядит иконка в мобильной версии сайта? Легко ли с ней взаимодействовать с тачскрина?
- Ассоциируется ли данная иконка с другими, несмежными действиями? Не создает ли она дополнительные трудности в использовании сайта? Не приведет ли иконка к ошибочным действиям?
- Необходима ли иконка в данном контексте для обозначения того, что к чему она привязана? Возможно ли обойтись без нее?
Когда заказчик приходит к дизайнеру с заданием нарисовать иконку, его волнует два вопроса: стоимость работы и сроки исполнения. Дизайнеру же для ответа нужно четко понимать, что конкретно хочет заказчик. Хорошо, если знаешь, как выглядит иконка-мечта. Но что делать, если не понимаешь, чего хочешь? Ответ прост - смотрите на работы других и прислушивайтесь к себе. Мы собрали девять сайтов, которые помогут вам в этом.
Прежде чем писать дизайнеру иконок
Для того, чтобы разговор с дизайнером о цене и сроках изготовления иконки был легким и продуктивным, сделайте пять действий:
- Шаг #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» или подобному. Возможно, с таким форматом подачи материала вам будет удобно работать.
Православные иконы
Икона – явление совершенно уникальное в средневековой культуре. В храмах их - сотни, попробуй сориентируйся, какая нужна. Вот тут и возникают вопросы: каким иконам молиться? Кому молиться? Какому святому? Попробуем разобраться - какая икона для чего.
КАЗАНСКАЯ БОГОРОДИЦА - самая почитаемая икон на Руси, на протяжении нескольких веков почитается как Покровительница и Заступница земли русской и народа русского. Все главные события в жизни проходят именно с ней, начиная с крещения. Икона даёт благословление на брак, также она помощница в работе. Ею благословляют молодых, вступающих в брак, у иконы просят о семейном благополучии и счастье, кроме этого икону вешают у детских кроваток. Икона, которая останавливает огонь и помогает тем, у кого проблемы со зрением. Образ Казанской иконы Божьей Матери помогает в различных бедах, напастях, болезнях
ВЛАДИМИРСКАЯ БОЖИЯ МАТЕРЬ - одна из наиболее чтимых, поскольку ею короновали царей и избирали первосвятителей. Перед ней молятся о смягчении злых сердец, исцелении немощи, смирении враждующих, исцелении бесноватых. Она особо охраняет матерей и их детей, беременным дарует легкие роды и здоровых малышей, избавляет от бесплодия и от заболеваний детородных органов. Образ матери заступницы во всех бедах и печалях.
Икона Пресвятой Богородицы ОТЧАЯННЫХ ЕДИНАЯ НАДЕЖДА -Несмотря на то, что икона эта малоизвестна, кем-то из верующих (а это не запрещено церковью) ей составлен акафист. Молятся перед иконой в различных скорбях и когда человек находится в унынии. Те, у кого ослабла вера, просят Богородицу вернуть былое расположение духа и ниспослать духовную бодрость. Иконе молятся об избавлении от врагов, о вразумлении ссорящихся (особенно соседей), об искоренении зависти. Она – помощница в лечении болезней современности – алкоголизма, курения, игровой и компьютерной зависимости..
БОГОРОДИЦА ПОЧАЕВСКАЯ - Почаевская икона Божией Матери принадлежит к числу наиболее чтимых святынь Русской Церкви. При обращении к Богородице «Почаевская» молятся об охранении от междоусобной вражды, от вражеского нашествия, об исцелении от слепоты как телесной, так и духовной, об освобождении из плена, молятся о даровании здоровья и чудес помощи в нуждах.
 Скоропослушница |  Иверская |  Неувядаемый цвет |  Взыскание погибших |
СКОРОПОСЛУШНИЦА
- молятся, когда нужна быстрая и неотложная помощь, об исцелении душевных и телесных недугов, в том числе от паралича, слепоты, раковых заболеваний, а также просят о рождении здоровых детей и об освобождении пленных.
ИВЕРСКАЯ БОЖИЯ МАТЕРЬ - Хранительница домашнего очага. Она считается покровительницей всех женщин, их помощницей и заступницей перед Господом. Икона, при помощи которой снимают «венец безбрачия» как с мужчин, так и с женщин. Перед иконой также молятся об исцелении недугов телесных и душевных, об утешении в болезни.
НЕУВЯДАЮЩИЙ ЦВЕТ -При обращении к иконе Богородицы «Неувядаемый цвет» молятся о сохранении праведной жизни, разрешении семейных неурядиц. Молитвы к этой иконе помогают не ошибиться в выборе супругов. Цветок в руках Богородицы утверждает непорочность Матери Божьей и символизирует неувядаемость девства.
Икона Богородицы ВЗЫСКАНИЕ ПОГИБШИХ - обращаются с просьбами тяжело больные и их родственники. Она помогает избавиться от пороков, от алкогольной зависимости. К этим иконам идут раскаявшиеся грешники, отвернувшиеся от Бога. Женщины просят о счастливом браке и здоровье детей, помогает при болезнях глаз, лихорадке, головной боли. Обращаться к Пресвятой Матери можно простыми искренними словами, которые идут от души.
Икона Богородицы УТОЛИ МОИ ПЕЧАЛИ - молятся об избавлении от различных болезней как телесных, так и душевных..
Икона Пресвятой Богородицы МИЛУЮЩАЯ - или “Достойно есть”, молятся при душевных и телесных болезнях, при окончании всякого дела, при эпидемиях, о счастье в браке, при несчастных случаях..
ФЕОДОРОВСКАЯ икона Божьей Матери - издавна почитается верующими не только как чудотворная, но и как особенно покровительствующая семейному благополучию, рождению и воспитанию детей, помогающая в трудных родах. Предание связывает её с призванием в 1613 году на царство основателя династии царя Михаила Фёдоровича. Хранится в Богоявленском соборе города Костромы.
ИЕРУСАЛИМСКАЯ икона Божией Матери - молятся в скорби, печали и унынии, об исцелении от слепоты, болезней глаз и паралича, при эпидемии холеры, об избавлении от падежа скота, от пожара, при расслаблении, а также при нападении врагов..
ТИХВИНСКАЯ - Икона считается детской, ещё её называют «путеводительницей». Она помогает детям в болезнях, успокаивает беспокойных и непослушных, помогает им в выборе друзей, ограждает от дурного влияния улицы. Считается, что она укрепляет связь между родителями и детьми, то есть дети не бросают родителей в старости. Женщинам помогает при родах и в период беременности..
Богородица ПОЧАЕВСКАЯ - молятся об охранении от междоусобной вражды, от вражеского нашествия, об исцелении от слепоты как телесной, так и духовной, об освобождении из плена., молятся о даровании здоровья и чудес помощи в нуждах.
КОЗЕЛЬШАНСКАЯ икона Божией Матери - молятся об исцелении ортопедических заболеваний, особенно помогает девушкам, прибегавшим к ней с мольбой устроить семейное счастье.
ТРОЕРУЧНИЦА - перед чудотворным образом Божьей Матери молятся об исцелении от болей рук и ног или их увечий, от избавления от пожара, а также от болезни, скорби и печали. .
Умягчение злых сердец
Умиление
Икона Божией Матери ПРИЗРИ НА СМИРЕНИЕ - молятся Пресвятой Богородице о даровании смирения и покаяния как за себя, так и за грешников, не желающих раскаиваться, об облегчении загробной участи почивших, об ограждении от ложных и лукавых учений. Молитвы перед иконой помогают и в решении жилищных вопросов.
Икона Божией Матери БЛАГОДАТНОЕ НЕБО - помогает женщинам выйти замуж, обрести счастье в супружестве и материнстве. Иконе молятся об избавлении от пьянства и других зависимостей. Если у Вас есть заветное желание, молитесь перед иконой «Благодатное Небо», и оно исполнится. Считается, что икона оказывает покровительство воинам-десантникам (ВДВ) и помогает им в службе..
Икона Божьей Матери УМЯГЧЕНИЕ ЗЛЫХ СЕРДЕЦ - перед иконой просят о семейном перемирии или о том, чтобы не было вражды между соседями, а также о мире между целыми государствами. В нашей культуре образ Матери Божьей, у которой грудь пронзена стрелами, является одним из наиболее эмоциональных и выразительных в иконописи. Он дает возможность почувствовать милосердие и сострадание, Перед ней молятся об умягчении сердец тех, кто идет к вам со злыми помыслами.
БОГОРОДИЦА УМИЛЕНИЕ - икона является заступленицей как в общенародных бедствиях, так и в жизни простых людей. Матери молятся о благополучном замужестве дочерей, о счастье и достатке.
 Смоленская |  Барская |  Жировицкая |  Ласковая мать |
Икона Пресвятой Богородицы СМОЛЕНСКАЯ - именуемая «Одигитрия-Смоленская» известна на Руси с древнейших времен. «Одигитрия», в переводе с греческого языка значит «Путеводительница». Икона для всех православных христиан является путеводительницей к вечному спасению, Смоленская Богородица помогает всем обращающимся к ней с молитвами об исцелении от неизлечимых болезней, в поисках семейного мира и в других сложных и неразрешимых ситуациях, как первая заступница за нас перед Богом.
БАРСКАЯ икона Божией Матери - молятся о хороших отношениях в семье, за детей и здоровье, она являет чудеса исцеления и милости Божией ко всем страждущим, прибегающим к ней в своих скорбях и молитвах.
Икона Пресвятой Богородицы ЖИРОВИЦКАЯ - молятся при гонениях на Православие, при сомнениях, об избавлении от пожаров, при всякой немощи телесной, так же молятся об устройстве девичьей судьбы, о счастливом браке.
Икона Пресвятой Богородицы ЛАСКОВАЯ МАТЬ - молятся о детях, чтобы дети были поддержкой в жизни.
|  Трех радостей |  Святая троица |  СЕМИСТРЕЛЬНАЯ |
НЕЧАЯННАЯ РАДОСТЬ
- молятся об обращении заблудших, о здравии и благополучии детей, об исцелении глухоты и болезней ушей, о сохранении брака в любви и согласии, молятся о даровании духовного прозрения.
Икона божией матери ТРЕХ РАДОСТЕЙ
- Молятся о возвращении утраченного, о спасении от неприятелей, об освобождении из заточения, об исцелении и о благополучном разрешении любого дела. Приходящие к образу люди заметили, что после усердной молитвы радость приходит к ним в дом в троекратном размере, за что икона и получила свое современное название.
СВЯТАЯ ТРОИЦА
- Символ «Троицы» это Бог-Отец, Бог-сын, Бог-Дух Святой, или мудрость, разум, любовь. Одна из трёх главных икон, которые должны быть в каждом доме. Перед иконой молятся о прощении грехов. Она считается исповедальной.
СЕМИСТРЕЛЬНАЯ
- Это сильнейшая икона в защите дома и любого помещения, а также того человека, на ком она находится, от злых, завистливых людей, от сглаза, порчи и проклятий. Примиряет враждующих, приносит мир, лад, её также берут на важные дела. Дома она должна находится напротив входной двери, чтобы видеть глаза входящего.
 Целительница. |  Неупиваемая чаша |  Нерушимая стена |  Богородица Покрова |
ЦЕЛИТЕЛЬНИЦА - молятся об исцелении души и тела, она оберегает от различных напастей, бед, скорби, вечного осуждения, заботится об освобождении из заключения. Помощница в родах.
НЕУПИВАЕМАЯ ЧАША - молятся за всех грешников, икона призывает к неистощимому источнику духовной радости и утешения, возвещает, что неупиваемая чаша небесной помощи и милосердия уготована просящим с верой. Она для достатка в доме, а также помогает исцелить от пагубных привычек, пьянства, наркомании, азартных игр.
НЕРУШИМАЯ СТЕНА - Перед иконой по каждой потребе: болящим – исцеление, скорбящим – утешение, заблудшим – вразумление, охрани младенцев, воспитай и научи юных, ободри и наставь мужей и жён, поддержи и согрей старых, избавь от всяких напастей. На продолжении более десяти веков эта чудотворная икона осталась неповреждённой. Вероятно, поэтому так названа
БОГОРОДИЦА ПОКРОВА - молятся об избавлении от бед, о защите страны от врагов..
БЛАЖЕННАЯ МАТРОНА - Очень сильная святая современности. К ней обращаются по любому тяжёлому вопросу. Она наша самая «скорая помощница» и заступница, молительница за нас перед Господом. Мощи находится в женском Покровском монастыре на Таганке, куда каждый день приходит бессчётное количество людей и обращаются к ней за помощью.
НИКОЛАЙ УГОДНИК ЧУДОТВОРЕЦ - Это самый почитаемый в мире святой. Он защищает от нищеты и нужды: когда его икона находится в доме, он следит за тем, чтобы в доме был достаток, уберегает от нужды в чём – либо, покровительствует женщинам, детям, нищим, невинно осужденным и животным. Кроме того, он является покровителем всех путешественников, водителей, моряков, лётчиков и просто людей, находящихся в дороге
СВЯТОЙ ВЕЛИКОМУЧЕННИК ПАНТЕЛЕЙМОН - молятся об исцеление от тяжёлых недугов, является покровитель воинов, так как воины, чаще других получающие раны, и больше всех нуждаются во враче-целителе.
СЕРГИЙ РАДОНЕЖСКИЙ - Основатель Сергиево – Троицкой Лавры в 14 веке. Является покровителем всех учеников. Икону берут с собой при сдаче экзаменов и зачётов. Очень хорошо, чтобы икона всегда была в кармане сумочки или портфеле каждый день, когда ребёнок идет на учебу.
АНГЕЛ – ХРАНИТЕЛЬ - молятся: о помощи при головных болях; о своем покровительстве, от бессонницы, в скорби, о счастии в браке, о прогнании лукавых духов, об избавлении от вреда со стороны волшебников и чародеев. О заступничестве вдов и сирот, в отчаянии, об избавлении от скоропостижной или внезапной смерти, об изгнании бесов. Идущие спать молятся ему об избавлении от блудных сновидений. Задача ангела-хранителя - способствовать спасению подопечного, заступаются за них в течение земной их жизни, молят о них Бога, не оставляют их, наконец, после смерти и отводят души окончивших земную жизнь в вечность.
СПАС ВСЕДЕРЖИТЕЛЬ - часто просто «Спаситель» или «Спас» – это центральный образ в иконографии Христа, представляющий Его как Небесного Царя. «Аз есмь Альфа и Омега, начало и конец, – говорит Господь, – Который есть и был и грядет, Вседержитель». Главный Врач душ и тел, который ведает обо всем, и к кому в первую очередь должно быть направлено наше молитвенное обращение. По правилам эта икона ставится во главе иконостаса..
СПАС НЕРУКОТВОРНЫЙ - молятся о наставлении на путь истинный, о спасении души, избавлении от дурных мыслей и исцелении. По церковному преданию, первой иконой был образ Спасителя - Спас Нерукотворный.
Икона – не портрет и не жанровая картина, а прообраз идеального человечества. Поэтому икона дает лишь символическое его изображение. Физическое движение на иконе сведено до минимума или вовсе отсутствует. Зато особыми средствами передается движение духа – позой фигуры, рук, складками одежды, цветом и главное – глазами. Там сосредоточена вся сила нравственного подвига, вся сила духа и его власть над телом.
Одежда на иконах – не средство для прикрытия телесной наготы, одежда – символ. Она – ткань из подвигов святого. Одна из важных деталей – складки. Характер расположения складок на одеждах святых свидетельствует о времени написания иконы. В VIII – XIV веках складки рисовались частые и мелкие. Они говорят о сильных духовных переживаниях, об отсутствии духовного спокойствия. В XV – XVI веках складки рисуют прямыми, длинными, редкими. Через них как бы пробивается вся упругость духовной энергии. Они передают полноту упорядоченных духовных сил.
Вокруг головы Спасителя, Божией Матери и святых угодников Божиих на иконах изображают сияние в форме круга, которое называется нимб. Нимб – это изображение сияния света и Божественной славы, которая преображает и человека, соединившегося с Богом.
На иконах отсутствуют тени . Это тоже обусловлено особенностями миропонимания и задачами, которые стояли перед иконописцем. Мир горний – это царство духа, света, оно бесплотно, там нет теней. Икона являет вещи, творимые и производимые Светом, а не освещенные светом.
Символика жестов
РУКА
, прижатая к груди – сердечное сопереживание.
РУКА
, поднятая вверх – призыв к покаянию.
РУКА
, протянутая вперед с раскрытой ладонью – знак повиновения и покорности.
ДВЕ РУКИ
, поднятые вверх – моление о мире.
РУКИ
, поднятые вперед – моление о помощи, жест просьбы.
РУКИ
, прижаты к щекам – знак печали, скорби. 