Где должны стоять дома иконы: Где в доме должны стоять иконы

Содержание

Где в доме должны стоять иконы

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

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

  • Ростовую или мерную икону принято вешать у изголовья кровати в спальне.
  • В кухне – подальше от плиты, где вы готовите пищу.
  • Обязательно иконы должны присутствовать в детской.
  • В прихожей можно повесить иконы напротив входной двери.

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

Как правильно располагать иконы на стене

Существует несколько неписаных правил при расположении икон. Возьмите за подобие расположение икон в храме. Если вы внимательно посмотрите, то в центре обязательно увидите иконы Господа нашего Иисуса Христа и Пресвятой Богородицы. По правую сторону от алтаря расположены иконы святых мужского рода. По левую сторону – иконы Царицы Небесной и лики святых жен.

Так же и в доме старайтесь придерживаться такого порядка

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

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

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

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

Православный магазин ПравЖизнь предлагает купить иконы, полки для икон и киоты недорого и с доставкой по Москве и России.

Как правильно должны стоять иконы в доме?

Как правильно должны располагаться иконы в доме?

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

В каком углу должны стоять иконы в доме?

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

В каком порядке должны стоять иконы?

Последовательность размещения икон

  1. Продуманность композиции и системность размещения.
  2. Выше всего следует размещать образа Святой Троицы, Христа и Пресвятой Богородицы. …
  3. Образ Спасителя стоит помещать справа от молящегося, а икону Богородицы – слева.
  4. Единообразность стилей.

Как правильно расположить иконы в домашнем иконостасе?

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

Какая икона считается самой сильной?

Самая сильная икона Самая сильная икона в мире В православном мире самой сильной считают икону Божией матери «Всецарица» (греч.

Пантанасса). Это небольшой по размеру образ, датированный 17 веком. Икона эта находится в Греции, в Ватопедском монастыре, что на Святой Горе Афон.

Как правильно расположить иконы в спальне?

Нужно только знать, как вешать икону в спальне. Если в ней спят супруги, ничего страшного, ведь соитие в браке грехом не считается. Желательно вешать в изголовье правильно поставленной кровати. Важно, чтобы по возможности образ висел на восточной стороне, из-за традиции поворачиваться на молитву лицом к востоку.

Какие иконы должны быть в доме?

Какие иконы должны быть в доме обязательно: фото и названия

  • Икона «Господь Вседержитель»
  • Икона Божией Матери с Богомладенцем Христом (например, «Казанская»)
  • Икона «Святая Троица» (Ветхозаветная)
  • Икона святителя Николая Чудотворца

Какие иконы должны быть в доме при входе?

Обязательное условие православного дома – иметь лики Божьей матери и Спасителя. Им всегда принадлежало главное место. В православной иконописи существует разнообразие вариантов образа Господа Иисуса Христа, для молитвы предпочтительна икона Господа Вседержителя.

Где в доме повесить икону Семистрельную?

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

Можно ли вешать иконы в ногах?

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

Где должны висеть иконы после свадьбы?

Домашний иконостас правильнее всего размещать в комнате пары, а именно в северной части этой комнаты. Со временем к этим иконам супруги смогут добавить именные иконы. Как раз они будут оберегать их детей.

Как правильно вешать иконы после венчания?

Чтобы правильно повесить венчальные иконы, нужно помнить:

  1. нельзя икону с образом Богородицы вешать над иконой Спасителя
  2. образы можно размещать горизонтально вместе на одном уровне, либо икону с Божией Матерью ниже иконы с образом Господа Вседержителя

Где в доме должны стоять иконы?

Как правильно разместить иконы в доме?

Размещение икон в доме

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

В каком углу должны стоять иконы в доме?

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

В каком порядке должны стоять иконы?

Порядок расположения икон

Образ Христа размещается справа, Богородицы — слева (это может быть Ваш венчальный набор). Эти два образа необходимо расположить либо выше остальных икон, либо на одном уровне. Именные иконки и образы других святых угодников можно поместить рядом с основными иконами (но не выше).

Где в доме повесить икону Семистрельную?

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

Как правильно расположить иконы в спальне?

Нужно только знать, как вешать икону в спальне. Если в ней спят супруги, ничего страшного, ведь соитие в браке грехом не считается. Желательно вешать в изголовье правильно поставленной кровати.

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

Можно ли ставить иконы над кроватью?

Поэтому иконы с обряда венчания могут и должны находиться именно в спальне, поскольку они постоянно будут напоминать супругам о тех клятвах, которые они друг другу принесли. Не запрещено также вешать иконы в спальне над кроватью с образами Ангела Хранителя, либо же именную икону конкретного человека.21 мая 2018 г.

Какие иконы должны быть в доме?

Какие иконы должны быть в доме обязательно: фото и названия

  • Икона «Господь Вседержитель»
  • Икона Божией Матери с Богомладенцем Христом (например, «Казанская»)
  • Икона «Святая Троица» (Ветхозаветная)
  • Икона святителя Николая Чудотворца

Куда можно повесить крест в доме?

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

Напротив входной двери и над входом в дом также позволяется размещать изображения Святых.

Какие иконы должны быть в доме при входе?

Обязательное условие православного дома – иметь лики Божьей матери и Спасителя. Им всегда принадлежало главное место. В православной иконописи существует разнообразие вариантов образа Господа Иисуса Христа, для молитвы предпочтительна икона Господа Вседержителя.

Можно ли вешать иконы в ногах?

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

Где разместить икону Николая Чудотворца?

Справа от образа Спасителя (по правую руку Спасителя) уместно поместить икону Богородицы. Слева от иконы Иисуса Христа обычно помещают либо образ святого Иоанна Предтечи, либо икону святителя Николая Чудотворца.

Можно ли вешать иконы возле телевизора?

На этот вопрос мы попросили ответить священника Спасо-Преображенского собора протоиерея Александра Лехно: — Иконы должны занимать в доме почетное место. Издавна существует правило: вешать иконы в красном углу. Но если иного выхода нет, то можно поставить икону и на холодильнике. …

