Как нарисовать иконку айфона

Lepzon.ru

Как сделать свои иконки для телефона Android и iPhone

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

Изменить иконку для Android

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

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

1. Запускаем приложение. Перед вами на экране появится список уже установленных программ. Выберите ту, иконку которой желаете заменить.
2. На следующем экране можно изменить название программ. Нажмите на маленький карандаш в строке с именем.
3. Ниже расположено три вкладки: Library — библиотека со значками из приложения, выберите любую они бесплатны; Photo — откроется галерея с вашими изображениями, выберите своё изображение для иконки; Apps — добавление значков из других приложений (в том числе установленных).
4. Установите свою иконку и нажмите вверху кнопку Ok.

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

Скачать X Icon Changer в Play Market.

Как добавить свои иконки на Айфоне

У мобильных устройств с IOS со значками дела обстоят лучше. Здесь о них заботятся сами разработчики. Для настройки рабочего стола своего смартфона нужно перейти в приложение Команды. Оно есть во всех последних версиях операционной системы от Apple.

1. Нажмите пустую плашку под названием Создать команду и далее Добавить действие.
2. Выбираем иконку с буквой X и названием Скрипты.
3. Листаем список вниз и находим пункт Приложения.
4. Нажмите кнопку Выбрать и найдите программу, на которой желаете заменить иконку на рабочем столе телефона.
5. Затем нажмите вверху три точки и выберите Добавить на экран Домой.
6. Нажмите на значок внизу и кнопку Выбрать фото.
7. В галерее iPhone выберите заранее подготовленную иконку.
8. Введите также название программы, если это необходимо. Или запишите прежнее.

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

Набор иконок для телефонов Xiaomi

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

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

Скачать MIU 11 в Play Market.

Сделать иконку ссылкой на рабочем столе

Телефон постепенно заменяет компьютер. На нём мы можем смотреть фильмы и посещать интересные форумы. Чтобы каждый раз не писать в поисковой строке название интересующего сайта, добавьте значок-ссылку на рабочий стол в Android или Айфон. Для этого отдельное приложение не понадобится.

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

Мобильный Яндекс Браузер

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

1. Запустите браузер и перейдите на сайт, ссылку на который нужно сохранить в виде иконки.
2. Нажмите три точки в нижней части экрана.
3. Выберите Добавить ярлык.

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

Google Chrome для телефона

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

1. Нажмите вверху на кнопку меню (три точки).
2. Выберите пункт Добавить на главный экран.
3. При необходимости измените настройки иконки.

Opera Mini

Снова переходим на сайт, который нужно сохранить на рабочем столе Андроид. Нажимаем три точки вверху окна и выбираем пункт Добавить на домашний экран.

Как уменьшить иконки рабочего стола на телефоне

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

1. Нажмите иконку настроек.
2. Найдите в списке пункт Расширенные настройки или Специальные возможности.
3. В списке параметров найдите раздел, отвечающий за размер элементов на экране.

Параметры иконок можно попытаться найти через поисковую строку настроек. Используйте также слово «значки». Некоторые модели не позволяют настраивать их. Используйте приложение Mi Launcher. В нём можно изменять размеры любых виджетов и иконок на рабочем столе телефонов Android.

Источник

Как сделать форму иконок для iOS

Те, кто создавал программы для IOS, рано или поздно сталкивались с тем, что нужно рисовать иконки для IPhone. Кто-то копирует дизайн интерфейсов IPhone. И тем, и тем первое, что нужно делать в этом деле — это нарисовать форму для иконки.

С чего началось

В интернете я случайно наткнулся на материал ребят из Droider. Их материал. Так как я знаю про IPhone с 2006 года (год появления первого IPhone), то мне было интересно как происходят иконки современных iOS. Так как я увлекаюсь и занимаюсь программированием, то создание приложений для IPhone возможно был бы вопросом времени. Касательно иконок iOS, они не просто рассказывали как происходят суперэллипсы, они показали формулу рисования иконок iOS.

Инструмент для рисования суперэллипсов

После этого я искал инструменты, которые рисуют суперэллипсы по формуле, введенной пользователем. Я вбил этот запрос в Google. По первой попавшейся ссылке я нашел нужный инструмент. Плюс этого инструмента заключается в том, что нарисованный по формуле суперэллипс можно экспортировать в векторный файл SVG, что облегчает дизайнерам иконок iOS-приложений задачу в рисовании формы. Значения A и B — 60. Степень N равна 5.

Получился суперэллипс аля иконки iOS. Инструмент

Что дальше?

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

Если вы собираетесь писать приложение для iOS, то этот способ сделать форму иконок для IPhone будет простым и соответственно экономит вам время.

Источник

Как создать иконку приложения для iOS?

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

Иконка и ее влияние на скачивание приложения iOS

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

Иконка — это логотип?

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

Как часто бывает, особенно если мы говорим об играх, логотипом будет изображение бренда компании-разработчика, а иконка будет содержать игровые элементы, часть процесса или игрового персонажа. Например, всем известная компания EA Games и ее логотип. И ряд ее игр-приложений представленный в App Store:

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

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

Как создать иконку: технические требования к иконкам приложений в App Store

Технические требования полностью предоставлены в информации для разработчиков от App Store.

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

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

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

• Придерживайтесь цветовых характеристик или цветовой схемы вашего бренда

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

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

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

• Темная или светлая тема смартфона

Адаптируйте свою иконку, для корректного отображения, как на светлой, так и на темной теме телефона.

• Не используйте текст— оставьте слова для текстовой оптимизации

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

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

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

В таком случае рекомендуем сделать иконку для IOS приложений в такой же цветовой палитре.

• А/В тестирование — обязательно к использованию!

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

• Работа с сезонностью и праздниками

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

• Две основные стратегии — очень похоже на конкурентов, или же совсем не похоже

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

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

• Иконка отлично выглядит при любом масштабе

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

• Учитывайте особенности платформыприложений

Перед тем как сделать иконку, тщательно изучайте технические требования платформы под IOS. Не полагайтесь на универсальность. Изучайте иконки конкурентов в App Store и Play Market. Часто иконки в магазинах разные. Учтите это создайте различные иконки под каждый магазин приложений.

• Не забывайте про обновление значка

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

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

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

Источник