Как сделать свою иконку: бесплатная программа для создания иконок ICO, favicon для сайта

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

Но все намного сложнее — требуется целый набор исходных графических файлов, максимальный размер которых может достигать 2048 пикселей. И у каждого стора свои требования, например, в Google Play нужно всего 5 размеров, а в App Store — 9. Обратите внимание на размеры иконок для устройств с экранами Retina — для корректного отображения на них нужны особые размеры.

Казалось бы, на небольшом полотне иконки дизайнеру разгуляться негде, но это далеко не так. Среди иконок попадаются настоящие шедевры, глядя на которые, пользователь невольно тянется к кнопке «Установить». Каковы же элементы успешной иконки?

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

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

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

Еще несколько полезных советов:

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

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

6. Избегайте использования всех цветов радуги. Обычно достаточно не более 3-4 основных цветов

7. Прежде чем создавать иконку, тщательно изучите аудиторию и подсмотрите за конкурентами. Возможно, вам придется строго придерживаться одного стиля.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

FREE Icon Maker — создавайте стильные плоские иконки всего за несколько минут. SVG, PNG, экспорт ICO

IconsFlow.

Спортивные иконы

IconsFlow.ком

Иконы мороженого

IconsFlow.com

Автомобильные иконки

IconsFlow.

Праздничные иконы

IconsFlow.com

Иконки погоды

IconsFlow.ком

Иконы путешествий

IconsFlow.

Иконки погоды

Как делать иконки

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

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

1. Что такое иконки?

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

Итак, будучи человеком привычки, я собираюсь привить вам тот же метод решения проблем, начиная с самого основного вопроса: « Что такое икона? »

Ну, согласно Google, это слово происходит от греческого eikόn (изображение) и обычно определяется сегодня как:

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

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

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

С более современной цифровой точки зрения «иконка» определяется как:

«символ или графическое представление на экране программы, опции или окна».

Используете ли вы Mac или ПК, iPhone или Android-устройство, у каждого из них есть пользовательский интерфейс, основанный на значках разных форм, цветов и размеров.

2. Почему мы используем значки?

Исторически сложилось так, что первый набор компьютерных иконок был концептуализирован почти 37 лет назад (точнее, в 1981 году), когда ученый-компьютерщик по имени Дэвид Кэнфилд Смит объединил усилия с дизайнером Норманом Ллойдом Коксом во время работы над GUI (графическим пользовательским интерфейсом). ) Xerox Star 8010.Их задачей было облегчить взаимодействие пользователя с машиной, которую они творчески преодолели, введя знакомые графические символы, предназначенные для отображения реальных объектов, к которым пользователь мог относиться.

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

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

Простота взаимодействия

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

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

Разрушители языкового барьера

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

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

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

Триггеры быстрого мышления

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

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

Хотите верьте, хотите нет, но есть реальная причина, по которой мы отказались от интерфейсов командной строки, и в основном это связано с эстетикой и простотой взаимодействия.

Конфеты для глаз

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

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

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

3. Как сделать иконку

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

3.1. Фаза исследований

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

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

Сколько вариантов размера вам нужно?

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

Вам нужна одна иконка, две, а может и больше?

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

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

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

Маленькие значки:

• 12 x 12 пикселей
• 16 x 16 пикселей
• 24 х 24 пикселей
• 32 x 32 пикселей
• 48 x 48 пикселей

Средние значки:

• 64 x 64 пикселей
• 96 x 96 пикселей
• 128 x 128 пикселей
• 256 x 256 пикселей

Большие значки:

• 512 x 512 пикселей
• 1024 x 1024 пикселей

Подсказка: Если вы внимательно посмотрите на приведенные выше значения размеров, вы быстро заметите, что большинство из них на самом деле созданы путем удвоения предыдущего числа: 12 > 24 > 48 > 96 ; 16 > 32 > 64 > 128 > 256 > 512 > 1024.

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

Каким будет ваш базовый размер?

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

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

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

Например, если мне нужно создать три варианта ( 16 x 16 пикселей , 32 x 32 пикселей и 64 x 64 пикселей ), я всегда буду начинать с 16 x 16 px в качестве моего базового размера, а затем создайте другие, удвоив его.

Каковы основные определяющие черты субъекта?

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

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

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

Какой стиль вы используете?

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

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

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

