Классификация иконок: подобие, аналогия и произвольный выбор. Привлекаем внимание к новым особенностям веб приложения. Подборки для вдохновения
- Перевод
От переводчика.
Это перевод статьи Филипа Бернарда с сайта 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.
В разных жизненных ситуациях многие верующие люди обращаются с молитвами не только к Богу, но и к разным святым. Если выбрать одну конкретную икону с изображением святого и молиться ей, то святой обязательно услышит молитвы и примет сторону человека, помогая ему. Однако, есть много святых, потому нужно знать иконы всех святых и их значение (фото), чтобы молитвы в том или ином случае были услышаны, и помощь пришла. О том, к какой иконе обращаться с разными просьбами, а также об Иконах всех святых и их значение по дате рождение (фото) далее и пойдет речь.
Как могут помочь иконы всех Святых
Если обратиться с молитвами к Святым, то они непременно помогут человеку, оберегут его и защитят. Так, например, при переезде в новое жилье, если чувствуется нужда или грядет беда, то нужно обращать свои молитвы к Архангелу Михаилу
, которые главенствует над всеми ангелами.
К иконе Иоанна Крестителя , который крестил в реке Иордан Иисуса Христа, спасителя человечества, обращаются еще со времен Древней Руси для того, чтобы просить о плодородности почвы и богатом урожае.
В ситуациях, когда несправедливость берет верх, следует помолиться иконе Чудотворца . Это один из самых почитаемых в мире святых, защитник обделенных, угнетенных. Также он покровительствует женщинам, детям и путешественникам, рыбакам и летчикам.
Чтобы защититься от природных стихий, и тех последствий, которые они могут нанести, следует обратить мольбу к иконе Александра Невского . Этот святой также помогает добиться того, чтобы власти были более снисходительными к людям. Именно Александр Невский некогда возглавил российское войско для защиты государства.
Икона Богородицы «Утоли мои печали» помогает человека справиться с тоской, лечит физические болезни и душевные переживания. Впервые икона проявила свое чудотворство в конце 17 века в нынешней столицы России, когда ей молились, она излечила знатную особу.
Святой мученик Вонифатий помогает излечиться от алкоголизма, а также помогает всем обжорам, которые любят переедать.
Защитить домашних питомцев, а также достичь семейной гармонии и взять детей под свое крыло поможет Святой Великомученик Георгий Победоносец .
Если человека настигла болезнь и несчастье, то ему надо обратиться к иконе «Иверская Богородица» . Оригинал иконы храниться на греческой горе Афон, где находиться закрытый мужской монастырь. Свои магические свойств икона проявила еще в 9 веке, когда Византийский император приказал уничтожить все иконы. В дом, где хранилась икона, ворвался воин и ударил мечом по щеке Богородицы, из раны потекла кровь, воин обомлел и, раскаявшись, приклонил колени перед святой иконой «Ивесрская Богородица».
К пророку Божиему Илию обращается во времена устойчивых проливных дождей или устойчивой засухи.
Свои молитвы человек должен обратить к иконе Иоанна Кронштадского , если у его ребенка не ладиться с учебой. А также, если в дом вошла болезнь, которую трудно вылечить.
Справиться с недугами поможет и обращение к иконе «Богородица Умиление» . Данная икона хранилась в келье Серафима Саровского, который дал ей и второе название «Радость всех радостей». Серафим мазал больных людей елеем от лампады, что горела у колен икон, и они получили свое исцеление.
Иконы всех святых, их значение различается между собой, как и изображение святых, о чем свидетельствуют фото икон. Наверное, нет ни одной житейской неурядицы, в которой не помогли бы молитвы, обращенные к иконе Блаженной Матроне Московской . Матронушка помогает при поисках новой работы, ей можно молиться о наставлении ребенка на правильный путь, если просто в дом пришла какая-то напасть.
Справиться с проблемами на семейном поприще поможет икона Ксении Петербургской . Молиться иконе можно и при скорби, и с просьбами о счастливом браке.
Дабы исцелиться от болезни, которая никак не проходит, внимание надо отдавать прочтению молитв иконе Преподобных Сергия и Германа .
Важно обращаться к иконам всех святых и знать и значение (с фото), чтобы получить желаемое. Например, для удачного улова на рыбалке и исцеления от недугов надо обращаться к иконе Святых Первоверховных Апостолов Петра и Павла .
Икона «Богородица Всецарица» покровительствует тем, кто борется с таким серьезным заболеванием, как рак. Свои мольбы обращать к иконе могут и те, чьего близкого человека сразило заболевание.
Икона Богородицы Покрова может помочь, если в страну пришла война или политический конфликт, также ей можно молиться при болезнях.
Икон святых очень много, из всех них, согласно их значению (с фото) надо выбрать подходящего, и исправно ему молиться утром и вечером. Приобрети иконки можно в храме, только святые помогут донести молитвы человека до Бога.
Иконы всех святых: фото и их значение по дате рождения
В православии очень важно иметь своего ангела-хранителя, который будет идти рядом с человеком, наставлять его и оберегать. Выбрать икону всех святых, и узнать ее значение можно по дате рождения. Из всех святых можно молиться тому, кто носит такое же имя. Еще, подобрать ангела-хранителя можно по дате рождения, если она приближена к дню памяти того или иного святого.
Облегчить выбор ангела-хранителя, если обращаться не к имени, а к датам рождения, поможет распределение икон по знакам зодиака.
Все, кто родился под знаком Овен, могут обращать мольбы к иконе Казанской Божьей Матери, которая поможет решить сложные жизненные ситуации.
Тельцу следует направлять свои молитвы к лику Иверской Божьей Матери и Сподручнице грешных.
Близнецы
Для Близнецов ангелом-хранителем станет икона Владимирской Божьей Матери. Люди с этим знаком зодиака обязательно должны иметь эту иконку дома.
Люди, родившиеся под знаком Рак, могут обращать свои молитвы к иконе Святого Кирилла и Казанской Божьей матери. Значение икон всех святых и фото можно узнать и посмотреть в этой статье.
Лев
Львам не перепутье следует молиться иконе Николая Угодника и Ильи Пророка, именно они смогут помочь львам в сложных ситуациях.
Неопалимая Купина, Страстная иконы помогут девам вылечить страшные недуги и решить другие проблемы.
Весам следует молиться иконе Неопалимой Купины и Почаевской Божьей Матери.
Скорпион
Люди с этим знаком зодиака обращают мольбы иконе Скоропослушницы и Иерусалимской Божьей Матери.
Стрельцы обязательно должны иметь в доме иконки Тихвинской Божьей Матери и Николая Угодника.
Козерог
Козерог в трудные моменты будет покровительствовать «Державная» икона, которой надо молиться утром и вечером.
Водолей
Неопалимая Купина и Владимирская Божья Матерь защитят всех людей, которые родились под знаком Водолей.
Иверская Божья Матерь помоет рыбам в любой жизненной ситуации. Просить о помощи и защиты следует именно у этой иконы. Полезно почитать о том, .
Иконы всех святых, их значение и фото можно найти в этой статье, помогают преодолеть сложные ситуации и могут стать настоящими защитниками в борьбе с неудачами, болезнями и прочими напастями. Согласно религии, каждый человек, с момента своего рождения имеет ангела-хранителя, которого ему дает Бог. Молитвы иконам всех святых помогают не только решить сложные задачи, но и способствует обретению душевного равновесия, смирения и успокоения.
Православные иконы
Икона – явление совершенно уникальное в средневековой культуре. В храмах их - сотни, попробуй сориентируйся, какая нужна. Вот тут и возникают вопросы: каким иконам молиться? Кому молиться? Какому святому? Попробуем разобраться - какая икона для чего.
КАЗАНСКАЯ БОГОРОДИЦА - самая почитаемая икон на Руси, на протяжении нескольких веков почитается как Покровительница и Заступница земли русской и народа русского. Все главные события в жизни проходят именно с ней, начиная с крещения. Икона даёт благословление на брак, также она помощница в работе. Ею благословляют молодых, вступающих в брак, у иконы просят о семейном благополучии и счастье, кроме этого икону вешают у детских кроваток. Икона, которая останавливает огонь и помогает тем, у кого проблемы со зрением. Образ Казанской иконы Божьей Матери помогает в различных бедах, напастях, болезнях
ВЛАДИМИРСКАЯ БОЖИЯ МАТЕРЬ - одна из наиболее чтимых, поскольку ею короновали царей и избирали первосвятителей. Перед ней молятся о смягчении злых сердец, исцелении немощи, смирении враждующих, исцелении бесноватых. Она особо охраняет матерей и их детей, беременным дарует легкие роды и здоровых малышей, избавляет от бесплодия и от заболеваний детородных органов. Образ матери заступницы во всех бедах и печалях.
Икона Пресвятой Богородицы ОТЧАЯННЫХ ЕДИНАЯ НАДЕЖДА -Несмотря на то, что икона эта малоизвестна, кем-то из верующих (а это не запрещено церковью) ей составлен акафист. Молятся перед иконой в различных скорбях и когда человек находится в унынии. Те, у кого ослабла вера, просят Богородицу вернуть былое расположение духа и ниспослать духовную бодрость. Иконе молятся об избавлении от врагов, о вразумлении ссорящихся (особенно соседей), об искоренении зависти. Она – помощница в лечении болезней современности – алкоголизма, курения, игровой и компьютерной зависимости..
БОГОРОДИЦА ПОЧАЕВСКАЯ - Почаевская икона Божией Матери принадлежит к числу наиболее чтимых святынь Русской Церкви. При обращении к Богородице «Почаевская» молятся об охранении от междоусобной вражды, от вражеского нашествия, об исцелении от слепоты как телесной, так и духовной, об освобождении из плена, молятся о даровании здоровья и чудес помощи в нуждах.
 Скоропослушница |  Иверская | 