Где в доме должна висеть икона Неопалимая Купина?

Куда вешать икону Неопалимая Купина

По традиции повесить святыню можно над входом в квартиру или дом, т. к. еще в древности с этим образом также как и с ликом Богоматери Владимирская тесно связывали Покров Святой над семейным очагом.

Где в доме должна висеть икона нерушимая стена?

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

Где в доме должны стоять иконы, помогут рекомендации священника

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

Что такое домашний иконостас и где его разместить в доме

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

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

По словам священников, недостаточно сделать в доме только иконостас и молиться в этом месте. Самый лучший вариант – это оставить в каждой комнате по иконе и дать возможность помолиться Господу, как только в этом будет необходимость у человека. Какие иконы должны быть в доме?

Иконостас или красный угол – вот так еще называют в народе это место. Иконы, которые всегда должны выставляться в этом месте – это икона Божьей Матери и Иисуса Христа (Мать и Сын). Прекрасно, когда в иконостасе будут иконы покровителей членов семьи. Большая часть священнослужителей утверждают, что нет запретов или четких списков икон в домашнем иконостасе.

Правила размещения Святых икон


Несколько простых правил помогут создать иконостас в доме и спокойно посвящать время для молитв всей семьи:

  1. Правило главенства размещения икон еще никто не отменял. Нужно знать, что иконы Спасителя, Святой Троицы и Божьей Матери – самые основные в иконостасе. Их размещают всегда в верхней части домашнего иконостаса. Все остальные под ними.
  2.  Если в доме есть семейная икона, которая передавалась поколениями, то ее нужно размещать после основных икон, но перед всеми остальными иконами. Такая икона размещается посередине иконостаса.
  3. Также рекомендацией священнослужителей являются и иконы-обереги в доме. Над входом в дом обычно вывешивают икону Покрова Святой Богородицы, а при ежедневной молитве перед трапезой икону Спасителя.
  4. Приветствуются и украшения для домашнего иконостаса. Лучшим вариантом являются живые цветы.
  5. Иконы могут быть разных размеров. Это не страшно. Если икона большая, то она обязательно обрамляется белыми полотенцами с вышивкой. Хотя можно и просто белыми полотенцами или полотнищами. Маленькие располагаются вокруг больших и главных икон.
  6. Священники рекомендуют помещать крест в домашнем иконостасе, а перед молитвой зажигать лампадку или просто свечу.

Иконостас – это место, где можно помолиться и попросить у Бога или Святых помощи. И это можно сделать не только в церкви, но и дома.

Храм Живоначальной Троицы на Воробьёвых горах —

Русская Православная Церковь

  • 29 Март 2021

    5 апреля, в понедельник, в 19.00, в честь отмечаемого в нынешнем году 200-летия со дня рождения Ф.М. Достоевского, в Лектории на Воробьевых горах храма Троицы и МГУ выступит Александр Борисович КРИНИЦЫН, доктор филологических наук, доцент филологического факультета МГУ, по теме: «БЕСЫ Ф.М. ДОСТОЕВСКОГО (к 150-летию издания романа)». 15 апреля, в четверг, в 19.00, в честь 60-летия первого полета человека в Космос, в Лектории на Воробьевых горах храма Троицы и МГУ выступит Константин Владимирович ПАРФЕНОВ, кандидат физико-математических наук, доцент физического факультета МГУ, по теме: «Современные физические теории строения и истории Вселенной».

  • 14 Ноябрь 2020

    В ноябре 2020 года в Лектории храма Троицы на Воробьевых горах пройдут выступления к 100-летию трагических событий 1920 года: — 17 ноября, во вторник, в 19.00 — выступление Владимира Геннадиевича Хандорина ,  доктора исторических наук, профессора кафедры истории России и архивоведения ПСТГУ  » Адмирал Колчак: правда и мифы »  — 24 ноября, во вторник, в 19.00 — выступление Дмитрия Михайловича Володихина , доктора исторических наук, профессора кафедры источниковедения исторического факультета МГУ «К столетию Русского Исхода 1920 — 2020»

  • Все новости

Где в квартире должны стоять иконы?

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

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

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

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

размещение их дома, главные иконы для христианина

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

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

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

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

Размещение икон дома

Строгих правил размещения, конечно, нет. Есть некоторые рекомендации священников по этому поводу:

  • Образ святого чаще всего устанавливается на востоке квартиры, так издревле повелось молиться. Но если по каким-то причинам сделать это не получается, то допустимо повесить икону возле входной двери и над изголовьем кровати.
  • Если для святынь выделяют угол, то в первую очередь заботятся о его чистоте. Своевременная уборка должна стать ритуалом. Поэтому такой угол делается только в условиях досягаемости хозяина.
  • Пространство с иконой должно быть очищено от всех фотографий и талисманов. Бытовые предметы, игрушки, косметика убираются. Прячутся даже картины на библейские тематики из-за неуместности нахождения рядом с реликвией.
  • Часто вместе с христианскими иконами устанавливают фотографии усопших монахов и старцев. По всем канонам это совершенно недопустимо. Образ святого и земная жизнь, отражённая в фото, несовместимы. Такие фотографии нужно хранить отдельно от преображённого лика и вешать в других местах.
  • Если икон много, держать их на полочке не нужно. Лучше всего повесить на стены, соблюдая композицию и симметрию, чтобы не возникало чувство неудобства.
  • Над обеденным столом нужна икона Спасителя, ведь после приёма пищи по традиции читается «Отче наш». Да и приготовленная трапеза освящается молитвой. Возможен вариант размещения «Тайной Вечери».
  • В детской можно повесить святыню с ликом Ангела-хранителя или покровителя ребёнка.

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

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

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

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

Хранение икон

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

Если всё-таки с освящённой иконой случилось несчастье, и она не поддаётся реставрированию, выбрасывать её категорически запрещено. Можно отнести святыню в церковь, где она найдёт своё последнее пристанище среди отслуживших икон.

Икона – это разговор с Богом

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