Самые популярные стили:

• пиксель арт
• квартира
• материал
• штриховая графика
• изометрический
• глиф
• скевоморфный
• мерный
• нарисованный от руки
• анимированный

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

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

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

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

Если вы хотите узнать больше об этом предмете, я настоятельно рекомендую вам прочитать мою статью «10 стилей, которые изменили внешний вид дизайна иконок», в которой будут рассмотрены основные существующие стили и их черты.

10 стилей, которые изменили дизайн иконок

Как найти вдохновение

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

Так как же получить это чувство вдохновения?

Что ж, лучший способ дать волю своему творчеству — создать так называемую «доску настроения» (или доску вдохновения).

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

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

Здесь пригодятся такие инструменты, как Pinterest и Instagram, поскольку они позволяют создавать доски настроения одним нажатием кнопки.

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

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

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

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

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

3.2. Фаза строительства

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

Теперь, независимо от того, какое программное обеспечение вы используете — Adobe Illustrator, Adobe Photoshop, Affinity Designer, Sketch и т. д. — следующая часть практически одинакова, поскольку вы можете применить концепции к любому из существующих графических пакетов.

То же самое можно сказать и о разных операционных системах, поскольку независимо от того, являетесь ли вы пользователем Mac или Windows, вы сможете достичь одного и того же результата, следуя одному и тому же процессу.

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

Сделай это идеально по пикселям

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

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

Как создать Pixel-Perfect Artwork в Adobe Illustrator

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

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

Настройте правильный файл проекта

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

Профиль

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

Это на самом деле важно, так как разные профили будут иметь разные цветовые системы ( Web использует RGB , а Print использует CMYK ), что может привести к нежелательному отображению цвета при просмотре другими людьми.

Измерительные блоки

Затем у нас есть единицы измерения, используемые для описания ширины , высоты , углового радиуса , толщины штриха и интервала , используемых для различных составных форм.

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

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

Количество артбордов

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

Мой совет: всегда старайтесь идти по второму пути, так как это значительно облегчит задачу экспорта значков.

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

Использовать слои

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

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

Кроме того, это поможет вам в процессе экспорта, так как вы захотите скрыть свои сетки.

Использовать опорные сетки

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

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

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

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

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

4. Что можно и чего нельзя делать при создании иконок

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

Будь проще

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

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

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

Начните с базовых фигур

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

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

Сосредоточьтесь на цветах

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

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

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

Избегайте использования текста в значках

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

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

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

10 лучших советов по созданию потрясающих иконок

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

Что можно и чего нельзя делать при создании линейных иконок

5.

Общие проблемы

Далее мы быстро рассмотрим некоторые наиболее распространенные проблемы, с которыми вам придется столкнуться при работе над новой иконкой.

Вращение формы

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

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

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

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

Создание вариантов размера

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

Ну, сам процесс довольно прост, так как в большинстве случаев все, что вам нужно сделать, это удвоить размер вашего текущего значка, используя приращение 200% .

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

Вы можете узнать больше об этом конкретном процессе, прочитав мою статью «Как правильно масштабировать значки в Adobe Illustrator», в которой представлены концепции, которые можно использовать в большинстве графических пакетов.

Как правильно масштабировать значки в Adobe Illustrator

6. Как экспортировать значок

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

Эта последняя часть процесса, хотя и может показаться сложной, на самом деле очень проста.

Выберите правильный формат

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

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

Из всех них вы, как правило, в конечном итоге используете PNG , потому что он обеспечивает полную совместимость и занимает очень мало места, когда дело доходит до размера.Это означает, что его можно использовать где угодно, будь то веб-сайт, настольное приложение, мобильное приложение, документ Word и т. д.

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

Сохраните их по отдельности

Что касается самого процесса, то он варьируется от инструмента к инструменту. Некоторые поставляются со специальными инструментами экспорта, в то время как другие по-прежнему полагаются на более традиционные методы.

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

Расширьте свои навыки создания иконок!

Теперь, когда мы подошли к концу статьи, я хочу оставить вас с несколькими подобранными руководствами, которые помогут вам быстро приступить к работе!

лучших советов по созданию собственных значков

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