|  Взыскание погибших |
СКОРОПОСЛУШНИЦА
- молятся, когда нужна быстрая и неотложная помощь, об исцелении душевных и телесных недугов, в том числе от паралича, слепоты, раковых заболеваний, а также просят о рождении здоровых детей и об освобождении пленных.
ИВЕРСКАЯ БОЖИЯ МАТЕРЬ - Хранительница домашнего очага. Она считается покровительницей всех женщин, их помощницей и заступницей перед Господом. Икона, при помощи которой снимают «венец безбрачия» как с мужчин, так и с женщин. Перед иконой также молятся об исцелении недугов телесных и душевных, об утешении в болезни.
НЕУВЯДАЮЩИЙ ЦВЕТ -При обращении к иконе Богородицы «Неувядаемый цвет» молятся о сохранении праведной жизни, разрешении семейных неурядиц. Молитвы к этой иконе помогают не ошибиться в выборе супругов. Цветок в руках Богородицы утверждает непорочность Матери Божьей и символизирует неувядаемость девства.
Икона Богородицы ВЗЫСКАНИЕ ПОГИБШИХ - обращаются с просьбами тяжело больные и их родственники. Она помогает избавиться от пороков, от алкогольной зависимости. К этим иконам идут раскаявшиеся грешники, отвернувшиеся от Бога. Женщины просят о счастливом браке и здоровье детей, помогает при болезнях глаз, лихорадке, головной боли. Обращаться к Пресвятой Матери можно простыми искренними словами, которые идут от души.
Икона Богородицы УТОЛИ МОИ ПЕЧАЛИ - молятся об избавлении от различных болезней как телесных, так и душевных..
Икона Пресвятой Богородицы МИЛУЮЩАЯ - или “Достойно есть”, молятся при душевных и телесных болезнях, при окончании всякого дела, при эпидемиях, о счастье в браке, при несчастных случаях..
ФЕОДОРОВСКАЯ икона Божьей Матери - издавна почитается верующими не только как чудотворная, но и как особенно покровительствующая семейному благополучию, рождению и воспитанию детей, помогающая в трудных родах. Предание связывает её с призванием в 1613 году на царство основателя династии царя Михаила Фёдоровича. Хранится в Богоявленском соборе города Костромы.
ИЕРУСАЛИМСКАЯ икона Божией Матери - молятся в скорби, печали и унынии, об исцелении от слепоты, болезней глаз и паралича, при эпидемии холеры, об избавлении от падежа скота, от пожара, при расслаблении, а также при нападении врагов..
ТИХВИНСКАЯ - Икона считается детской, ещё её называют «путеводительницей». Она помогает детям в болезнях, успокаивает беспокойных и непослушных, помогает им в выборе друзей, ограждает от дурного влияния улицы. Считается, что она укрепляет связь между родителями и детьми, то есть дети не бросают родителей в старости. Женщинам помогает при родах и в период беременности..
Богородица ПОЧАЕВСКАЯ - молятся об охранении от междоусобной вражды, от вражеского нашествия, об исцелении от слепоты как телесной, так и духовной, об освобождении из плена., молятся о даровании здоровья и чудес помощи в нуждах.
КОЗЕЛЬШАНСКАЯ икона Божией Матери - молятся об исцелении ортопедических заболеваний, особенно помогает девушкам, прибегавшим к ней с мольбой устроить семейное счастье.
ТРОЕРУЧНИЦА - перед чудотворным образом Божьей Матери молятся об исцелении от болей рук и ног или их увечий, от избавления от пожара, а также от болезни, скорби и печали. .
Умягчение злых сердец
Умиление
Икона Божией Матери ПРИЗРИ НА СМИРЕНИЕ - молятся Пресвятой Богородице о даровании смирения и покаяния как за себя, так и за грешников, не желающих раскаиваться, об облегчении загробной участи почивших, об ограждении от ложных и лукавых учений. Молитвы перед иконой помогают и в решении жилищных вопросов.
Икона Божией Матери БЛАГОДАТНОЕ НЕБО - помогает женщинам выйти замуж, обрести счастье в супружестве и материнстве. Иконе молятся об избавлении от пьянства и других зависимостей. Если у Вас есть заветное желание, молитесь перед иконой «Благодатное Небо», и оно исполнится. Считается, что икона оказывает покровительство воинам-десантникам (ВДВ) и помогает им в службе..
Икона Божьей Матери УМЯГЧЕНИЕ ЗЛЫХ СЕРДЕЦ - перед иконой просят о семейном перемирии или о том, чтобы не было вражды между соседями, а также о мире между целыми государствами. В нашей культуре образ Матери Божьей, у которой грудь пронзена стрелами, является одним из наиболее эмоциональных и выразительных в иконописи. Он дает возможность почувствовать милосердие и сострадание, Перед ней молятся об умягчении сердец тех, кто идет к вам со злыми помыслами.
БОГОРОДИЦА УМИЛЕНИЕ - икона является заступленицей как в общенародных бедствиях, так и в жизни простых людей. Матери молятся о благополучном замужестве дочерей, о счастье и достатке.
 Смоленская |  Барская |  Жировицкая |  Ласковая мать |