Не стоит уповать на большое количество святынь. Важно отношение человека к этому. Почитаемый лик в доме может быть и один, к которому тянутся сердца домочадцев. Икона – это разговор с Богом. Она помогает совершать молитвы, даря особое просветление, которого нельзя добиться, выбирая просто понравившиеся красивые лики. Бессистемный подход никогда не принесёт пользы.

Какие иконы вешают над входной дверью

Над входом в жилище устанавливают икону, которая помогает защититься от проникновения зла. Поэтому тщательно подходят к её выбору, обращая внимание на значение. Существует несколько вариантов, как повесить образ.

  1. Святыню вешают сразу над проёмом двери. Делается это для заряда положительной энергии и нейтрализации отрицательной.
  2. Вешая икону напротив двери, преследуют цель не допустить прихода в дом негатива извне.

Но строгих правил, которым надо слепо следовать, нет. Все идёт от души, искренности в сердце.

«Семистрельная» икона

На популярной иконе, носящей название «Семистрельная» или «Умягчение злых сердец» Божья Матерь изображена одна, без Иисуса. Она придерживает руками семь или шесть стрел (в зависимости от варианта написания), пронзивших грудь. Богоматерь скорбит, сердце её разрывается от боли за нас, а стрелы символизируют грехи, от которых люди не спешат избавляться.

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

При разладе внутри семьи, злости на близких, нужно молиться Богородице с просьбой смягчить негативные эмоции и успокоить враждующих. Она избавляет людей в тяжёлом эмоциональном состоянии от дурных мыслей, помогает от воров и всех недобрых людей. Если предстоят важные дела, то её непременно берут с собой. Но основная задача – защита от зла не только извне, но и внутри. Божья Матерь молится о прощении грехов каждого из нас.

Чаще всего «Семистрельную» вешают напротив входа в помещение, чтобы каждый гость встречался с её взглядом. Причём сила Божьей Матери настолько велика, что даже неосвященная икона или вышитая копия может использоваться в доме и творить чудеса.

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

Сама мозаичная икона, на которой Богородица воздевает руки к небу в молитве, находится в Софийском соборе Киева. Это наиболее почитаемая в христианском православии реликвия, идеально подходящая для входа в жилище и напротив него.

Получила своё название благодаря тому, что больше 800 лет остаётся целой, несмотря на разрушение других частей собора.

Божья Матерь встаёт стеной между тем, кто молится, и злом, идущим на него. Это, действительно, нерушимая стена защиты для тех, кто в этом нуждается. Сила лика оберегает от проклятий недругов, злых умыслов противников, чёрной магии колдунов.

Человек с нечистыми намерениями сможет войти в дом, вход которого охраняет Богородица, но чувствовать себя будет очень плохо и уйдёт безвозвратно. Уезжая из родной обители, молились иконе, чтобы она защищала от неприятностей и всячески покровительствовала на чужбине.

Икона Ангела-Хранителя

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

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

Главное – вера

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

Подводя итоги, хочется сказать, что выбор святынь для дома – решение индивидуальное. Через икону посылается благодать Божья, которая никак не связана с их количеством. Прислушиваться необходимо к своему сердцу, а не слепо уповать на других.

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

Имеют ли значение значки для дома на сайте?

Джереми Х.

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

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

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

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

Стиль домашней иконки # 1: Домашняя иконка

Очертание дома уже много лет является символом «Дома». Он может быть разных цветов, узоров и стилей контура.

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

Google+ использует значок в форме дома для обозначения кнопки «Домой» в Google Plus.

Стиль домашней иконы # 2: Иконка Гамбургер

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

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

Некоторые значки меню используют текст, а также значок для обозначения навигации. Например, на нем может быть значок гамбургера и состояние «Меню». Благодаря этому посетителю сайта безупречно понятно, для чего используется значок.

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

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

Стиль значка главного экрана # 3: Значок только текст

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

Один из примеров использования стиля в дизайне можно увидеть на сайте CJ Pony Parts. Обратите внимание, как текст «Home» находится в верхнем левом углу страницы. Кроме того, он красный, поэтому его легко заметить. Это простой, но эффективный дизайн.

Стиль домашней иконки # 4: Домашняя иконка с текстом

Вы можете преодолеть неуверенность в том, для чего нужен значок, пометив его.Вы заметите эту технику на многих сайтах. Это просто очень ясно показывает, для чего нужен этот значок. Так, например, вы можете добавить контур дома и поместить слова «Дом» прямо под значком.

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

Один из примеров такого дизайна можно найти на сайте Vivi LeDish.Обратите внимание на то, что значок «Дом» также имеет текст «Дом» на крыше значка.

Стиль домашней иконы # 5: Уникальные домашние иконки

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

Некоторые сайты также используют свой логотип как своего рода кнопку «Домой».Одним из примеров этого может быть Amazon.com. Они используют свой логотип Amazon как якорь. Щелкните логотип, и вы попадете на главную страницу.

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

Одно практическое правило состоит в том, что пользователи должны за пять секунд или меньше понять, что означает значок.Проведите сплит-тестирование A / B, и если посетители вашего сайта не могут интерпретировать значки, вам может потребоваться настроить их, чтобы они лучше соответствовали потребностям вашей целевой аудитории.

БИО АВТОРА : Лекси Лу, автор этой статьи, дизайнер и писатель. Она постоянно исследует тенденции в индустрии веб-дизайна и графического дизайна. Лекси еженедельно пишет на Design Roast, за ней можно следить в Twitter @lexieludesigner.

Удобство использования значков

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

Преимущества значков в графическом интерфейсе пользователя (GUI) включают:

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

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

«Универсальные» значки — редкость

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

Трехстрочный значок hamburger — отличный пример значка, который стремится стать всемирно известным.В то время как большинство интерфейсов используют этот значок для представления главного меню навигации, некоторые используют тот же (или очень похожий значок) для обозначения списка. Например, приложение для управления списком Buy Me a Pie использует трехстрочный значок как способ доступа к списку часто добавляемых элементов. Чтобы еще больше запутать, значок помещается справа от текстового поля, место, обычно связанное с кнопкой отправки. (Текстовое поле и значок списка имеют разные функции: если вы думали, что ввод текста в поле ввода и затем выбор значка меню предоставит суженный список совпадающих элементов, вы ошиблись.)