Пиктограммы сильны, потому что они делают краткие заявления. Мозг обрабатывает визуальные сигналы намного быстрее, чем текстовые, поэтому значок может передавать сообщение намного быстрее, чем написанное слово. «Хороший способ подумать о силе визуальной коммуникации — подумать о самой важной информации, с которой вы сталкиваетесь ежедневно, а именно о здоровье и безопасности», — говорит Эдвард Боутман, соучредитель проекта Noun и инструктор Skillshare. Оригинальный Дизайн иконок: создание пиктограмм с целью . «Эта информация почти всегда передается визуально с помощью пиктограмм, потому что эти маленькие изображения могут оказать огромное влияние. Они невероятно сильны».

Изображение из Skillshare Original

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

Создание значков, стимулирующих действие

Присоединяйтесь к соучредителю Noun Project Эдварду Боутману, который направляет пользователей по созданию значков с помощью Adobe Illustrator в своем Skillshare Original.

Поиск правильной идеи

Каждый отличный дизайнерский проект начинается с мозгового штурма, и дизайн иконок не исключение.Подумайте, как будет использоваться значок, кто его увидит, что вы хотите, чтобы он представлял, и какие цвета или изображения вы хотите, чтобы он содержал. Обратите внимание и на стиль. Это профессионально или причудливо? Красочный или монотонный? Плоский или 3D? Нарисованный от руки или точный?

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

Студенческий проект Рикардо Кабрита

Часто дизайнеры создают набор иконок, соответствующих различным продуктам или идеям. Когда вы беретесь за такой проект, начните с рассмотрения общей темы и того, какие отдельные элементы вы могли бы включить. «Я составляю список в своем рабочем файле Illustrator», — говорит дизайнер Адам Уиткрофт, который делится советами в своей книге Skillshare Original Icon Design: Create a Cohesive Icon Set . «Этот список, по сути, просто мозговая свалка идей по теме.Я делаю это с каждым проектом, который я сделал. Это действительно помогает мне думать наперед». В то время как отдельные значки должны стоять сами по себе, вы также хотите, чтобы набор сливался вместе и сливался в единое целое. Подумайте, как вы можете использовать шрифт, форму или цвет, чтобы связать набор значков воедино.

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

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

Создание набора иконок в Photoshop

Следите за тем, как дизайнер Адам Уиткрофт рассказывает о процессе, который он использует для создания серии иконок.

Составление плана

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

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

Изображение от DKNG Studios

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

Как создать серию иконок

Погрузитесь в дизайн иконок вместе с соучредителями DKNG Studios Дэном Кукеном и Натаном Голдманом.

Создание иконки

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

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

Adobe Illustrator

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

Adobe InDesign

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

Adobe Photoshop

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

Канва

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

Корел Дроу Corel Draw

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

Издатель Майкрософт

Многие пользователи уже установили Publisher на своих компьютерах как часть Microsoft Office Suite, и хотя эта программа требует немного больше навыков, чем ее веб-аналоги, ее довольно легко освоить.Тем не менее, возможности Publisher несколько ограничены, и настройка графики может стать проблемой, если вы имеете в виду что-то конкретное. Думайте о программе как о промежуточном варианте, который может выполнить работу, если у вас нет навыков, потребностей или ресурсов для более продвинутого варианта.

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

Экспортируйте свой дизайн и воплощайте его в жизнь.

Когда ваш дизайн значка завершен, ваша работа дизайнера еще не завершена. «Мы подошли к последнему этапу», — объясняет иллюстратор Кевин Моран в своем курсе «Как создавать геометрические значки с помощью Adobe Illustrator ». «У нас есть удивительный набор визуальных эффектов, которые мы можем использовать в различных ситуациях.Теперь нам нужно подготовить эти визуальные эффекты к работе с или подобным ситуациям». Это означает экспорт ваших файлов таким образом, чтобы они работали для предполагаемого приложения.

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

Изображение предоставлено преподавателем Skillshare Кевином Мораном

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

Например, сохранение возможностей редактирования Illustrator может добавить к файлу среднего размера еще 400 КБ. Во многих случаях может быть лучше создать отдельный файл .ai, чтобы иметь его под рукой для будущих изменений, и удалить возможности редактирования в программе из файла SVG.

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

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

Создание пользовательских значков для вашего личного бренда

Кевин Моран рассказывает об основах отличного дизайна иконок, в том числе о том, как настроить программы и экспортировать файлы.

