дрейн иконки для приложений
15 лучших паков иконок для Android
Иконки являются одним из ключевых элементов, который играет важную роль в настройке интерфейса вашего смартфона. И даже если вы не увлекаетесь модификацией внешнего вида операционной системы, рано или поздно большинству из вас все-равно захочется что-то обновить. И ограничиваться обоями тут совсем не стоит, ведь можно настроить куда большее количество параметров.
Сразу заметим, что в данной подборке присутствуют лишь сборники иконок. Лаунчеры, которые меняют облик системы полностью сегодня мы рассматривать не будем.
Peppo Icon Pack
Peppo уже одним своим названием выдает отличительный стиль значков. Они выполнены в виде небольших слегка помятых листков бумаги. Кроме того, Icon pack поддерживает почти все известные сторонние программы, которые можно найти в Google play.
Linebit
Этот пак состоит из иконок, выполненных в виде красочных линий с цветовым градиентом. Безусловно, это смотрится весьма стильно. Особенно, если сочетать их с соответствующего вида обоями рабочего стола.
Crackify Pixel
Crackify — еще один интересный пакет значков. Все они имеют тут округлую форму, но с нетипичным стилем. Все они, как-будто потрескались или разбились. Внутри пака вас ждет коллекция из более, чем 3700 иконок и 10 HD-обоев.
Этот набор вдохновлен всемирно известной маркой печенья Oreo. Значки выглядят также, как печеньки Оreo, но с логотипом соответствующего приложения поверх. Все значки выполнены в 3D и дают ощущение «трехмерности», что весьма оригинально.
Verticons
Эти значки не похожи на любой другой пакет значков в Google play, поскольку они выполнены в прямоугольной форме. Каждый прямоугольный значок имеет тень, добавляющую небольшой 3D-эффект.
Stealth
Как следует из названия — это иконки с темными и яркими цветами, которые легко сливаются с темным фоном. Каждый значок включает в себя черное кольцо вокруг них, что усиливает «стелс-эффект». В комплекте прячется от вас более 2000 иконок.
Minimalist
Пак для приверженцев минимализма. Коллекция из более, чем 6000 иконок и 70 обоев выполнены в максимально лаконичном и четком стиле. Никаких «свистелок». Только функциональность!
Сборник значков, похожих на уже упомянутый Verticons. Но в отличие от него, значки тут хоть и выполнены в прямоугольном стиле, имеют горизонтальную ориентацию, а не вертикальную. В остальном, достойные и красивые иконки, которых тут около 3200.
Retrorika
Скучаете по старой иконке Инстаграма, выполненной в виде ретро-фотоаппарата? Тогда Retrorika для вас. Благодаря этому набору вы сможете всю систему «раскрасить» в такой ретро-стиль.
Wenrum
Еще один набор круглых значков. Только в данном случае они выполнены в виде шаров для бильярда или, если хотите, боулинга. Иконки имеют неплохо прорисованный 3D-эффект. Правда вот самих значков по сравнению с другими паками не так много — всего 1400.
Funkong
Funkong немного отличается от других обычных пакетов значков, поскольку он добавляет свои уникальные спецэффекты. Он имеет коллекцию из более чем 1000 иконок и каждая из них была разработана со своим уникальным эффектом. Пакет также имеет коллекцию высококачественных обоев, которые хорошо сочетаются с иконками.
LineX
LineX предлагает иконки, выполненные в виде толстых «неоновых» линий. Неплохой способ раскрасить ваш рабочий стол.
Antimo
Один из самых интересных представителей в этой подборке. Antimo имеет уникальный стиль и цветовую палитру, а также предоставляет более 4200 красиво нарисованных (будто красками) значков с 40 обоями.
Materialistik
Materialistik — это еще один представитель лаконичности стиля. Стиль явно вдохновлен Material-дизайном. Весьма и весьма неплохо. Да еще и одна из самых обширных коллекций обоев (130 штук) в качестве добавки.
Simplicon
Simplicon одержит яркие цветные круглые иконки. Если вы ищите простой пакет значков с привлекательным дизайном без излишеств, то этот пак для вас. Вы получите аж 5800 иконок для своих приложений.
Подписывайтесь на наш новостной канал в Телеграм. Не пожалеете!
Новости, статьи и анонсы публикаций
Свободное общение и обсуждение материалов
Несмотря на то что Apple запустила lossless-треки и Spatial Audio в Apple Music на iOS ещё в прошлом месяце, до Android эти технологии добрались только на этой неделе. Музыкальное приложение получило соответствующее обновление, а вместе с ним и поддержку двух новых форматов звучания. Они позволят по-новому взглянуть на то, каким может быть стриминг музыки, без дополнительной платы, потому что и lossless, и Spatial Audio включены в вашу подписку.
Как создать классную иконку для приложения Android и iOS
Современные люди проводят большую часть свободного времени в различных приложениях на смартфонах. Поэтому если вы решили создать свой продукт, следует выбрать привлекательную и интересную иконку для приложения. Как это сделать, расскажем в данной статье.
Создайте свой логотип онлайн. Более 50 тысяч брендов по всему миру уже используют логотипы от Турболого.
Что такое иконка приложения?
Иконкой мобильного приложения называют изображение, которое демонстрирует его пользователям. Именно эта небольшая картинка позволяет распознать ваш продукт среди похожих приложений на рынке. Кроме того, иконка способна привлечь внимание клиентов к вашему проекту.
Иконка и логотип: в чем разница?
Ошибочно думать, что иконка и логотип — одно и то же. Рассмотрим основные отличия данных составляющих фирменного стиля.
Иконка:
Логотип:
Советы по дизайну иконок
Пользователи могут удалять приложение со смартфона не только по причине его ненадобности, но и из-за эстетической непривлекательности иконки. Данный аспект следует учитывать при разработке изображения: любая деталь может оттолкнуть клиента. Мы собрали для вас 5 основных советов, которые помогут вам сделать эффективный дизайн иконки приложения.
1. Выбирайте простоту
Лаконичная иконка гораздо с большей вероятностью привлечет внимание пользователей. Простые и гармоничные изображения легко воспринимаются и при этом передают всю необходимую информацию о приложении.
2. Грамотно подберите цвета
Расцветка иконки имеет важное значение в ее привлекательности. Поэтому важно выбирать цветовую гамму изображения, опираясь на следующие советы:
3. Создайте гармоничный знак
Важно, чтобы иконка выглядела согласованно и целостно. Для этого учитывайте следующие аспекты выбора дизайна:
4. Избавьтесь от лишних элементов
Следует помнить, что иконка является значком, который будет отражаться в магазине в уменьшенном виде. Поэтому следует по максимуму убрать из картинки лишние детали. Также возьмите во внимание следующие советы:
5. Делайте ставку на уникальность
Обилие приложений создает постоянную конкуренцию компаний за клиентов. Именно иконка способна захватить внимание пользователя. Изображение, выбранное для вашего продукта, должно быть не только качественным и привлекательным, но и уникальным. Это позволит клиентам без труда идентифицировать ваше приложение среди сотни других.
Как создать иконку приложения: 3 способа
Существует 3 основных способа получения иконки для вашего приложения. Первый — нарисовать иконку самостоятельно в графическом редакторе. Второй — создать в онлайн-генераторе. Третий — обратиться за помощью к профессиональным дизайнерам. Рассмотрим особенности каждого способа.
1. Сделать иконку в графическом редакторе
Данный способ подойдет тем, кто имеет опыт работы в программах Photoshop и Illustrator. Для создания иконки потребуется изучить интерфейс редакторов хотя бы на уровне начинающего пользователя.
Плюс такого варианта разработки иконки — отсутствие материальных затрат. Однако при недостаточном опыте работы в графических редакторах и познаний в области дизайна сделать качественный продукт будет довольно сложно.
2. Разработать иконку в онлайн-сервисе
Создание иконки в онлайн-конструкторе логотипов — простой и доступный вариант. Вам не потребуется изучать никакие программы, а также разбираться в трендах дизайна иконок.
Вы можете использовать сервис Turbologo. Данный онлайн-конструктор логотипов поможет сделать уникальный логотип всего за 15 минут. Простой интерфейс и понятные инструкции позволят любому пользователю без труда разработать иконку. Также в сервисе доступна библиотека готовых шаблонов логотипов, разделенных по категориям. Вы точно сможете найти подходящий дизайн и переработать его под свои пожелания.
3. Заказать иконку у дизайнера
Если у вас нет опыта в разработке иконок приложений, вы можете обратиться к специалистам в данной сфере. Для этого потребуется потратить некоторый бюджет и время на поиск добросовестного дизайнера, но результат однозначно вас порадует.
Подведем итоги
Для разработки иконки приложения необязательно иметь познания и опыт в сфере дизайна. Современные технологии позволяют получить иконку в тот же день. А представленные в статье советы помогут вам выбрать качественный и интересный дизайн для вашего приложения.
Продуктовый и графический дизайнер с опытом работы более 10 лет. Пишу о брендинге, дизайне логотипов и бизнесе.
Доступ к +6.0M векторных изображений и стикеров
Скачивайте бесплатные значки и стикеры для своих проектов. Ресурсы, созданные дизайнерами для дизайнеров. Форматы PNG, SVG, EPS, PSD и BASE 64..
Иконки
Крупнейшая база значков, доступных в форматах PNG, SVG, EPS, PSD и BASE 64.
Стикеры
Откройте для себя более 6,000 стикеров для WhatsApp, Instagram и Facebook, доступных в форматах PNG и SVG.
Значки интерфейса
Более 3,000 значков, разработанных специально для интерфейсов и совместимых с популярными библиотеками значков.
Шрифты-значки для любого проекта, большого или маленького
+3,000векторных иконок, оптимальных для SVG и �еб-шрифта, для веб-приложений и приложений для iOS и Android.
Инструменты, которые помогут сделать вашу работу более профессиональной
Бесплатные аксессуары, которые позволят вам организовать свои дизайнерские творения и создавать их, экономя при этом время
Создайте несколько коллекций, чтобы упорядочить иконки, и скачайте их в нужном вам формате. Посмотреть еще
Отредактируйте цвет своих иконок, измените размер и скачайте их во всех форматах: SVG, PNG, EPS. Посмотреть еще
Используйте иконки в Google Документах и Презентациях легко, быстро и бесплатно. Посмотреть еще
Создавайте эффектные изображения для своих историй в Instagram, заголовков в Facebook, презентаций, блогов или веб-сайтов. Посмотреть еще
Создайте несколько коллекций, чтобы упорядочить иконки, и скачайте их в нужном вам формате. Посмотреть еще
Отредактируйте цвет своих иконок, измените размер и скачайте их во всех форматах: SVG, PNG, EPS. Посмотреть еще
Используйте иконки в Google Документах и Презентациях легко, быстро и бесплатно. Посмотреть еще
Создавайте эффектные изображения для своих историй в Instagram, заголовков в Facebook, презентаций, блогов или веб-сайтов. Посмотреть еще
Что нового в Flaticon
Узнайте о последних обновлениях сайта, новых функциях и инструментах и извлеките максимум пользы из работы с Flaticon.
Проектируем классные иконки приложений
После моей нашумевшей статьи “Let’s talk about white app icons” (“Давайте поговорим о белых иконках приложений”), которая — признаю — написала слегка назидательным тоном, я решил написать еще одну более конструктивную и практическую статью о проектировании классных иконок. Эта статья подойдет любому: от новичка до профессионала. В ней я расскажу о магии иконок и о том, как сделать их дизайн еще лучше.
На видео выше я за 10 минут рассказываю о пяти основных аспектах дизайна иконок и привожу реальные примеры того, как я работаю с этими аспектами. В видео много историй, советов и пикселей, и я надеюсь, что интересно будет всем: и начинающим, и опытным дизайнерам. Если хотите чуть больше контекста, читайте дальше. Обещаю, будут булиты.
Интересуетесь свежими статьями по дизайну? Вступайте в группу на Facebook.
Для начала
Проектирование одного единственного предмета граф. дизайна, с которым пользователи будут взаимодействовать при каждом использовании продукта, может показаться пугающей задачей. Красивая, узнаваемая и запоминающаяся иконка может сильно повлиять на популярность и успех приложения. Но как именно спроектировать “хорошую” иконку приложения? Что это вообще означает? Не бойтесь, я собрал несколько советов, которые помогут ответить на эти вопросы. Эта статья — ваше руководство по проектированию классных иконок.
Что такое “иконка приложения”?
Первое, что вы должны понять, принимаясь за проектирование — это что такое “иконка приложения” и какую задачу она выполняет. Иконка приложения — это визуальный якорь вашего продукта. Можете рассматривать иконку как небольшой элемент брендинга, который должен не просто красиво выглядеть и выделяться, но еще и предавать основную суть вашего приложения.
Словом “логотип” сегодня разбрасываются очень легкомысленно. Иконка приложения — это не логотип. Хотя иконки и обладают некоторыми “брендинговыми” качествами, для них существует множество особых ограничений. Дизайнер должен понимать разницу: логотип — это масштабируемый векторный элемент брендинга, который используется на бланках и рекламных щитах. Иконки — обычно растровые изображения квадратной формы, которые подстраиваются под конкретные размеры и определенные контексты использования. Так что между логотипами и иконками множество различий: в подходе к работе, в инструментах, в процессе проектирования и, следовательно, в критериях успешности.
С практической точки зрения, под иконкой приложения понимается комплект из PNG-файлов разных размеров — от небольших (29х29) и до крупных (1024х1024) — которые нужно связать с приложением. Операционная система будет использовать этот комплект иконок в различных контекстах: в App Store и Google Play, на панели настроек устройства и на домашнем экране.
Можно создавать иконки в любом редакторе, который поддерживает создание растровых файлов. Обычно для этого используют Photoshop, Illustrator и Sketch. Бесплатные инструменты типа appicontemplate.com предлагают удобные PSD шаблоны, которые станут отличным подспорьем на начальном этапе.
5 ключевых аспектов
Теперь давайте изучим некоторые лучшие практики проектирования иконок приложений. Мы рассмотрим каждый из пяти ключевых аспектов в отдельности, и по каждому я дам несколько советов и приведу примеры. Большинство примеров — это мои собственные работы. Это не означает, что мои работы самые лучшие, просто, создавая их, я опирался именно на ту информацию, которую изложил в этой статье. Когда будете читать про каждый из аспектов, попробуйте представить свои любимые иконки и увидеть в них то, о чем я буду говорить. Ну что ж, давайте приступим.
1. Масштабируемость
Один из самых важных аспектов иконки — это масштабируемость. Иконка будет использоваться в разных разделах платформы и отображаться в разных размерах — поэтому важно, чтобы она всегда оставалась уникальной и четкой. Иконка должна хорошо выглядеть и в App Store, и на ретина-дисплее, и на панели настроек.
Слишком сложные иконки, перегруженные деталями, как правило, плохо масштабируются.
В процессе проектирования иконки приложения большую долю внимания стоит уделить тому, насколько изящно масштабируется выбранный вами дизайн.
2. Узнаваемость
Иконка приложения — как песня: очень важно, чтобы ее было легко узнать среди других мелодий в магазине (то есть других иконок на домашнем экране). И точно так же, как мелодия песни затрагивает душу слушателя, формы, цвета и идея иконки должны цеплять пользователя.
Дизайн должен передавать запоминающийся и логически связанный образ как на функциональном, так и на эмоциональному уровне.
Ваша иконка будет бороться за внимание пользователя с тысячами других иконок такого же размера, которые тоже несут свой замысел и стараются привлечь внимание.
Для узнаваемости большую роль играет не только масштабируемость, но и новизна. Главная сложность при проектировании иконки — найти баланс этих качеств.
3. Согласованность
Важно также добиться согласованности между процессом взаимодействия с иконкой и процессом взаимодействия с приложением.
Мне кажется, что хорошая иконка — это продолжение идеи приложения. Если иконка и интерфейс будут согласованы, приложение лучше запомнится пользователю.
Нужно сформировать в сознании пользователей единый, целостный образ приложения — это повышает общую удовлетворенность от использования продукта, а также способствует удержанию существующих клиентов и привлечению новых.
Короче говоря, если ваша иконка гармонично дополняет идею, функциональность и дизайн приложения — можете считать это большой победой.
4. Уникальность
Это в общем-то очевидно: постарайтесь создать нечто уникальное. Ладно, вы можете использовать какой-то существующий стиль или тренд, но сделайте это по-своему!
Ваша иконка будет соревноваться за внимание пользователя с другими иконками — и оригинальный дизайн может стать отличным преимуществом.
Уникальность — это коварный аспект дизайна: здесь играют роль не только ваши навыки, но и дизайнерские решения остальных “игроков” на рынке, которые стараются решить ту же задачу.
5. Не используйте слова
Это самая больная тема всех времен. Только в очень редких случаях в иконках допускаются слова. Я считаю, что если дизайнер прибегает к использованию слов, значит он не в полной мере использует свой арсенал образов.
Слова и изображения — это совершенно разные инструменты представления. Иконка должна служить графическим представлением приложения, а если в ней намешаны слова и образы, то результат получается перегруженным и расфокусированным — и пользователю сложнее уловить идею такой иконки. Ну неужели не нашлось лучшего способа изобразить идею приложения, чем просто сказать словами? Когда я вижу иконки со словами, мне всегда кажется, что дизайнер просто не смог передать свою задумку более понятно.
Создание своей метки
В App Store и Google Play есть масса скучных и банальных иконок. Ваша иконка — это ваша самая сильная связь с пользователем. Именно с нее начинается знакомство с приложением в App Store. Именно с ней пользователь взаимодействует всякий раз, когда открывает приложение. Когда у приложения непродуманная, некрасивая или неподходящая иконка, оно теряет свой самый важный визуальный актив. Иконка приложения — это не довесок, о котором вспоминают в последнюю очередь, а важная часть всего процесса разработки приложения.
Иконка приложения — это небольшой кусочек концентрированного дизайна. Если вы хотите создать хорошую иконку, есть набор аспектов, которые нужно продумать. Масштабируемость, узнаваемость, согласованность и уникальность — все эти аспекты есть и в других областях дизайна. Если научитесь создавать классные иконки — повысите свой общий дизайнерский уровень.
У всех иконок — детализированных и упрощенных, креативных и обыкновенных — есть нечто общее: одинаковые по размеру, все они стараются выделиться на фоне конкурентов и привлечь внимание пользователя. Это непростая задача, и решение всегда лежит в пределах все того же фиксированного количества пикселей.
Конечно, дизайнер может чувствовать себя неуверенно: шутка ли — разработать графическое представление всего приложения! Но я надеюсь, что мои советы помогут вам обрести уверенность и смело взяться за работу. А теперь вперед — создайте фантастическую иконку для своего приложения!
Вау, вы дочитали до конца!? Хотите еще информации об иконках? Вот мое выступление на Adobe MAX в Лос-Анджелесе. В этом видео я рассказываю о своих работах, о концепциях, которые я упоминал в этой статье, и, наконец, прямо на сцене улучшаю одну из иконок. Думаю, что я сказал об иконках все, что хотел.
Дизайн иконок мобильных приложений: 3 правила
UXPUB перевел статью Ивана Тучкова о дизайне иконок и важных особенностях, которые стоит учитывать при их создании.
Дизайн иконок всегда был сложным, и когда я впервые столкнулся с проблемой рисования иконки приложения, у меня возникло много вопросов – ответы на некоторые из них я нашел только после первых нескольких завершенных проектов. Теперь, я, как дизайнер в агентстве по разработке приложений хочу поделиться тем, что заняло у меня времени и энергии, для понимания.
Почему каждому приложению нужна иконка
Иконка приложения – это уникальное изображение, обязательное для каждого мобильного приложения, это первое, что пользователи видят, когда они находят приложение в Apple App Store и Google Play.
На этапе, когда пользователь все еще решает, стоит ли вообще проверять это приложение, значок – это то, что поможет вызвать интерес и убедить пользователя, что приложение является полезной и заслуживающей доверия инвестицией.
Плохая иконка делает в два раза больше, но наоборот. Это сбивает с толку и ставит под сомнение пользу приложения.
Однако, как только пользователь устанавливает приложение, цель значка меняется. Теперь он помогает в поиске приложения на главном экране среди других значков.
Но что же делает иконку приложения «хорошей»?
Дизайн иконок: 3 правила оформления
Давайте разберемся с этим понятием: значок приложения ≠ логотип.
Если вы хотите узнать, как создать хороший логотип, существует множество различных идей, и большинство из них основаны хотя бы частично на принципах дизайна бренда Пола Рэнда. И это не удивительно! Значок приложения является частью фирменного стиля, и между значками и логотипами часто происходит преднамеренное наложение. Тем не менее, я не могу на этом сильно настаивать: они не одинаковы.
Логотип и значок приложения имеют разные цели, и хотя это не означает, что логотип не может пересекаться со значком, необходимо учитывать их отдельные цели.
Теперь, когда с этим вопросом разобрались, вот четыре вещи, которые вы должны сделать в рамках процесса создания иконок.
1. Масштабируемость
Размер значков не отличается гибкостью – они бывают крошечными и миниатюрными, их нельзя растянуть или изменить. Это означает, что удобочитаемость является первым приоритетом для значков приложений. Вы заметите, что значки не появляются только на главной странице, они также появляются в подменю с еще более уменьшенным размером.
Значки приложений в настройках iOS и Android
Пользователи не должны напрягаться, напрягать глаза, пытаясь уловить задумку дизайнера. Тестирование здесь на всех типах устройств является ключевым (для этого мы используем Appsparky); хотя потеря деталей неизбежна, идея всегда должна быть ясной.
» data-medium-file=»https://i0.wp.com/apptractor.ru/wp-content/uploads/2019/07/2.png?fit=1024%2C576&ssl=1″ data-large-file=»https://i0.wp.com/apptractor.ru/wp-content/uploads/2019/07/2.png?fit=740%2C416&ssl=1″ svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20740%20416’%3E%3C/svg%3E» alt=»Дизайн иконок» width=»740″ height=»416″ data-lazy-srcset=»https://i0.wp.com/apptractor.ru/wp-content/uploads/2019/07/2.png?w=1920&ssl=1 1920w, https://i0.wp.com/apptractor.ru/wp-content/uploads/2019/07/2.png?resize=640%2C360&ssl=1 640w, https://i0.wp.com/apptractor.ru/wp-content/uploads/2019/07/2.png?resize=1024%2C576&ssl=1 1024w, https://i0.wp.com/apptractor.ru/wp-content/uploads/2019/07/2.png?resize=768%2C432&ssl=1 768w, https://i0.wp.com/apptractor.ru/wp-content/uploads/2019/07/2.png?w=1480&ssl=1 1480w» data-lazy-sizes=»(max-width: 740px) 100vw, 740px» data-recalc-dims=»1″ data-lazy-src=»https://i0.wp.com/apptractor.ru/wp-content/uploads/2019/07/2.png?resize=740%2C416&ssl=1″ />
Вот хороший пример того, как российский модный ритейлер Lamoda упростил свой логотип для приложения
И это подводит нас ко второму рассмотрению дизайна иконок приложений …
2. Узнаваемость
Здесь приложения и логотипы перекрываются.
В Messapps мы советуем, что для узнаваемости простота является ключевой – и это не означает скучно.
Смотри, разве эти значки не детализированы?
» data-medium-file=»https://i2.wp.com/apptractor.ru/wp-content/uploads/2019/07/3.png?fit=1024%2C576&ssl=1″ data-large-file=»https://i2.wp.com/apptractor.ru/wp-content/uploads/2019/07/3.png?fit=740%2C417&ssl=1″ svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20740%20417’%3E%3C/svg%3E» alt=»Дизайн иконок» width=»740″ height=»417″ data-lazy-srcset=»https://i2.wp.com/apptractor.ru/wp-content/uploads/2019/07/3.png?w=1400&ssl=1 1400w, https://i2.wp.com/apptractor.ru/wp-content/uploads/2019/07/3.png?resize=640%2C360&ssl=1 640w, https://i2.wp.com/apptractor.ru/wp-content/uploads/2019/07/3.png?resize=1024%2C576&ssl=1 1024w, https://i2.wp.com/apptractor.ru/wp-content/uploads/2019/07/3.png?resize=768%2C432&ssl=1 768w» data-lazy-sizes=»(max-width: 740px) 100vw, 740px» data-recalc-dims=»1″ data-lazy-src=»https://i2.wp.com/apptractor.ru/wp-content/uploads/2019/07/3.png?resize=740%2C417&ssl=1″ />
Hello Neighbor, Tiny wings, Prune, Pandora Music, Silly Sausage in Meat Land, Old Man’s Journey
Простота в данном случае, означает, что нужно сосредоточиться на идее и избавиться от любых ненужных или повторяющихся элементов. Каждый пиксель должен помочь пользователю понять и заинтересоваться большой идеей.
Мы, в Messapps, постоянно работаем над созданием дизайнов, чтобы клиенты могли быть действительно поражены результатами. Эта работа включает в себя изменение концепций и идей, которые мы внедряем в дизайн – и это то, что мы сделали с приложением Mentissana.
» data-medium-file=»https://i1.wp.com/apptractor.ru/wp-content/uploads/2019/07/4.png?fit=1024%2C576&ssl=1″ data-large-file=»https://i1.wp.com/apptractor.ru/wp-content/uploads/2019/07/4.png?fit=740%2C416&ssl=1″ svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20740%20416’%3E%3C/svg%3E» alt=»Дизайн иконок» width=»740″ height=»416″ data-lazy-srcset=»https://i1.wp.com/apptractor.ru/wp-content/uploads/2019/07/4.png?w=1920&ssl=1 1920w, https://i1.wp.com/apptractor.ru/wp-content/uploads/2019/07/4.png?resize=640%2C360&ssl=1 640w, https://i1.wp.com/apptractor.ru/wp-content/uploads/2019/07/4.png?resize=1024%2C576&ssl=1 1024w, https://i1.wp.com/apptractor.ru/wp-content/uploads/2019/07/4.png?resize=768%2C432&ssl=1 768w, https://i1.wp.com/apptractor.ru/wp-content/uploads/2019/07/4.png?w=1480&ssl=1 1480w» data-lazy-sizes=»(max-width: 740px) 100vw, 740px» data-recalc-dims=»1″ data-lazy-src=»https://i1.wp.com/apptractor.ru/wp-content/uploads/2019/07/4.png?resize=740%2C416&ssl=1″ />
С Mentissana мы работали над несколькими вариантами дизайна, пока не пришли к окончательному значку приложения
Ключевым моментом в узнаваемости является дифференциация: уникальность приложения.
Почти два миллиона приложений в App Store и 2,1 миллиона в Google Play. Это два миллиона значков приложений, и все они борются за внимание. Крупные бренды могут использовать свои логотипы, чтобы привлечь внимание, но что делают менее известные приложения?
Покажите что-то новое и необычное!
» data-medium-file=»https://i1.wp.com/apptractor.ru/wp-content/uploads/2019/07/5.png?fit=1024%2C576&ssl=1″ data-large-file=»https://i1.wp.com/apptractor.ru/wp-content/uploads/2019/07/5.png?fit=740%2C416&ssl=1″ svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20740%20416’%3E%3C/svg%3E» alt=»Дизайн иконок мобильных приложений: 3 правила» width=»740″ height=»416″ data-lazy-srcset=»https://i1.wp.com/apptractor.ru/wp-content/uploads/2019/07/5.png?w=1920&ssl=1 1920w, https://i1.wp.com/apptractor.ru/wp-content/uploads/2019/07/5.png?resize=640%2C360&ssl=1 640w, https://i1.wp.com/apptractor.ru/wp-content/uploads/2019/07/5.png?resize=1024%2C576&ssl=1 1024w, https://i1.wp.com/apptractor.ru/wp-content/uploads/2019/07/5.png?resize=768%2C432&ssl=1 768w, https://i1.wp.com/apptractor.ru/wp-content/uploads/2019/07/5.png?w=1480&ssl=1 1480w» data-lazy-sizes=»(max-width: 740px) 100vw, 740px» data-recalc-dims=»1″ data-lazy-src=»https://i1.wp.com/apptractor.ru/wp-content/uploads/2019/07/5.png?resize=740%2C416&ssl=1″ />
Todoist использует стандарт для менеджеров задач «галочка», но в интересной композиции
Чтобы убедиться, что ваш значок выделяется, потратьте немного времени на просмотр приложений в вашей нише.
Если большинство значков, которые вы видите, красочные, попробуйте использовать монохромную палитру. Если на одном изображении много изображений, покажите что-то другое.
Всегда ищите свой персональный способ решения проблем!
Трудно придумать что-то новое. Создайте доски настроения, создайте карты разума, попросите совета у друзей и коллег. Вы никогда не знаете, где вы найдете отличную идею.
3. Согласованность
Значок является частью приложения, и брендинг должен оставаться согласованным между ними. Значок должен описывать приложение и показывать его основные функции. Это особенно важно для игр, где приложение может получить миллион загрузок только из-за одной игровой механики.
Jazz Smash показывает основной игровой элемент в значке приложения. В игре вы разбиваете разные предметы битой.
» data-medium-file=»https://i0.wp.com/apptractor.ru/wp-content/uploads/2019/07/6.png?fit=1024%2C576&ssl=1″ data-large-file=»https://i0.wp.com/apptractor.ru/wp-content/uploads/2019/07/6.png?fit=740%2C417&ssl=1″ svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20740%20417’%3E%3C/svg%3E» alt=»Дизайн иконок мобильных приложений: 3 правила» width=»740″ height=»417″ data-lazy-srcset=»https://i0.wp.com/apptractor.ru/wp-content/uploads/2019/07/6.png?w=1400&ssl=1 1400w, https://i0.wp.com/apptractor.ru/wp-content/uploads/2019/07/6.png?resize=640%2C360&ssl=1 640w, https://i0.wp.com/apptractor.ru/wp-content/uploads/2019/07/6.png?resize=1024%2C576&ssl=1 1024w, https://i0.wp.com/apptractor.ru/wp-content/uploads/2019/07/6.png?resize=768%2C432&ssl=1 768w» data-lazy-sizes=»(max-width: 740px) 100vw, 740px» data-recalc-dims=»1″ data-lazy-src=»https://i0.wp.com/apptractor.ru/wp-content/uploads/2019/07/6.png?resize=740%2C417&ssl=1″ />
Иконка JazzSmash, объясняющая особенности игры с первого взгляда
» data-medium-file=»https://i1.wp.com/apptractor.ru/wp-content/uploads/2019/07/7.png?fit=1024%2C576&ssl=1″ data-large-file=»https://i1.wp.com/apptractor.ru/wp-content/uploads/2019/07/7.png?fit=740%2C416&ssl=1″ svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20740%20416’%3E%3C/svg%3E» alt=»Дизайн иконок мобильных приложений: 3 правила» width=»740″ height=»416″ data-lazy-srcset=»https://i1.wp.com/apptractor.ru/wp-content/uploads/2019/07/7.png?w=1920&ssl=1 1920w, https://i1.wp.com/apptractor.ru/wp-content/uploads/2019/07/7.png?resize=640%2C360&ssl=1 640w, https://i1.wp.com/apptractor.ru/wp-content/uploads/2019/07/7.png?resize=1024%2C576&ssl=1 1024w, https://i1.wp.com/apptractor.ru/wp-content/uploads/2019/07/7.png?resize=768%2C432&ssl=1 768w, https://i1.wp.com/apptractor.ru/wp-content/uploads/2019/07/7.png?w=1480&ssl=1 1480w» data-lazy-sizes=»(max-width: 740px) 100vw, 740px» data-recalc-dims=»1″ data-lazy-src=»https://i1.wp.com/apptractor.ru/wp-content/uploads/2019/07/7.png?resize=740%2C416&ssl=1″ />
Значок Slack является отличным примером соответствия между значком и интерфейсом
Не используйте скриншоты и элементы интерфейса при создании значка – это может ввести пользователя в заблуждение. Вместо этого ознакомьтесь с функциональностью приложения и придерживайтесь того же стиля и цветов, что и само приложение. И рекомендации могут помочь вам достичь этого!
Соответствие рекомендациям по дизайну иконок
Несмотря на то, что значки iOS и Android начинают выглядеть одинаково, все еще есть много различий, которые мешают нам использовать один и тот же значок приложения в обеих операционных системах: пропорции, визуальные приемы и специальные функции. Пользователи привыкли к своим операционным системам.
Руководство по iOS здесь.
Правила для Android здесь.
Это не значит, что вам нужно рисовать различные значки приложений; на самом деле, существенные различия уменьшат узнаваемость приложения.
Вместо тысячи слов…
Ваш дизайн иконок сопровождает пользователей с первого прикосновения к приложению через каждое взаимодействие, которое у них будет после. Роль значка очень важна, она требует тщательного исследования и вдумчивости.
Есть также многочисленные курсы и ресурсы, которые мы используем и следуем в нашей команде, и мы хотим поделиться некоторыми из них с вами:
Я рекомендую ознакомиться с примерами из UX Planet — 10 случаев, которые показывают, как значок приложения влияет на коэффициент конверсии приложения, также там обсуждают как маркетинг приложений, так и дизайн иконок приложений. При работе над концепциями значков приложений мы ежедневно используем iOS Icon Gallery.
Самый важный совет, который я могу дать, это то, что вы никогда не должны забывать о самом приложении! В конце концов, для удаления приложения требуется всего несколько нажатий. Независимо от того, насколько крут ваш значок, если приложение бесполезно, пользователь его удалит.