Все что вы хотели знать о том, что такое иконки и как их сделать. Православные иконы, и их значение
- Перевод
От переводчика.
Это перевод статьи Филипа Бернарда с сайта 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.
12.02.2008, «Денис Кортунов, TurboMilk.ru»Критиковать чужую работу всегда намного проще, чем создать что-то клевое самому. Но если подойти к критике системно, сделать нумерованный список, подготовить иллюстрации, то это будет уже целый анализ! На мой взгляд, в дизайне иконок сейчас переходный период. Разрешение экранов становится все больше, а следовательно и иконки увеличиваются. Но все еще актуальны иконки размером 16×16 и даже меньше. Итак, вот главные ошибки в дизайне иконок…
#1 Недостаточная различимость иконок
Иногда в рамках одного набора встречаются слишком похожие друг на друга иконки и очень трудно понять, «что есть что». Если не читать подписи, то можно очень легко ошибиться и перепутать значки.
Иконки из раздела Utilities в Mac OS X. Я постоянно путаю их и запускаю не то приложение.
Проблема усугубляется, если включен мелкий размер отображения значков.
#2 Слишком много элементов в одной иконке
Чем иконка проще и лаконичнее, тем лучше. Очень желательно, чтобы количество объектов в одной иконке было бы минимальным.
Но дизайнеры компании Microsoft, вдохновленные новым форматом иконок в операционной системе Windows Vista, решили не мелочиться и нарисовали «на все деньги»:
Каждая иконка являет нам мини-историю с закрученным сюжетом. Проблема только в том, что в мелких размерах совершенно нельзя понять что нарисовано. Да и в крупном размере воспринять иконку не просто.
#3 Лишние элементы
Иконка должна легко «читаться». Чем меньше на ней элементов, тем лучше. Желательно, чтобы значимым было все изображение, а не только его часть. Поэтому необходимо обращать внимание на контекст, в котором будут использоваться иконки.
Возьмем для примера набор иконок для работы с базой данных:
На первый взгляд все вполне прилично.
Но если в приложении (или в отдельном тулбаре) все действия происходят только с базой данных, то мы можем (и должны) убрать незначимую часть:
Смысл не потерян, но значки стали более различимыми.
Вот реальный пример использования лишних элементов в иконках BeOS 5:
Галочки тут совершенно не нужны. Кстати, почему они красные?
#4 Нет стилевого единства набора
Именно общий стиль объединяет несколько иконок в набор. Объединяющими факторами могут быть: цветовая гамма, перспектива, размер, техника рисования или же комбинация этих свойств. Дизайнер может держать эти правила в голове, если иконок в наборе немного. Если же иконок много и над ними работают разные дизайнеры (например, иконки для операционной системы), создаются специальные инструкции. В этих инструкциях подробно описывают, как нарисовать иконку, чтобы она гармонично вписалась в набор.
Буйство стилей в файле shell32.dll из Windows XP. Именно этот набор иконок предлагается по умолчанию пользователю, который хочет сменить иконку.
#5 Ненужная перспектива и тени в мелких иконках
Прогресс не стоит на месте: в интерфейсах появилась возможность использовать полупрозрачность, пропали ограничения на количество цветов, плюс появилась мода на трехмерность. Но пошло ли это не пользу? Не всегда! Особенно, если речь идет о иконках размером 16×16 и меньше.
Для примера возьмем менеджер приложений из GNOME 2.2.0 (RedHat 9):
Перcпектива в иконках такого маленького размера совершенно не нужна и даже вредна.
А вот менеджер приложений из Windows XP:
По стандарту иконке в Windows XP положена двухпиксельная черная тень. Но в размере 16×16 тень получается слишком большой и выглядит «грязно». Особенно неудачно выглядит иконка Address book.
#6 Слишком оригинальные метафоры
Выбор того, что будет изображено на иконке — всегда компромис между узнаваемостью и оригинальностью. Перед тем, как придумать метафору для иконки, очень желательно посмотреть, как это сделано в других продуктах. Возможно, лучшим решением будет не придумывать что-то оригинальное, а сделать как везде.
Примером такой излишней оригинальности может служить иконка корзины в OS/2 Warp 4, которая не корзина вовсе, а шредер.
Еще одной проблемой этого шредера является то, что нет общеузнаваемого «обычного» уничтожителя бумаг. Использованное изображение слишком похоже на принтер с осьминогом внутри. Плюс, совершенно непонятно, как рисовать полную корзину.
#7 Нет учета национальных и социальных особенностей
Необходимо всегда учитывать, кто и в каких условиях будет пользоваться вашей иконкой. Важным аспектом являются национальные особенности. Культурные традиции, окружающие объекты, жесты — всё это может очень сильно отличаться в другой стране.
Предположим, нам нужно нарисовать иконку приложения для работы с электронной почтой. Логично использовать метафоры реальной бумажной почты. Например, почтовый ящик.
Изображения позаимствованы из статьи про почтовые ящики в Wikipedia.
Ответ можно найти в руководстве по созданию иконок для Mac OS X: Используйте универсальные и легко узнаваемые изображения. Не фокусируйтесь на второстепенных аспектах элементов. Пример: для иконки электронной почты предпочтительнее будет использовать изображение почтовой марки, чем трудноузнаваемого почтового ящика.
Идея с маркой отличная, но изображение орла — крайне спорный момент. Хороших вестей такая птичка не принесет.
Однако, нужно учитывать не только национальные особенности. Позволю себе вспомнить один курьезный случай. Была нужна иконка фильтра данных, метафорой для которого зачастую является воронка, её и нарисовали:
Ответ клиента был таков: «Мне не совсем понятно, почему вы нарисовали иконку фильтра в виде бокала для мартини!».
#8 Изображения реальных элементов интерфейса в иконках
Руководство по созданию иконок для Mac OS X предостерегает нас: Не используйте в иконках элементы реального интерфейса. Но все напрасно! Например, можно увидеть вот такую иконку:
Хочешь переключить radiobutton, а нажимается вся иконка!
Или вот интересный пример из интерфейса браузера OmniWeb:
Обратите внимание на кнопки «Previous» и «Next». Редкий вид кнопок с подписями снизу! Ой! А они и не кнопки вовсе, а иконки!
#9 Текст внутри иконок
Эта ошибка чаще всего бывает в иконках приложений. Действительно, первое что приходит в голову — сделать иконку приложения из логотипа приложения. Чем же плох текст внутри иконки? Во-первых, он жестко привязан к языку и локализация затруднена. Во-вторых, если иконка мелкая, текст невозможно прочитать. В-третьих, в случае иконки приложения этот текст продублирован в виде названия приложения.
#10 Мимо пикселей
Как правило, эта проблема появляется, если рисовать иконки в векторном редакторе. В большом размере все выглядит красиво и четко. Но в реальности иконки мелкие и при растеризации анти-алиасинг «размывает» границы объектов.
Only registered users can write comments to the articles.If you are registered, you need to
Православные иконы
Икона – явление совершенно уникальное в средневековой культуре. В храмах их - сотни, попробуй сориентируйся, какая нужна. Вот тут и возникают вопросы: каким иконам молиться? Кому молиться? Какому святому? Попробуем разобраться - какая икона для чего.
КАЗАНСКАЯ БОГОРОДИЦА - самая почитаемая икон на Руси, на протяжении нескольких веков почитается как Покровительница и Заступница земли русской и народа русского. Все главные события в жизни проходят именно с ней, начиная с крещения. Икона даёт благословление на брак, также она помощница в работе. Ею благословляют молодых, вступающих в брак, у иконы просят о семейном благополучии и счастье, кроме этого икону вешают у детских кроваток. Икона, которая останавливает огонь и помогает тем, у кого проблемы со зрением. Образ Казанской иконы Божьей Матери помогает в различных бедах, напастях, болезнях
ВЛАДИМИРСКАЯ БОЖИЯ МАТЕРЬ - одна из наиболее чтимых, поскольку ею короновали царей и избирали первосвятителей. Перед ней молятся о смягчении злых сердец, исцелении немощи, смирении враждующих, исцелении бесноватых. Она особо охраняет матерей и их детей, беременным дарует легкие роды и здоровых малышей, избавляет от бесплодия и от заболеваний детородных органов. Образ матери заступницы во всех бедах и печалях.
Икона Пресвятой Богородицы ОТЧАЯННЫХ ЕДИНАЯ НАДЕЖДА -Несмотря на то, что икона эта малоизвестна, кем-то из верующих (а это не запрещено церковью) ей составлен акафист. Молятся перед иконой в различных скорбях и когда человек находится в унынии. Те, у кого ослабла вера, просят Богородицу вернуть былое расположение духа и ниспослать духовную бодрость. Иконе молятся об избавлении от врагов, о вразумлении ссорящихся (особенно соседей), об искоренении зависти. Она – помощница в лечении болезней современности – алкоголизма, курения, игровой и компьютерной зависимости..
БОГОРОДИЦА ПОЧАЕВСКАЯ - Почаевская икона Божией Матери принадлежит к числу наиболее чтимых святынь Русской Церкви. При обращении к Богородице «Почаевская» молятся об охранении от междоусобной вражды, от вражеского нашествия, об исцелении от слепоты как телесной, так и духовной, об освобождении из плена, молятся о даровании здоровья и чудес помощи в нуждах.
Скоропослушница | Иверская | Неувядаемый цвет | Взыскание погибших |
СКОРОПОСЛУШНИЦА
- молятся, когда нужна быстрая и неотложная помощь, об исцелении душевных и телесных недугов, в том числе от паралича, слепоты, раковых заболеваний, а также просят о рождении здоровых детей и об освобождении пленных.
ИВЕРСКАЯ БОЖИЯ МАТЕРЬ - Хранительница домашнего очага. Она считается покровительницей всех женщин, их помощницей и заступницей перед Господом. Икона, при помощи которой снимают «венец безбрачия» как с мужчин, так и с женщин. Перед иконой также молятся об исцелении недугов телесных и душевных, об утешении в болезни.
НЕУВЯДАЮЩИЙ ЦВЕТ -При обращении к иконе Богородицы «Неувядаемый цвет» молятся о сохранении праведной жизни, разрешении семейных неурядиц. Молитвы к этой иконе помогают не ошибиться в выборе супругов. Цветок в руках Богородицы утверждает непорочность Матери Божьей и символизирует неувядаемость девства.
Икона Богородицы ВЗЫСКАНИЕ ПОГИБШИХ - обращаются с просьбами тяжело больные и их родственники. Она помогает избавиться от пороков, от алкогольной зависимости. К этим иконам идут раскаявшиеся грешники, отвернувшиеся от Бога. Женщины просят о счастливом браке и здоровье детей, помогает при болезнях глаз, лихорадке, головной боли. Обращаться к Пресвятой Матери можно простыми искренними словами, которые идут от души.
Икона Богородицы УТОЛИ МОИ ПЕЧАЛИ - молятся об избавлении от различных болезней как телесных, так и душевных..
Икона Пресвятой Богородицы МИЛУЮЩАЯ - или “Достойно есть”, молятся при душевных и телесных болезнях, при окончании всякого дела, при эпидемиях, о счастье в браке, при несчастных случаях..
ФЕОДОРОВСКАЯ икона Божьей Матери - издавна почитается верующими не только как чудотворная, но и как особенно покровительствующая семейному благополучию, рождению и воспитанию детей, помогающая в трудных родах. Предание связывает её с призванием в 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-битной прозрачностью.
Иконка мобильного приложения - это небольшая картинка, представляющая приложение на маркете, таком как Google Play или App Store, и устройстве пользователя. Если вскоре вам предстоит создать свой первый дизайн иконки мобильного приложения, прислушайтесь к этим советам. Они помогут вам избежать ошибок, которые подстерегают новичков.
Как дизайнеру, вам важно обратить внимание на приложение: ведь часто пользователи принимают решение о выборе приложения, руководствуясь исключительно внешним видом иконки в маркете. Продуманная иконка ассоциируется с качественным приложением и удобным интерфейсом, а сделанное на скорую руку изображение не внушает доверия.
Поэтому примите во внимание следующие советы по созданию дизайна иконки для приложения:
1. Соблюдайте требования руководств
Иконки существуют не сами по себе, а внутри графической оболочки той или иной системы. Они должны гармонично вписываться в интерфейс, не выглядеть чужеродно рядом с иконками других приложений, но при этом быть уникальными. Поэтому разработка иконки приложения начинается со знакомства с руководствами производителя системы и изучения сеток для построения иконок в Photoshop.
Вот руководства, с которых стоит начать:
- Официальный сайт , посвященный Material Design для Android. Здесь можно прочитать о стиле, анимации, компонентах, паттернах, макетах и юзабилити, а также скачать материалы в помощь дизайнеру.
- Руководства по iOS Human Interface от Apple пригодятся, если вы хотите создать иконку для iPad или iPhone.
Изучив тенденции и стандарты, соблюдения которых от вас ожидает производитель ОС, можно переходить к следующему шагу.
2. Знайте свою аудиторию
Иконка приложения для локальной компании, например службы доставки еды, будет отличаться от иконки фирмы, которая хочет выйти на международный рынок. В последнем случае вам нужно быть уверенным, что вы используете универсальные символы, которые будут одинаково восприниматься людьми из разных частей света и не обидят чьи-либо чувства:
3. Создавайте иконку в нужном размере
То, что выглядит хорошо, занимая лист A4, не обязательно «выстрелит» в размере 120 x 120 пикселей. Профессиональный дизайн иконки должен это учитывать.
4. Упрощайте и не перегружайте иконку лишними деталями
Минимализм - ваш лучший друг. Чем больше украшательств и деталей на иконке, тем ниже ее узнаваемость. Иконка должна быть чем-то вроде символа - достаточно простой и понятной. Например, вот иконка, которую мы сделали для приложения с рецептами Кукорама :
5. Правильно расставляйте свет и тени
Этот совет актуален, если вы делаете иконку для Android-приложения. Руководство по Android Material подробно рассказывает об этом аспекте. В нем также приведены значения для теней, отбрасываемых иконкой того или иного цвета.
6. Проверьте, как выглядит иконка на фоне другого цвета (темном, светлом, цветном)
В маркете иконка отображается на белом или светло-сером фоне, но обои на устройствах пользователей гораздо разнообразнее. Поэтому не забудьте проверить, как выглядит дизайн иконки приложения на фоне разных цветов.
7. Не бойтесь использовать перспективу
Конечно, если это не нарушает общее впечатление. Оригинальное использование перспективы поможет вам сделать иконку приложения еще более заметной. Вот отличный образец использования перспективы:
8. Создайте интересную форму
Иконки ниже запоминаются благодаря использованным на них формах:
Форма помогает распознать иконку даже если она очень маленького размера.
9. Ответственно подойдите к цвету
Начав увеличивать количество используемых цветов, вам будет трудно остановиться. Поэтому используйте один или два цвета - этого достаточно. Вот хороший пример иконки с двумя цветами:
10. Не используйте фотографии
Существуют замечательные фотореалистичные иконки , но использование фотографий - это табу.
11. Создавайте иконки приложений без лишнего текста
Мелкий текст тяжело читать, и его использование создаст проблемы в случае локализации, если, например, приложение выйдет для китайского рынка. При этом вы можете использовать первые одну–две буквы из названия компании, как это делают Tumblr или Pinterest:
12. Не используйте на иконке элементы из интерфейса приложения
Это очень плохая практика, которая запутывает пользователя. Элементам интерфейса на место на вашей иконке.
13. Создавайте иконки, которые говорят о главной функции приложения
С хорошей иконкой пользователю даже не придется заглядывать в описание: для плееров обычно используют ноты, инструменты или визуалайзер, для камер - изображения фотоаппарата или объектива, а для мессенджеров вроде Viber - облачка сообщений:
В иконке для проекта UARoads мы отобразили сразу два важных аспекта приложения: необходимость отправлять данные на сервер для обработки и то, что оно предназначено для автомобилистов. Также на иконке использованы цвета национального флага:
14. Изучите иконки конкурентов
Несмотря на предыдущий совет, взгляните на иконки конкурентов - скорее всего, они уже как-то обыграли главную функцию приложения. Поэтому попробуйте не повторяться. Например, иконка Wunderlist выгодно отличается от иконок других приложений со списками дел:
А вот иконка, которую мы создали для приложения KeepSnap , которое ориентировано на фотографов:
Как видим, даже к созданию такого небольшого элемента как иконка, стоит подходить со всей ответственностью. Удачный дизайн иконки привлекает внимание пользователей, которые пришли в маркет совсем за другим приложением.
Смена иконки - это тоже не шутки. Например, владельцам Radium, приложения-агрегатора радиостанций, пришлось менять иконку несколько раз за месяц, потому что она не пришлась по вкусу пользователям.
Мы, студия , с удовольствием создадим иконку для вашего приложения, которая будет выгодно отличать его от продукции конкурентов.