Заключение Логотипы

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

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

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

Как сделать индивидуальную иконку для Android

Источник: Ара Вагонер / Android Central

Пакеты значков имеют отверстия.Пакеты значков не всегда подходят к вашим обоям. А когда вы оформляете свой телефон, возможно, то, что вам нужно, вообще не находится в пакете значков. Все в порядке. Нам не нужны никакие вонючие пакеты значков, особенно в 2020 году, когда существуют такие приложения, как Icon Pack Studio. Мы можем вместе редактировать наши собственные значки! Это просто. Все, что вам нужно, это какой-нибудь фоторедактор — будь то последняя версия Photoshop или бесплатные облачные редакторы, такие как Pixlr E, — и немного творчества.

Перейти к:

Поиск изображения

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

Источник: Android Central

• Игровые элементы: Предметы инвентаря во многих играх, такие как эти предметы Dark Souls, легко установить в виде значков, поскольку большинство из них предназначены для размещения в квадрате, а прозрачные PNG-изображения предметов легко найти на фан-сайтах и ​​игровых вики. .
• Emoji: Emoji уже представляют собой квадратные изображения, которые удобны для мобильных устройств и могут быть расшифрованы миллионом различных способов. Вы можете замаскировать приложения тем, как они вызывают у вас чувства, о чем они вам напоминают, как секретный код, который можете расшифровать только вы.
• Музыка: если вы хотите показать свою сильную любовь к любимой группе или группе, превратите их уже квадратные обложки альбомов в специальные значки. SOS от ABBA для номеронабирателя? Металлика для Хрома? Можете ли вы почувствовать любовь сегодня вечером к Tindr?
• Логотипы: Спортивные команды, известные бренды, черт возьми, даже многие фильмы и группы имеют свои логотипы онлайн в прозрачных изображениях PNG, готовых для установки в качестве пользовательского значка.Если вы фанат спорта, логотип вашей команды — это самая простая иконка на панели приложений в мире тем, и в большинстве случаев ее вообще не нужно редактировать.
• Векторные сайты: Хотите эмблему для земного шара, или кувшинку, или клеш? Сайты с иконками и векторные репозитории — это кладезь иконок, и как только вы их загрузите, вы сможете украсить их текстурами и цветовыми палитрами. Flaticon предлагает фантастический выбор бесплатных и платных иконок.

Если изображение, которое вы нашли, является прозрачным и квадратным изображением , поздравляем! Вы можете применить его как есть.Если это не так, возможно, вам придется внести несколько правок.

Редактирование : Как превратить изображение в значок

Давайте сразу отметим одну вещь: вы делаете , а не , чтобы заплатить за Photoshop только для создания пользовательских значков. Вы можете использовать бесплатные фоторедакторы, такие как Pixlr E и remove.bg, чтобы сделать работу бесплатно, и вы можете использовать их на своем телефоне, если у вас нет под рукой ноутбука.

Вот что может быть не так с изображением и как это исправить:

Источник: Android Central

• Если исходное изображение не имеет прозрачного фона, вам необходимо удалить фон, если вы хотите применить его на Android (или добавить фон цветовой палитры на iOS), вы можете использовать Photoshop, Pixlr E или удалить.bg, чтобы избавиться от него и сохранить как прозрачный PNG.

• Если исходное изображение не является квадратным, вам нужно дополнить изображение и сделать его квадратным. Вы можете сделать это в Photoshop или Pixlr E, выбрав Image > Canvas size , а затем развернув холст в квадрат.

  Источник: Android Central
• Если изображение слишком большое — если оно выглядит слишком зубчатым или загруженным — вы можете изменить его размер с помощью Pixlr E, Photoshop или даже встроенного приложения «Галерея» в Chrome OS или Windows, чтобы уменьшить размер изображения.500x50px — хороший размер для значков, так как он позволяет им хорошо выглядеть даже при увеличении экрана, но он не настолько велик, чтобы детали выглядели дергано.

Icon Pack Studio : легко создавайте собственные значки