Приложение Buy My a Pie (здесь, на Android) использует красочную версию 3-строчного значка гамбургера (в кружке), чтобы позволить пользователям получить доступ к списку общих элементов, функциональность, которая отличается от более распространенного меню навигации имея в виду. Окраска слишком тонкая, чтобы пользователи могли понять, что этот значок имеет другое значение.

Другие значки, которые пользователи часто неправильно понимают, включают сердце и звезду . Эти значки часто используются для обозначения избранного, закладок, избранных элементов и оценок других пользователей.Мало того, что точные функции, связанные с этими значками, варьируются от сайта к сайту, эти два значка конкурируют друг с другом. В результате эти значки и их точное значение трудно запомнить и точно интерпретировать. Например, значок в виде сердца на сайте со списком отпусков Combadi позволяет пользователям отмечать, что им «нравится» поездка, но не сохраняет эту поездку в коротком списке, чтобы облегчить обращение к ним в будущем. (Пользователям, участвовавшим в нашем недавнем исследовании удобства использования, не нравилось, что кто угодно может «полюбить» поездку, в отличие от только тех, кто действительно ее купил.В отличие от этого, сайт покупок, посвященных дизайну интерьера, использует значок в виде сердца, чтобы пользователь мог сохранить этот предмет, чтобы потом легко его найти.

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

Даже небольшое различие в значении и функциональности мешает пользователю понять значок и положиться на него, когда он будет встречаться в будущем.

Буквально на прошлой неделе мы сообщили о нашем исследовании удобства использования веб-сайта, на главной панели навигации которого используется значок часов. В то время как сам рисунок был легко узнаваем как часы, , означающий значка, был совершенно неясным, потому что это было нестандартное использование концепции часов или часов: значок часов используется для обозначения истории навигации и открывает ящик с самыми последними страницами, которые посетил пользователь. Ни один из участников теста не щелкнул по этому значку. Непонятный значок = функция, потраченная впустую .

Иконки нуждаются в текстовой метке

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

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

Веб-сайт Usability.gov использует значки навигации для методов , шаблонов и документов и руководящих принципов на каждой странице сайта. Если бы я попросил каждого человека, читающего эту статью, прислать мне значок, представляющий Методы , я уверен, что получу широкий выбор дизайнов.Как мы заявляли в рамках наших рекомендаций по дизайну для удобства использования домашней страницы много лет назад, «если вы обнаружите, что вам нужно подумать, чтобы придумать значок для навигации, скорее всего, он не будет легко узнаваемым или интуитивно понятным для пользователей». В то время как мобильная версия сайта признает, что текстовые метки должны сопровождать значки, чтобы придать какое-то значение, настольная версия скрывает эти метки, пока любопытный пользователь не решит навести на них курсор. Фиксация этих элементов навигации в левой части страницы, чтобы они оставались доступными для пользователей при прокрутке, указывает на то, что организация считает их важными и полезными.Однако удаление этих значков текстовых меток делает их совершенно бессмысленными и контрпродуктивными для обеспечения легкого доступа к контенту.

На веб-сайте Usability.gov для мобильных устройств текстовые метки отображаются рядом со значками в верхней части страницы. В настольной версии значки фиксируются в левой части страницы и отображаются только при наведении курсора. Принуждение пользователей к поиску ярлыков снижает эффективность навигации по значкам.

Относительный размер способствует заметности

В целом, значки, как правило, более заметны на мобильных телефонах, чем на веб-сайтах и ​​приложениях для настольных компьютеров.Легко предположить, что, поскольку значок (например, гамбургер) работает в мобильном дизайне, он хорошо переносится на рабочий стол. Увы, это не так! На мобильных экранах меньше элементов, конкурирующих за внимание пользователей (просто потому, что экран меньше и вмещает меньше информации). Напротив, экраны рабочего стола больше и обычно содержат много контента; пользователи могут легко пропустить некоторые из них в зависимости от того, какая часть экрана привлекает их внимание. Если единственные элементы, которые в настоящее время видны на телефоне, состоят из логотипа, заголовка, одного изображения и значка меню, этот значок меню имеет гораздо больше шансов быть замеченным пользователем, чем тот же значок, представленный в верхнем углу. настольного сайта с привлекательным контентом.

Также учитывайте относительный размер значка по сравнению с другими визуальными элементами, представленными на экране. В типичном заголовке мобильного веб-сайта значок гамбургер-меню занимает примерно 20–25% доступной ширины экрана. Когда этот дизайн масштабируется на более крупном устройстве, размер значка обычно остается примерно таким же. В результате на настольных компьютерах (и больших планшетах, особенно в альбомной ориентации) значок будет меньше на и менее заметным по сравнению с другими элементами на экране.Этой проблемы можно избежать на больших экранах (где обычно много места), просто сделав навигацию видимой, а не сворачивая ее под значком. Таким образом, вы не только сможете легче обнаруживать пункты меню, но и сможете избежать многих проблем с удобством использования, которые возникают из-за сокрытия глобальной навигации.

Upworthy.com: В дизайне веб-сайта для мобильных устройств пространство, отведенное для трехстрочного значка гамбургера в главном меню (вверху слева), занимает около 20% ширины панели навигации под логотипом сайта.При просмотре на рабочем столе значок главного меню отображается с теми же размерами, а ширина панели навигации увеличивается. В результате значок занимает всего около 3,5% от общей ширины рабочего стола (и это измерение даже не включает желоба по обе стороны от содержимого сайта). Эта разница в относительном размере и количестве элементов, борющихся за внимание, объясняет, почему значок меню имеет тенденцию быть более заметным на мобильных устройствах.

Советы по дизайну с помощью иконок

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

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

  • Сохраняйте дизайн простым и схематичным . Уменьшите количество графических деталей, сосредоточившись на основных характеристиках объекта, а не создавая высокореалистичное изображение, чтобы ускорить распознавание. (Сложные детали трудно различить при меньших размерах.)
  • Используйте правило 5 секунд : если вам требуется более 5 секунд, чтобы придумать подходящий значок для чего-либо, маловероятно, что значок может эффективно передать это значение.
  • Проверьте значки на узнаваемость : спросите людей, что они ожидают от значков.
  • Проверьте значки на запоминаемость : спросите у нескольких пользователей, помнят ли они значение значка после того, как им рассказали, что он означал пару недель назад.

И всегда включают видимую текстовую метку . Как однажды сказал Брюс Тоньяццини, «слово стоит тысячи картинок».

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

Советы по использованию значков в вашем приложении. Ник Бабич | Ник Бабич

Изображение предоставлено: icons8

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

  • Простые, полужирные и понятные, они могут заменить длинную (и обычно скучную) описательную группу слов.
  • Они экономят место на экране, и по мере уменьшения размеров экранов это очень приветствуется.
  • Приятные визуально, они также могут усилить эстетическую привлекательность дизайна.
  • И последнее, но не менее важное: в большинстве приложений используются значки. — это шаблон проектирования, знакомый пользователям.

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

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

Есть несколько значков, которые пользуются в основном универсальным признанием пользователей (например, значки для дома, печати и увеличительное стекло для поиска):

Легко узнаваемые значки. Изображение предоставлено: icons8

Но за пределами этих примеров большинство значков по-прежнему неоднозначны для пользователей из-за их ассоциации с разными значениями. Позвольте мне привести пример: когда Google решил упростить интерфейс Gmail и переместить все за абстрактный значок, они, по-видимому, получили поток запросов в службу поддержки, таких как «Где мой Календарь Google?»

Пользовательский интерфейс Gmail для рабочего стола.

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

Основная задача ваших значков — направлять пользователей туда, куда им нужно идти, поэтому убедитесь, что они могут достичь этой цели:

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

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

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

Хороший пользовательский опыт можно определить по-разному, но одним из критериев является способность уменьшить усилия пользователя думать. Четкость — важнейшая характеристика хорошего интерфейса. Ваши значки должны помогать вашим пользователям делать то, что им нужно, не требуя умственных способностей. Однако проблема с иконками заключается в том, что люди ассоциируют разные вещи с каждой иконкой на основе своего прошлого опыта. Еще одно распространенное заблуждение — предполагать, что пользователи (особенно мобильные пользователи) будут играть со всеми различными значками, чтобы узнать, что делает каждый значок.

Экран настройки Apple Mail. Умеете ли вы правильно определить, что должен представлять каждый значок? Изображение предоставлено: ia

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

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

UserTesting провела серию тестов «ярлыки против отсутствия ярлыков» для значков и обнаружила, что:

  • Для значков с ярлыками пользователей смогли правильно предсказать, что произойдет, когда они коснутся значка 88 % времени.
  • Для значков без надписей , это число снизилось до 60%. А для немаркированных значков, уникальных для приложения , пользователи правильно предсказали, что произойдет, если они коснутся значка только в 34% случаев.

Следует учитывать три важных момента:

  • Для более сложных действий или абстрактных функций пиктографическое представление имеет свои пределы . Поэтому они всегда должны отображаться с правильной текстовой меткой.
  • Ярлыки значков должны быть видны всегда , без какого-либо взаимодействия со стороны пользователя. Некоторые дизайнеры считают, что ярлыки лишают смысла использование значков и загромождают их интерфейс. Чтобы избежать использования ярлыков, они будут включать инструкции по использованию значков в руководствах / отметках тренера / всплывающих подсказках. Но пользователи могут просто пропустить руководство или быстро забыть все, что они узнали. Также не полагайтесь на при наведении указателя мыши на текстовые метки: это не только требует дополнительных действий от пользователя, но также не может хорошо отображаться на сенсорных экранах.
Приложение Swarm использует всплывающую подсказку для обучения пользователей.
  • Ярлык и изображение лучше , чем одно или другое (изображение или текст). Однако, если использовать только один текст, лучше, чем просто изображение. В битве за ясность между иконками и ярлыками ярлыки всегда побеждают.

Люди взаимодействуют с сенсорными пользовательскими интерфейсами пальцами. Таким образом, элементы управления пользовательского интерфейса должны быть достаточно большими, чтобы фиксировать действия пальца, не расстраивая пользователей ошибочными действиями и крошечными целями.На изображении ниже показано, что ширина среднего пальца взрослого человека составляет около 11 миллиметров (мм), у ребенка — 8 мм, а у некоторых баскетболистов пальцы шире 19 мм!

Люди часто винят себя в том, что у них «толстые пальцы». Но даже детские пальцы шире, чем у большинства сенсорных мишеней. Изображение предоставлено: Microsoft

Рекомендуемый целевой размер для объектов сенсорного экрана составляет 7–10 мм. Ниже приведены рекомендации для платформ Apple и Google (Руководство по человеческому интерфейсу iOS и дизайн материалов):

  • Apple рекомендует минимальный целевой размер 44 пикселя в ширину и 44 пикселя в высоту.Поскольку физический размер пикселей может зависеть от плотности экрана, спецификации Apple в отношении пикселей лучше всего подходят для 3,5-дюймового дисплея iPhone с разрешением 320 на 480 пикселей.
  • Google дает следующие рекомендации для сенсорных целей — они должны быть не менее 48 x 48 точек на дюйм. В большинстве случаев их следует разделять не менее чем на 8 dp, чтобы обеспечить сбалансированную плотность информации и удобство использования. Сенсорная мишень 48 x 48 dp дает физический размер около 9 мм, независимо от размера экрана. Сенсорные цели включают область, которая реагирует на ввод пользователя.Сенсорные мишени выходят за визуальные границы элемента: такой элемент, как значок, может выглядеть как 24 x 24dp, но окружающий его отступ представляет собой полную сенсорную мишень 48 x 48dp.
Площадь зазора. Иконка: 24dp
Коснитесь мишени на обоих: 48dp. Изображение предоставлено: Material DesignPlacement. Изображение предоставлено: Material Design

Важный момент, который следует учитывать:

  • Достаточное расстояние между сенсорными мишенями. Основная причина иметь минимальное расстояние между целями касания — предотвратить прикосновение пользователей и выполнение неправильных действий.Это становится чрезвычайно важным в сценариях, когда у вас есть значки, такие как «Сохранить» и «Отмена», рядом друг с другом. В этом случае чрезвычайно важно использовать прокладку не менее 2 мм между мишенями.

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

Иконки для общих функций Android (вверху) и iOS (внизу).

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

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

Вот набор инструментов, которые помогут вам найти значки для вашего следующего проекта:

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

Спасибо!

Подписаться на UX Planet: Twitter | Facebook

Удобство использования иконок — лучшие советы по UX и рекомендации по дизайну

Иконки окружают нас повсюду: веб-сайты, смартфоны и программное обеспечение — мы даже видим их в автономном режиме, например, в вывесках.Некоторые значки, такие как «Дом», «Печать», «Игра» и «Поиск», настолько распространены, что не требуют никаких объяснений — мы точно знаем, что они делают, когда и где бы мы их ни увидели.

UX Преимущества иконок

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

  • Иконки легко узнаваемы. Если вы используете в своем дизайне обычные значки, ваша аудитория мгновенно узнает их, помогая с навигацией и задачами.
  • Значки экономят место. Это преимущество особенно важно на мобильных телефонах, где использование значков может сэкономить ценную недвижимость.
  • Иконки — отличные мишени для касания. Рекомендуемый размер значка для мобильных устройств — 1 см на 1 см, что идеально подходит для нажатия пальцем.
  • Иконки универсальные. Значение значков можно легко понять, даже если пользователи не говорят на вашем языке.
  • Иконки эстетичны. Хорошо продуманные значки могут сделать веб-сайт или приложение более привлекательным.

Распространенные ошибки пользовательского интерфейса

К сожалению, дизайнеры UX допускают множество ошибок с иконками, которые ухудшают взаимодействие с пользователем. Самый большой из них предполагает, что пользователи поймут, что означают значки:

Когда Microsoft Outlook проектировал панель инструментов, состоящую только из значков, пользователи не знали, какие значки представляют. Это привело к плохому UX и разочарованию пользователей. Как только были введены значки с текстовыми метками, люди начали использовать панель инструментов по назначению.

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

  • Не имеет соответствующих текстовых меток.
  • Использование значков, не передающих смысла.
  • Слишком мало места для значков на мобильных устройствах.
  • Быть «слишком изобретательным» с иконками в ущерб узнаваемости.
  • Изобретая колесо заново, вместо использования общепризнанных значков.
  • Создание значков со слишком большим количеством графических деталей.

Icon Лучшие практики и рекомендации

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

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

  4. Не изменять значки типов файлов для загрузки файлов.Например, используйте букву «W» в синем поле для Word.
  5. Иконки всегда должны передавать смысл. Не злоупотребляйте ими и не используйте их для украшения.
  6. Используйте правило 5 секунд: если на то, чтобы придумать значок, требуется более 5 секунд, он, вероятно, будет неэффективным.

  7. Иконки должны визуально описывать функции и назначение. Сделайте их простыми, знакомыми и содержательными.
  8. Всегда оставляйте вокруг значка минимум 1 см x 1 см для удобочитаемости и удобного нажатия на мобильном телефоне.

  9. Достаточно большие значки — отличные мишени для мобильных телефонов с ограниченным пространством.
  10. Используйте единый набор значков и убедитесь, что все ваши значки согласованы и связаны.
  11. Всегда используйте ярлыки для значков и показывайте их справа или под значком.

  12. Хороший тест на эффективный значок — это когда пользователи могут сказать, что он представляет, без метки.
  13. Не используйте значки с противоречивым значением. Следует избегать значков, которые могут представлять несколько вещей.
  14. Будьте осторожны с иконками «сердечко» и «звездочка». Они могут означать разные вещи и часто сбивают с толку пользователей.

  15. Сделайте дизайн иконок простым и схематичным. Минимизируйте сложные формы и графические детали.
  16. Сделайте значки отличной формы и цвета. Это помогает пользователям узнавать и вспоминать их.

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

4 способа творчески использовать значки в мобильных приложениях — Smashing Magazine

Об авторе

Сюзанна Скакка — бывший разработчик WordPress, тренер и менеджер агентства, а теперь работает внештатным копирайтером. Она специализируется на маркетинге, веб … Больше о Сюзанна ↬

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

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

Они также имеют большие преимущества:

  • Минимум отвлекающих факторов,
  • Более привлекательный интерфейс,
  • Расширение возможностей пользователей для простого взаимодействия с приложением,
  • Устранение языковых барьеров,
  • Повышение узнаваемости бренда.

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

Максимальное использование иконок

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

1.Показывать подсказки фирменных значков в приложении

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

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

Я не могу не чувствовать, что небольшие фирменные элементы повсюду могут добавить уникальности опыту. Они не будут отвлекать от опыта. Вместо этого они появлялись небольшими кусками, которые добавляли что-то особенное.

Мне очень нравится приложение CheapOair. Это логотип, который появляется, когда пользователь впервые открывает его. Он тот же, что отображается в верхней части соответствующего веб-сайта:

Пользователи, открывающие приложение CheapOair, приветствуются этим логотипом и заставкой.(Источник изображения: CheapOair) (превью в большом разрешении)

Теперь, если вы посмотрите на страницу магазина приложений для CheapOair или на то, как она отображается на главном экране пользователя, вы увидите, что полный логотип не используется. Вместо этого пользователи видят значок «O» в форме багажа: мобильное приложение

CheapOair указано в магазине приложений Apple. (Источник изображения: CheapOair в магазине приложений Apple) (превью в большом разрешении)

Это уникально. Это незабываемо. И он хорошо работает в крошечных пространствах, например, в качестве значка на рабочем столе или на небольших мобильных экранах.

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

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

Еще один пример, который мне нравится, — это то, что Hotels.com делает для вознаграждений участников.

Значок «H» на сайте Hotels.com не отображается, когда пользователь находится внутри приложения, за исключением экранов загрузки (он делает то же самое, что и CheapOair).И это нормально. Это определенно помогает создать интерфейс, который больше не отвлекает, когда это необходимо, а также сохраняет эту область заголовка для более полезной информации, такой как хлебные крошки.

Тем не менее, Hotels.com включает еще один из своих фирменных значков в приложение, только он зарезервирован для участников, получающих вознаграждение.

Это вкладка «Награды», где пользователи отслеживают, сколько марок они заработали на бесплатную ночь:

Пользователи приложения Hotels.com отслеживают свои накопленные марки на вкладке «Награды». (Источник изображения: Гостиницы.com) (превью в большом разрешении)

Марки выполнены в форме луны. Официально он не является частью бренда Hotels.com, но является очень узнаваемым символом для участников программы вознаграждения.

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

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

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

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

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

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

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

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

Это, например, приложение Boomerang для Gmail:

Пример того, как Boomerang для Gmail использует жесты со значками в мобильном приложении. (Источник изображения: Boomerang для Gmail) (превью в большом разрешении)

Мне нужен был способ «приостановить» почтовый ящик Gmail в течение рабочего дня (чтобы не отвлекаться), а также в нерабочее время (чтобы не работать). Хотя существует ряд инструментов для блокировки отвлекающих факторов, мне понравилась простота и элегантность этого.Мне особенно понравился этот жест сортировки.

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

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

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

В приложении Duolingo используются анимированные значки языковых модулей. (Источник: Duolingo)

Когда пользователь нажимает на новый модуль, детали модуля и кнопка «Пуск» — не единственное, что они видят. Значок, которого они касаются, оживает всего на секунду, как бегущий человек или ведро с краской.

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

3. Оживите индикаторы прогресса с помощью значков

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

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

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

Вы найдете забавный пример этого в Plants vs.Zombies game:

Когда вы играете в Plants vs. Zombies, голова зомби вверху показывает прогресс пользователя. (Источник: Plants vs. Zombies)

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

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

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

пользователей Sanvello достигают целей и смотрят, как заполняется значок сердца. (Источник: Sanvello)

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

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

4. Превратите элементы без значков в значки

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

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

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

Давайте рассмотрим несколько примеров, начиная с BuzzFeed:

BuzzFeed включает небольшой значок автора в верхней части каждой статьи.(Источник изображения: BuzzFeed) (превью в большом разрешении)

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

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

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

Приложения для общественного питания, вероятно, также могут извлечь выгоду из этого. Только в этом случае иконой становятся продукты питания и продукты. Примерно так, как работает приложение SONIC Drive-in: пользователи мобильного приложения

SONIC видят список значков брендов помимо названий доступных безалкогольных напитков.(Источник изображения: SONIC Drive-in) (превью в большом разрешении)

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

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

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

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

Затем есть пример использования торговых площадок, таких как Rakuten:

Мобильное приложение Rakuten объединяет каждый из своих магазинов с возвратом денежных средств и объединяет сделки со значком бренда. (Источник изображения: Rakuten) (превью в большом разрешении)

Это приложение ebates помогает пользователям зарабатывать деньги на своих покупках в Интернете.

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

Я огляделся и не нашел ни одной торговой площадки, которая бы делала что-то вроде этого — объединяла продукт или работала со значком бренда — что меня удивляло. Хотя я понимаю, что пользователи могут сортировать списки по названию бренда, разве значок в виде логотипа бренда не поможет пользователям легче находить товары, которые они хотят купить, в результатах поиска?

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

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

Завершение

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

Дополнительная литература по SmashingMag:
(ra, il)

Значок приложения — Значки и изображения — iOS — Рекомендации по человеческому интерфейсу

Значок приложения

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

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

Обеспечьте единую точку фокусировки. Создайте значок с одной центральной точкой, которая сразу привлекает внимание и четко идентифицирует ваше приложение.

Создайте узнаваемый значок. Людям не нужно анализировать значок, чтобы понять, что он представляет. Например, в значке приложения «Почта» используется конверт, который повсеместно ассоциируется с почтой. Найдите время, чтобы создать красивый и привлекательный абстрактный значок, который художественно представляет цель вашего приложения.

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

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

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

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

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

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

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

Атрибуты значка приложения

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

Атрибут Значение
Формат PNG
Цветовое пространство Display P3 (цвет с широкой гаммой), sRGB (цвет) или Gray Gamma 2.2 (оттенки серого).См. Управление цветом.
Слои Сглаженный, непрозрачный
Разрешение Зависит. См. Размер и разрешение изображения.
Форма Квадрат без закругленных углов

Размеры значков приложения

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

Устройство или контекст Размер иконок
iPhone 180 пикселей × 180 пикселей (60 пикселей × 60 пикселей @ 3x)
120 пикселей × 120 пикселей (60 пикселей × 60 пикселей @ 2x)
iPad Pro 167 пикселей × 167 пикселей (83,5 пикселей × 83,5 пикселей при 2-кратном увеличении)
iPad, iPad mini 152px × 152px (76pt × 76pt @ 2x)
Магазин приложений 1024 пикс. × 1024 пикс. (1024 пикс. × 1024 пикс. @ 1x)

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

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

Значки «В центре внимания», «Настройки» и «Уведомления»

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

Устройство Размер значка прожектора
iPhone 120 пикселей × 120 пикселей (40 пикселей × 40 пикселей @ 3x)
80 пикселей × 80 пикселей (40 пикселей × 40 пикселей @ 2x)
iPad Pro, iPad, iPad mini 80 пикселей × 80 пикселей (40 пикселей × 40 пикселей @ 2x)
Устройство Размер значка настроек
iPhone 87 пикселей × 87 пикселей (29 пикселей × 29 пикселей @ 3x)
58 пикселей × 58 пикселей (29 пикселей × 29 пикселей @ 2x)
iPad Pro, iPad, iPad mini 58 пикселей × 58 пикселей (29 пикселей × 29 пикселей @ 2x)
Устройство Размер значка уведомления
iPhone 60 пикселей × 60 пикселей (20 пикселей × 20 пикселей @ 3x)
40 пикселей × 40 пикселей (20 пикселей × 20 пикселей @ 2x)
iPad Pro, iPad, iPad mini 40 пикселей × 40 пикселей (20 пикселей × 20 пикселей @ 2x)

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

СОВЕТ Если ваше приложение создает пользовательские документы, вам не нужно разрабатывать значки документов, потому что iOS использует значок вашего приложения для автоматического создания значков документов.

Значки приложений, выбираемые пользователем

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

Обеспечивает визуально согласованные альтернативные значки всех необходимых размеров. Как и ваш основной значок приложения, каждый альтернативный значок приложения доставляется в виде набора связанных изображений, различающихся по размеру.Когда пользователь выбирает альтернативный значок, соответствующий размер этого значка заменяет ваш основной значок приложения на главном экране, в центре внимания и в других местах системы. Чтобы обеспечить единообразное отображение альтернативных значков во всей системе (например, пользователь не должен видеть одну версию вашего значка на главном экране и совершенно другую версию в настройках), предоставьте им те же размеры, которые вы предоставляете для значка основного приложения. (за исключением значка App Store). См. Раздел «Размеры значков приложений».

Для руководства разработчика см. Метод setAlternateIconName приложения UIApplication.

Как получить пользовательские значки приложений на вашем iPho

Если вы были в Twitter или Pinterest в последние несколько дней, вы, вероятно, заметили в тренде «эстетика iPhone» или «домашний экран iOS 14». Дело в том, что когда на прошлой неделе Apple отказалась от iOS 14, она стала первой операционной системой iPhone, которая позволила людям настраивать внешний вид своего домашнего экрана с помощью виджетов — одной из основных функций последней операционной системы.

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

ребята … это мой домашний экран для ios 14, он такой красивый, что я буду плакать. четыре нижних — это телефон, почта, календарь и хром в указанном порядке, а виджет фото относится к smp.???????????? pic.twitter.com/DiY0y5YFrG

— ???????????????????? ✨ ???? // Fundy moots plz (@NikkNotFound) 19 сентября 2020 г.

Использовал значки ios 6 для рабочего стола # ios14homescreen pic.twitter.com/6Q6MpCMrUn

— Альварес ???? (@alvarezbenjaro) 19 сентября 2020 г.

обновлен рабочий стол ios 14 в стиле сейлор мун! pic.twitter.com/P5wSVQE4tH

— ???????????????????? ???? (@hyakukisses) 19 сентября 2020 г.

Я использовал IOS 14 и изменил свой рабочий стол вверх 🙂 рис.twitter.com/66KuScckw0

— Кайл Шредер (@ KyleSchroeder18) 19 сентября 2020 г.

Мой новый домашний экран iPhone теперь выглядит довольно мило pic.twitter.com/twi9Mf4BVk

— ???? ️‍ ???? (@justplainaimee) 19 сентября 2020 г.

Но эти пользовательские значки приложений не являются встроенной функцией в iOS 14. Скорее, вы можете применить их через обходной путь с помощью приложения «Ярлыки», которое входит в состав приложения Apple. iOs 14. Если вы хотите настроить значки приложений в iOS 14, сначала вам понадобятся несколько вещей:

  • iPhone под управлением iOS 14 или более поздней версии (очевидно)
  • Приложение «Ярлыки».По умолчанию он устанавливается на iPhone, но если вы удалили его, вам придется повторно загрузить его из App Store. Вы можете найти приложение здесь.
  • Коллекция изображений, которые вы хотите использовать в качестве значков приложений. Вы можете найти наборы изображений значков приложений, выполнив поиск в Интернете, или буквально создать свои собственные, используя изображения из фотопленки вашего iPhone.
  • Когда у вас есть изображения, которые вы хотите использовать в качестве значков приложений, убедитесь, что они сохранены в фотопленке вашего iPhone.

Получили все вышеперечисленное? Хорошо.Теперь вот как вы можете добавить пользовательские значки приложений на свой iPhone:

  1. Откройте приложение «Ярлыки».
  2. Нажмите кнопку + в правом верхнем углу экрана.
  3. Нажмите «Добавить действие».
  4. Коснитесь поля поиска в появившемся всплывающем меню и выполните поиск «открыть приложение».
  5. Под заголовком Действия нажмите «Открыть приложение».
  6. На появившемся экране «Новые ярлыки» нажмите синюю ссылку «Выбрать».
  7. Во всплывающем окне «Выбор приложения» коснитесь приложения, для которого нужно настроить значок.
  8. Вернувшись на экран «Новые ярлыки», коснитесь трех точек (…) в правом верхнем углу.
  9. На экране сведений нажмите «Добавить на главный экран».
  10. Под заголовком «Имя и значок главного экрана» нажмите на общий значок нового ярлыка.
  11. Во всплывающем меню нажмите «Выбрать фото».
  12. В всплывающем меню выбора изображений из фотопленки коснитесь фотографии, которую хотите использовать в качестве изображения значка.
  13. Увеличьте фотографию, чтобы обрезать ее, если хотите, затем нажмите «Выбрать».
  14. Под заголовком «Имя и значок главного экрана» вы увидите свой собственный значок приложения.Затем нажмите текст «Новый ярлык» рядом с ним, чтобы назвать ярлык. В этом случае вы захотите назвать его так же, как и название приложения, для которого вы создаете значок.
  15. В правом верхнем углу нажмите кнопку «Добавить».
  16. Нажмите «Готово» и вернитесь на главный экран iPhone.

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

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

Добавить комментарий

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