Икона Пресвятой Богородицы СМОЛЕНСКАЯ - именуемая «Одигитрия-Смоленская» известна на Руси с древнейших времен. «Одигитрия», в переводе с греческого языка значит «Путеводительница». Икона для всех православных христиан является путеводительницей к вечному спасению, Смоленская Богородица помогает всем обращающимся к ней с молитвами об исцелении от неизлечимых болезней, в поисках семейного мира и в других сложных и неразрешимых ситуациях, как первая заступница за нас перед Богом.
БАРСКАЯ икона Божией Матери - молятся о хороших отношениях в семье, за детей и здоровье, она являет чудеса исцеления и милости Божией ко всем страждущим, прибегающим к ней в своих скорбях и молитвах.
Икона Пресвятой Богородицы ЖИРОВИЦКАЯ - молятся при гонениях на Православие, при сомнениях, об избавлении от пожаров, при всякой немощи телесной, так же молятся об устройстве девичьей судьбы, о счастливом браке.
Икона Пресвятой Богородицы ЛАСКОВАЯ МАТЬ - молятся о детях, чтобы дети были поддержкой в жизни.
|  Трех радостей |  Святая троица |  СЕМИСТРЕЛЬНАЯ |
НЕЧАЯННАЯ РАДОСТЬ
- молятся об обращении заблудших, о здравии и благополучии детей, об исцелении глухоты и болезней ушей, о сохранении брака в любви и согласии, молятся о даровании духовного прозрения.
Икона божией матери ТРЕХ РАДОСТЕЙ
- Молятся о возвращении утраченного, о спасении от неприятелей, об освобождении из заточения, об исцелении и о благополучном разрешении любого дела. Приходящие к образу люди заметили, что после усердной молитвы радость приходит к ним в дом в троекратном размере, за что икона и получила свое современное название.
СВЯТАЯ ТРОИЦА
- Символ «Троицы» это Бог-Отец, Бог-сын, Бог-Дух Святой, или мудрость, разум, любовь. Одна из трёх главных икон, которые должны быть в каждом доме. Перед иконой молятся о прощении грехов. Она считается исповедальной.
СЕМИСТРЕЛЬНАЯ
- Это сильнейшая икона в защите дома и любого помещения, а также того человека, на ком она находится, от злых, завистливых людей, от сглаза, порчи и проклятий. Примиряет враждующих, приносит мир, лад, её также берут на важные дела. Дома она должна находится напротив входной двери, чтобы видеть глаза входящего.
 Целительница. |  Неупиваемая чаша | 