Если вы не заинтересованы в поиске нового изображения для каждого отдельного приложения на главном экране — не говоря уже обо всех приложениях в панели приложений — тогда позвольте мне поделиться тем, что я использую для значков на главном экране в эти дни: Значок Пак Студия. Это приложение не создает отдельные значки, оно создает настраиваемую маску значков, которую затем можно применить к каждому отдельному приложению в большинстве сторонних программ запуска, хотя это наиболее удобно в Smart Launcher 5, поскольку оно создано командой Smart Launcher.

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

Сделай сам

Набор иконок Студия

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

Применение пользовательского значка

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

Новая пусковая установка

1. Нажмите и удерживайте ярлык , который вы хотите изменить.
2. Нажмите Редактировать .

3. Коснитесь поля значка , чтобы изменить значок.

   Источник: Android Central
4. Нажмите Галерея приложений .
5. Нажмите Документы .

6. Перейдите и выберите свой пользовательский значок .

   Источник: Android Central
7. Прежде чем нажимать Готово , убедитесь, что значок расположен по центру и полностью находится в ограничивающей рамке.
8. Нажмите Готово , чтобы зафиксировать изменения.

9. Наслаждайтесь новым значком

   Источник: Android Central

Пусковая установка

1. Нажмите и удерживайте ярлык приложения , которое вы хотите отредактировать.
2. Перетащите значок вверх до Редактировать .

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

   Источник: Android Central
4. Коснитесь Мои фото .
5. Перейдите и выберите свой собственный значок .

6. Вернитесь на главный экран, чтобы насладиться новым значком.

   Источник: Android Central

Единственными ограничениями для пользовательских значков являются ваши собственные вкусы и ваше воображение! Какие пользовательские значки вы использовали в теме? У вас есть отличная идея для некоторых пользовательских значков, но вы не знаете, как это реализовать? Оставляйте свои идеи в комментариях ниже!

Мы можем получать комиссию за покупки по нашим ссылкам.Узнать больше.

Сделайте Razr снова великим

Motorola Razr 3: 6 основных функций, которые мы хотим видеть

У нас никогда не было преемника Razr в 2021 году, но мы ожидаем, что Motorola выпустит Razr 3 в какой-то момент в этом году. Это лишь некоторые из моментов, которые, как мы надеемся, Motorola сделает правильно со своим следующим складным устройством.

USB-C все

Это лучшие наушники USB-C.

Поскольку разъемы для наушников почти исчезли, USB-C может стать единственным проводным вариантом для современных телефонов и планшетов.К счастью, есть несколько хороших вариантов, из которых можно выбрать.

Как сделать свой собственный значок веб-шрифта

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

От разработки отдельных значков до их преобразования для встраивания @font-face и даже лицензирования их для распространения — мы будем использовать только бесплатное программное обеспечение и онлайн-сервисы.Как насчет этого? Вам не нужно полагаться на какие-либо эзотерические знания, необходимые для создания успешных буквенно-цифровых шрифтов; просто глаз для проектирования вещей, которые могут казаться очень, очень маленькими.

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

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

 

Что делает значок хорошим?

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

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

(На основе изображения Эл Браун)

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

Некоторые так называемые значки на самом деле не являются значками. Вездесущий значок RSS с точкой и двумя сегментами концентрических кругов напоминает синдикацию не больше, чем слова «Really Simple Syndication». Конфигурация фигур, составляющих значок RSS, означает RSS только по соглашению; мы договорились, что это то, для чего они нужны. Значок RSS правильнее называть символом RSS .

Надеюсь, мы установили, что успешные веб-иконки должны соответствовать одному или обоим из следующих двух критериев:

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

Иконочные шрифты набирают популярность

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

По сравнению с изображениями идея использования встроенных шрифтов для значков является относительно новой идеей. Тем не менее, именно он набирает популярность из-за множества неотъемлемых преимуществ по сравнению с методом изображения (или background-image ). О некоторых из этих преимуществ я писал в своем крошечном блоге еще в начале сентября.У Криса Койера, очевидно, была похожая идея, и через несколько недель он представил ее ( намного, намного ) более широкой аудитории. Опираясь на эти два сообщения и другие, я составил этот полный список функций:

1. Их размер легко изменить без ухудшения качества (поскольку они по сути являются векторами)
2. Перекрасить значок так же просто, как перекрасить текст. Например, цвет : оранжевый для значка RSS
.
3. Многие значки сгруппированы в один файл, что требует всего одного http-запроса
4. Как указывает Крис, это фигуры с прозрачными «выбивающими элементами», которые работают в браузерах начиная с IE6 (в отличие от PNG с альфа-каналом)
5. Для значков, которые должны отображаться рядом с текстом, выравнивание и обтекание не имеют значения (поскольку они являются текстом)
6. Вы можете применять эффекты CSS3 с помощью text-shadow и background-clip:text , которые учитывают форму глифа
7. В отличие от SVG, кроссбраузерную поддержку легко обеспечить

Проблемы

По словам Криса, использование шрифтов для иконок — хорошая идея, говорю вам . Тем не менее, статус-кво в отношении использования иконочных шрифтов не идеален. Во-первых, большинство доступных качественных шрифтов, называемых Pictos, Fico, Klepto, Cheetos, Ponyo и Sailor Moon (возможно, некоторые из них я неправильно понял), являются платными шрифтами. На практике это означает, что на самом деле две проблемы :

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

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

После некоторых поисков я в конце концов познакомился с возможностями редактора шрифтов Inkscape SVG Font Editor .После небольшой практики использования Inkscape и помощи онлайн-конвертера для преобразования моего шрифта SVG в TTF я смог создать «Heydings». Этот шрифт теперь включен в список Simurai (на что ссылается статья Койера). Я не пытаюсь продать вам свой шрифт (в любом случае он бесплатный), но я думаю, что это неплохое доказательство концепции :

Зачем останавливаться на создании общих значков с использованием шрифтов SVG? С возможностью создавать значки приходит возможность создавать более специфичные для сайта формы, элементы брендинга и украшения. Подобно спрайтам CSS, все эти визуальные элементы можно хранить в одном файле, что сокращает число обращений к серверу до единственного http-запроса . В отличие от спрайтов CSS, элементы могут изменять размер и не зависят от позиционных координат (значения background-position ) для правильного отображения.Это делает их более подходящими для адаптивного дизайна.

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

Одна из лучших особенностей этого подхода — универсальность. Например, второй зубец слева можно использовать как крошечный точечный рисунок и как гигантский абстрактный декоративный фон .Раскрашивать так же просто, как использовать color:maroon , но нет необходимости придерживаться однородных цветов; множество эффектов CSS3 можно использовать для добавления текстуры и тактильности. Чтобы немного вдохновиться, изучите эту превосходную галерею веб-шрифтов, улучшенных с помощью CSS3.

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

Совместный значок веб-шрифта

Как заметил мне на днях мой наставник по JavaScript Руперт, использование шрифтов SVG для создания наборов иконок открывает интересные возможности для совместной работы. Видите ли, код SVG, представляющий собой форму XML , высоко стандартизирован и легко читается человеком.Это именно тот исходный код, который подходит для разработки с использованием сервиса «социального кодирования», такого как GitHub.

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

Я создал общедоступный репозиторий на GitHub, чтобы способствовать развитию этой идеи. База кода репозитория, называемого шрифтом Community Icon Font, несложна: внимательное изучение предыдущего руководства по Inkscape и быстрое чтение страницы проекта должны дать вам все необходимое для участия. Если вы новичок в GitHub, попробуйте заглянуть на их страницы справки или спросить у соседа-техника (это то, что я делаю).

Как создавать собственные наборы значков и делиться ими

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

10 лучших тем для Android, тематических приложений и настроек!

Давайте рассмотрим различные варианты создания уникальных иконок: от изменения их вручную для собственных целей до создания и распространения целых наборов иконок через форумы или даже Play Store.

Предупреждение: если вы ищете простое приложение, которое можно сделать и продать, возможно, это не то!

Как создавать собственные значки и пакеты значков для Android

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

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

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

В Apex процесс очень похож: нажмите и удерживайте значок, который хотите использовать, коснитесь «Изменить», затем выберите наиболее подходящий вариант.

Если программа запуска не поддерживает пользовательские изображения в качестве значков — как в случае с Samsung Experience Home — вместо этого вы можете использовать такое приложение, как Awesome Icons. Awesome Icons работает, создавая для вас ярлыки на рабочем столе, которые затем запускают ярлык для этого приложения через Awesome Icons.

Пожалуй, самый крутой вариант — создать свой собственный набор иконок в виде APK, используя отличные Адаптиконы (не заклятые враги Адаптиботов). Это приложение позволяет создавать пакеты значков, выбирая приложения из списка, затем редактируя их значки в простом меню или полностью меняя их местами.