|  Богородица Покрова |
ЦЕЛИТЕЛЬНИЦА - молятся об исцелении души и тела, она оберегает от различных напастей, бед, скорби, вечного осуждения, заботится об освобождении из заключения. Помощница в родах.
НЕУПИВАЕМАЯ ЧАША - молятся за всех грешников, икона призывает к неистощимому источнику духовной радости и утешения, возвещает, что неупиваемая чаша небесной помощи и милосердия уготована просящим с верой. Она для достатка в доме, а также помогает исцелить от пагубных привычек, пьянства, наркомании, азартных игр.
НЕРУШИМАЯ СТЕНА - Перед иконой по каждой потребе: болящим – исцеление, скорбящим – утешение, заблудшим – вразумление, охрани младенцев, воспитай и научи юных, ободри и наставь мужей и жён, поддержи и согрей старых, избавь от всяких напастей. На продолжении более десяти веков эта чудотворная икона осталась неповреждённой. Вероятно, поэтому так названа
БОГОРОДИЦА ПОКРОВА - молятся об избавлении от бед, о защите страны от врагов..
БЛАЖЕННАЯ МАТРОНА - Очень сильная святая современности. К ней обращаются по любому тяжёлому вопросу. Она наша самая «скорая помощница» и заступница, молительница за нас перед Господом. Мощи находится в женском Покровском монастыре на Таганке, куда каждый день приходит бессчётное количество людей и обращаются к ней за помощью.
НИКОЛАЙ УГОДНИК ЧУДОТВОРЕЦ - Это самый почитаемый в мире святой. Он защищает от нищеты и нужды: когда его икона находится в доме, он следит за тем, чтобы в доме был достаток, уберегает от нужды в чём – либо, покровительствует женщинам, детям, нищим, невинно осужденным и животным. Кроме того, он является покровителем всех путешественников, водителей, моряков, лётчиков и просто людей, находящихся в дороге
СВЯТОЙ ВЕЛИКОМУЧЕННИК ПАНТЕЛЕЙМОН - молятся об исцеление от тяжёлых недугов, является покровитель воинов, так как воины, чаще других получающие раны, и больше всех нуждаются во враче-целителе.
СЕРГИЙ РАДОНЕЖСКИЙ - Основатель Сергиево – Троицкой Лавры в 14 веке. Является покровителем всех учеников. Икону берут с собой при сдаче экзаменов и зачётов. Очень хорошо, чтобы икона всегда была в кармане сумочки или портфеле каждый день, когда ребёнок идет на учебу.
АНГЕЛ – ХРАНИТЕЛЬ - молятся: о помощи при головных болях; о своем покровительстве, от бессонницы, в скорби, о счастии в браке, о прогнании лукавых духов, об избавлении от вреда со стороны волшебников и чародеев. О заступничестве вдов и сирот, в отчаянии, об избавлении от скоропостижной или внезапной смерти, об изгнании бесов. Идущие спать молятся ему об избавлении от блудных сновидений. Задача ангела-хранителя - способствовать спасению подопечного, заступаются за них в течение земной их жизни, молят о них Бога, не оставляют их, наконец, после смерти и отводят души окончивших земную жизнь в вечность.
СПАС ВСЕДЕРЖИТЕЛЬ - часто просто «Спаситель» или «Спас» – это центральный образ в иконографии Христа, представляющий Его как Небесного Царя. «Аз есмь Альфа и Омега, начало и конец, – говорит Господь, – Который есть и был и грядет, Вседержитель». Главный Врач душ и тел, который ведает обо всем, и к кому в первую очередь должно быть направлено наше молитвенное обращение. По правилам эта икона ставится во главе иконостаса..
СПАС НЕРУКОТВОРНЫЙ - молятся о наставлении на путь истинный, о спасении души, избавлении от дурных мыслей и исцелении. По церковному преданию, первой иконой был образ Спасителя - Спас Нерукотворный.
Икона – не портрет и не жанровая картина, а прообраз идеального человечества. Поэтому икона дает лишь символическое его изображение. Физическое движение на иконе сведено до минимума или вовсе отсутствует. Зато особыми средствами передается движение духа – позой фигуры, рук, складками одежды, цветом и главное – глазами. Там сосредоточена вся сила нравственного подвига, вся сила духа и его власть над телом.
Одежда на иконах – не средство для прикрытия телесной наготы, одежда – символ. Она – ткань из подвигов святого. Одна из важных деталей – складки. Характер расположения складок на одеждах святых свидетельствует о времени написания иконы. В VIII – XIV веках складки рисовались частые и мелкие. Они говорят о сильных духовных переживаниях, об отсутствии духовного спокойствия. В XV – XVI веках складки рисуют прямыми, длинными, редкими. Через них как бы пробивается вся упругость духовной энергии. Они передают полноту упорядоченных духовных сил.
Вокруг головы Спасителя, Божией Матери и святых угодников Божиих на иконах изображают сияние в форме круга, которое называется нимб. Нимб – это изображение сияния света и Божественной славы, которая преображает и человека, соединившегося с Богом.
На иконах отсутствуют тени . Это тоже обусловлено особенностями миропонимания и задачами, которые стояли перед иконописцем. Мир горний – это царство духа, света, оно бесплотно, там нет теней. Икона являет вещи, творимые и производимые Светом, а не освещенные светом.
Символика жестов
РУКА
, прижатая к груди – сердечное сопереживание.
РУКА
, поднятая вверх – призыв к покаянию.
РУКА
, протянутая вперед с раскрытой ладонью – знак повиновения и покорности.
ДВЕ РУКИ
, поднятые вверх – моление о мире.
РУКИ
, поднятые вперед – моление о помощи, жест просьбы.
РУКИ
, прижаты к щекам – знак печали, скорби. 
Когда заказчик приходит к дизайнеру с заданием нарисовать иконку, его волнует два вопроса: стоимость работы и сроки исполнения. Дизайнеру же для ответа нужно четко понимать, что конкретно хочет заказчик. Хорошо, если знаешь, как выглядит иконка-мечта. Но что делать, если не понимаешь, чего хочешь? Ответ прост - смотрите на работы других и прислушивайтесь к себе. Мы собрали девять сайтов, которые помогут вам в этом.
Прежде чем писать дизайнеру иконок
Для того, чтобы разговор с дизайнером о цене и сроках изготовления иконки был легким и продуктивным, сделайте пять действий:
- Шаг #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» или подобному. Возможно, с таким форматом подачи материала вам будет удобно работать.
Иконки экономят место и выглядят свежо. Иконки - это быстрый ответ на сложные вопросы:
- Как сделать красивее?
- Как нам это забрендировать?
- Как сделать веселее?
Мы любим иконки. Пока не начинаем в них путаться.
Иконки бывают разные: на продуктах, в архитектуре, в компьютерах, в списках, на кнопках, для веба и приложений, для iOS и Android. Иконки на панелях инструментов, подписанные и неподписанные, стилизованные и стандартизованные, цветные и монохромные, в иконочных шрифтах, файлах PNG или SVG…
Есть много бесплатных и платных наборов иконок, векторных и растровых, плоских и объёмных, и если записывать правила работы с ними, потребуется тетрадка потолще. Чёртовых иконок так много, что Дьявол легко убедит вас в том, что они вытянут даже плохой дизайн.
Но будьте осторожны. Если «иконка» станет вашим ответом на любой вопрос, однажды Дон Норман постучится в вашу дверь, а когда откроете, пристально посмотрит вам в глаза и скажет:
«Непонятные иконки замусоривают интерфейс, хотя научное сообщество давно показало: люди запоминают значения лишь небольшого числа иконок. Вы можете вспомнить значение всех этих иконок? Я - нет».
Этими словами Дон Норман поучал своего бывшего работодателя - Apple. Примеры иконотоксиоза Apple встречаются в iTunes, Mail и панели управления iOS.
В твиттере айтюнсовыми иконками пугают как Бабой Ягой. Вот отличный пример из Apple Mail для OS X: сколько из этих иконок вы опознаете без подписи?
Что мы видим на этом примере? Только то, что иконки экономят место и выглядят свежо. Назначение кнопок не вызывает вопросов только у дизайнера, разместившего иконки на этой панели. За иконкой может скрываться тысяча разных слов, и это главная проблема. Когда у слова - тысяча значений, только хорошее понимание контекста позволит избежать разночтений. Вот те же иконки, но с подписями:
Подписи объясняют иконки. С ними интерфейс становится удобнее. Из-за этого некоторые бессердечные люди утверждают, что «лучшая иконка - это текст». Логично, правильные подписи спасают от путаницы. Так почему бы нам не использовать только подписи без иконок?
Функционально «чисто текстовый» дизайн ясен как день (если информационные архитекторы справились со своей задачей), но что-то ломается, когда вы убираете изображения из интерфейса. Жизнь покидает его. Он перестаёт быть свежим и весёлым. Это не волнует дизайн-позитивиста. Но волнует остальных людей. Мы проверили эту гипотезу, удалив иконки из iA Writer. Реакцией пользователей было решительное «Не надо!»
Может быть, лучше не выбирать между текстом и иконкой, а понять, когда использовать только иконки, когда только текст, а когда иконки с подписями. Давайте разберёмся…
Только иконки
Иконки - это картинки. На картинках легко показать обычные предметы. Подпись не нужна иконкам, на которых изображены легко узнаваемые объекты, представляющие знакомые понятия. Например, самолёты для аэропортов, человеческие фигуры для туалетов, корзины для мест, где лежат документы, которые мы скоро выбросим.
Материальные объекты изобразить легко, а необходимость показать на иконке действие или абстрактное понятие заставила помучиться многих дизайнеров. Проблема в том, что при взаимодействии человека с компьютером большинство иконок - это действия и абстракции.
Показать действие реально. Анимированная иконка отвлекает, лучше использовать метафору действия. В контексте рабочего стола компьютера иконка принтера значит «Печатать», мусорная корзина - «Удалить», ножницы - «Вырезать». У каждого из этих объектов есть одно конкретное назначение, поэтому целевое действие понять легко.
Со сложными действиями и абстракциями так уже не выйдет. И нет надежды на то, что в ближайшее время что-то изменится. За 40 лет взаимодействия человека с компьютером мы не нашли универсальных символов для базовых функций вроде сохранения, копирования и вставки.
«Общая проблема пиктографических систем в том, что единственное их ограничение - количество предметов из окружающего мира, которые можно показать на изображении».
Голые иконки на функциональных элементах интерфейса ухудшают юзабилити. Лучший способ сообщить о функции - слово, а не картинка. Ещё лучше, если это глагол.
«Когда дело доходит до всегда несовершенного обмена мыслями между людьми, лучшее, что у нас, людей, для этого есть - это речь. Письменная речь придаёт мыслям долговечность и точность (мы редко исправляемся в устрой речи, а это предложение я исправил несколько раз)».
Визуально графические символы проще и привлекательнее плотных слов. Но чем ближе, тем больше сирены становятся похожи на монстров. Когда вы пытаетесь их прочесть и понять, они превращаются в загадочные знаки из незнакомого вам языка, хватают взаимодействие и откусывают ему голову. Голые иконки улучшают внешний вид интерфейса, снижая его понятность. Они затеняют понятные функции, маскируя их слоем тёмных символов.
«Иконка - это символ, одинаково непонятный на любом языке. Не важно, какие языки вы знаете, значению иконки вам придётся научиться. Люди не просто так придумали фонетические языки, где можно объединить несколько символов, чтобы создать любое слово. Многие дизайнеры уверяли меня использовать иконки в интерфейсе. Я спрашивал их, «это действительно лучший интерфейс, который можно придумать, или он сделан по привычке?» Дизайнеров просто застряли в этой парадигме и не замечают её упадка».
Иконки модно выглядят и круто решают проблемы с нехваткой места. Конечно, не одна Apple виновна в злоупотреблении голыми иконками. Материальный дизайн Google отравлен фирменными символами. Вот для сравнения Gmail:
Что мы здесь видим? Иконки Gmail выглядят просто, но они заставляют задуматься о назначении кнопок. Если вы сосредоточитесь и немного сконцентрируетесь, сможете угадать. Через некоторое время вам будет помогать мышечная память, но и краткосрочная и долгосрочная память будет принимать их с таким же трудом. В почтовом приложении концентрацию и сосредоточенность следует направлять на понимание и написание текста, а не на расшифровку интерфейса.
Стоп! А разве Google не измеряет всё на свете? Они наверняка знают, что делают, так? Там работают учёные. Они выбрали подход с иконками без подписей, и они никогда не ошибаются. Значит, иконки - это правильно! Возможно, но то, что подходит Google или Facebook, может не подойти нам. Как будет сказано ниже, Google могли найти причину вне естественных наук. Как бы то ни было, Google предлагает и вариант с голым текстом.
Только текст
Изображения можно интерпретировать по-разному. В зависимости от контекста даже вездесущее увеличительное стекло читается и как «поиск», и как «увеличение». Значение слова тоже зависит от контекста, но читается оно всегда одинаково. Что если иконки заменить на текст? Логично, что такой интерфейс будет работать лучше иконочного. В настройках Gmail можно заменить иконочную панель на текстовую версию:
Что произошло? Смысл кнопок теперь понятен. Но интерфейс стал менее человечным, менее весёлым. Он напоминает рабочий инструмент, стал холоднее, и, на удивление, кажется более сложным. Как это возможно? Текстовый интерфейс объективно удобнее, но из-за эстетических нюансов он таким не воспринимаются.
Текст - это рациональный выбор. Правильно структурированные и названные функции - основа взаимодействия человека с компьютером.
Иконки - это эмоциональный выбор. Правильные иконки добавляют позитива. Эмоциональное воздействие не измерить, но оно не становится от этого менее реальным.
«Недостаточно создавать продукты, которые работают, которые понятны и просты в использовании. Надо создавать продукты, которые привносят восторг и возбуждение, радость и веселье, и конечно, красоту в человеческие жизни», - Дон Норман в книге «Дизайн привычных вещей».
Люди - и рациональные и эмоциональные создания: «Мозг не обрабатывает информацию, извлекает знания и сохраняет воспоминания. Если кратко: мозг - не компьютер». Если что-то по теме удобства иконок и доказано, так это то, что «Иконки с подписями работают лучше, чем чисто иконка или чисто текст».
Иконка с подписью
Иконка с подписью и эмоциональна и понятна. Иконки с подписями работают всегда. Если иконка непонятна, подпись объяснит. Так почему бы не использовать эту пару победителей?
Проблема в том, что это компромисс. Он снижает эмоциональный посыл иконок и простоту чистого текста. Он не экономит место и не украшает внешний вид. Он занимает больше места по вертикали и создаёт больше визуального шума, чем чисто иконки или чисто текст.
Эмоционально мы предпочитаем иконки. Рационально нам лучше заменить иконки на текст. В теории иконка с подписью - беспроигрышный вариант. На практике в дизайне нет серебряных пуль.
Беспроигрышных вариантов нет, но есть компромиссы получше и похуже. Мы работаем для людей. Люди чувствуют и думают. Хотя лучше не углубляться в релятивизм.
Теория и практика
Подобно любой технологии это помогает выстраивать интерфейсы на вершине рациональной, функциональной структуры. Дизайн - не естественная наука. Это практика, извлекающая выгоду из науки и измерений, но качество дизайна нельзя оценить только объективными измерениями. Пользовательское тестирование и аналитика не заменяют дизайнеров, но проверяют дизайнерские предположения. В продукте больше того, что может продумать дизайнер, а в дизайне больше того, что мы можем измерить. Это «больше» можно охватить только разговаривая с людьми, которые используют продукт.
Взаимодействие человека с компьютером строится на рациональном фундаменте. Мы - живые существа, наше поведение нельзя просчитать, но с нами можно поговорить. Иконки, цвета, ритм, воздух, типографика и другие красивые вещи делают интерфейс приятнее и за счёт этого улучшают взаимодействие. Он выглядит не таким рациональным. Он выглядит человечным.
Простые правила
Не спешите добавлять иконки, если с дизайном что-то не так, если вам кажется, что он работает не так, как запланировано. Иконки не исправят плохую структуру сайта. Добавляйте их в самом конце. Не играйте с иконками во время работы над вайрфреймом. За одной картинкой может скрываться тысяча слов. Хорошая информационная архитектура помещает правильные слова в правильный контекст. Проработайте рациональную часть до перехода к эмоциональной.
Иконка обозначает некий раздел или функцию. Она представляет собой некое слово, которое доносит простой и понятный смысл. Смысл сообщения зависит от контекста. Даже самая прекрасная иконка будет бесполезна, если слово подобрано непонятное или не соответствующее контексту. Прежде чем выбрать иконку, спросите себя: Какое слово она будет обозначать? Это правильное слово? Понятное? Оно будет работать в этом контексте? Иконка может скрывать много разных понятий. Слова в контексте не так пластичны. В отличие от иконок они подчинаются многим правилам.
Когда ваша структура готова и пора вступать в игру иконкам, радости и прочему, следуйте простому правилу: добавьте необходимый минимум иконок, но не меньше.
Относитесь к иконками с максимальным вниманием. Их улучшение может занять всё ваше время. Они должны быть узнаваемы сами по себе, должны чётко иллюстрировать понятие, которое представляют, и они должны работать в контексте с другими иконками и понятиями.
Иконки - это прилагательные и наречия в обычном тексте. Их удаление не превратит ваш текст в литературный шедевр. Удаляйте лишнее, ищите подходящее, заменяйте расплывчатые и вычурные формулировки на точные и лаконичные.
Эссе написано специалистами компании iA.