Когда вы выбираете «Сохранить», вы можете сохранить его как ярлык или виджет, экспортировать любой новый файл .PNG изображения, которые вы создали, или экспортируйте в виде пакета значков. Если вы выберете последнее, APK будет сгенерирован и установлен автоматически (после того, как вы дадите разрешение приложению).

Теперь вы даже можете найти этот APK, заглянув в /storage/emulated/0/Android/data/pl.damianpiwowarski.adapticons/files/iconpack/ . Он будет называться « iconpack.apk ». Кроме того, просто выполните «глубокий поиск» с помощью ES File Explorer.

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

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

Как рисовать собственные иконки

Итак, теперь вы знаете, как создать набор значков. Как вы собираетесь создавать изображения, которые хотите использовать?

Когда дело доходит до рисования собственных значков, есть несколько вариантов. На самом деле любое изображение может работать как значок, если оно достаточно велико (108 x 108) и учитывает средства запуска, применяющие маски, которые обрезают края и делают видимыми только внутренние 72 x 72 пикселя.

Как создать потрясающую пиксельную графику для игр и приложений

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

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

Если вам нравится официальный подход Material Design, вы можете попробовать использовать Android Asset Studio. Этот бесплатный инструмент позволяет создавать приложения с использованием различных шаблонов прямо в браузере. Сама Android Studio также имеет функцию Image Asset Studio. Просто щелкните правой кнопкой мыши папку Res в окне проекта и выберите «Image Asset».

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

Как создать приложение с пакетом значков с нуля

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

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

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

На сегодняшний день лучшим примером является IconShowcase-Dashboard

Безусловно, лучший пример, который мне удалось найти после лотов раскопок, — это IconShowcase-Dashboard с открытым исходным кодом, который полностью доступен на GitHub. Что еще более важно, он поставляется с гигантской Wiki, которая объясняет процесс настройки и конфигурацию, которую вам нужно будет выполнить самостоятельно.Это очень длительный процесс, я не буду здесь его описывать.

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

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

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

Код

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

В папку значений вы также добавите файл с именем icon_pack.xml , который будет содержать массивы с именами ваших файлов значков.

Большинству руководств уже несколько лет, а ADW, Nova и другие руководства не опубликованы.

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

Это нелегкий процесс, но, надеюсь, эти ресурсы и начальные советы помогут вам сэкономить много времени и усилий.Удачи!

Заключительные мысли

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

В следующей статье мы рассмотрим еще один потенциальный вариант заработка на ваших проектах: создание темы для Samsung. Следите за обновлениями!

Как спроектировать и создать потрясающую иконку приложения

Разработать мобильное приложение, которое люди не смогут устоять перед загрузкой, не так просто, как просто дать им что-то полезное.

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

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

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

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

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

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

Фактически, исследования показывают, что 92,6% людей при принятии решения о покупке придают наибольшее значение визуальным факторам.

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

Рекомендации по созданию значков приложений

Выберите смелую, уникальную форму.

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

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

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

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

Вот пример значка приложения, не , так здорово:

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

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

Не используйте фото.

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

Источник изображения: The Next Web

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

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

Не перегружайте значок цветом и деталями.

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

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

Значок приложения Snapchat — отличный пример значка приложения с простой цветовой палитрой и дизайном.

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

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

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

Помните об этом, когда выбираете цвета для своего приложения .

И убедитесь, что цвета соответствуют вашему бренду. Цветовая палитра значка должна быть такой же, какую вы используете в дизайне реального приложения, и она должна привлекать вашу аудиторию. Поскольку 84,7% участников опроса секретариата Seoul International Color Expo сообщили, что цвет составляет более половины различных факторов, важных для выбора продукта, для вас крайне важно выбрать правильную цветовую схему.

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

Не включать слова.

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

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

Теперь вы можете подумать:

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

И ты прав. Они делают.

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

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

Рассмотрите возможность включения какой-либо границы.

Мы уже говорили о том, как Snapchat поместил рамку вокруг призрака на значке своего приложения, но вы также можете поместить рамку вокруг всего изображения значка.Значок приложения Adobe Photoshop Express — отличный пример эффективного использования границ: