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

6 советов от Apple, как создать лучшую иконку

Сотни сессий, спикеров и докладов – прошлым летом Apple представила новую iOS 7. Вскоре после проведения WWDC в Сан-Франциско, в сети появилось множество ресурсов по iOS 7. Мы нашли прекрасную презентацию «Лучшие практики для великолепного iOS-дизайна» от евангелиста Apple Майка Стерна.

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

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

Шесть советов о том, как создавать лучшие иконки

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

Иконка, как правило, это первое, с чем сталкиваются люди при знакомстве с вашим приложением. Вам необходимо выделиться из толпы. Посмотрите на поиск в App Store по слову «Camera» и как приложение Path типа выделяется из толпы, обыгрывающей объектив камеры. Иконка должна быть красивой и мгновенно узнаваемой – вы всегда должны держать два этих правила в уме.

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

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

1. Уникальная форма.

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

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

2. Тщательно подбирайте цвета.

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

3. Избегайте фотографий

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

4. Избегайте мно жества текста

Если вы вообще можете обойтись без текста, то так и поступайте. Попробуйте использовать только символ или логотип для иконки. Прекрасными примерами тут служат Ness, Pocket, Vine, Snapguide и Pinterest.

5. Точно изображайте материалы

Это, возможно, несколько удивительный совет, учитывая изменения, которые сделаны в iOS7. Примером тут может служить Paper, голограмма Square Wallet, иконка 1password, прекрасно отражающая безопасность данных, а иконка LifeKraze реализует идеи скевоморфизма настолько хорошо, что сам Майк признается в том, что «не понимает как они это делают – это высший уровень искусства». Лучший комплимент разработчикам от дизайнера, проработавшего в Apple семь лет.

6. Будьте креативными

Вы пытаетесь выделиться из толпы. Routesy, Hipstamatic, Evernote Food и Brewski Meвсе следуют этому пути. Часто фокус в том, чтобы развить простое понятие – иногда самые сложные визуализации основаны на простых композиционных формах.

Бонус: протестируйте вашу иконку на разных обоях

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

Хороший пример: Turnplay

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

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

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

Источник

Темы оформления на iPhone (новые иконки): как менять, где скачать, как заработать на этом

С выходом iOS 14 пользователи получили новую интересную возможность – менять дизайн иконок, создавая тем самым собственные темы оформления. Интересно, что ранее сама Apple весьма категорично относилась к любым попыткам кастомизировать систему. Более того, пользователи получили не только возможность создавать свои собственные иконки, но и продавать их! Один дизайнер рассказал, что за ночь такой работы смог заработать 9240 долларов! Конечно же, нам интересно, как работает такая схема.

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

Как изменить иконку на iPhone или iPad

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

1. Откройте приложение «Быстрые команды» от Apple (если его нет на устройстве, то скачать можно здесь).

2. Перейдите по пути Мои команды → «+» → Добавить действие.

3. В поисковой строке введите запрос «Открыть приложение», а потом выберите Открыть приложение → Выбрать. Вы увидите список установленных на устройстве приложений.

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

5. Введите название значка на домашнем экране «Значок и название для экрана Домой», а затем нажмите на иконку.

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

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

Смена дизайна иконок – прорыв или провал?

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

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

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

Где найти и скачать иконки, обязательно ли надо за них платить?

К счастью, можно без труда найти и бесплатные пакеты с иконками для iOS 14. Пока еще нет единого ресурса, на которым вы могли бы найти нужные картинки. Приходится пользоваться поиском и социальными сетями, где начинающие дизайнеры активно делятся результатами своей работы. Например, тут можно скачать иконки в стиле iOS 6. Кастомизировать же виджеты можно с помощью приложения Widgetsmith. Но большинство популярных тем оформлений доступны в Интернете платно. Очень много готовых тем представлено на сайте etsy.com. После оплаты вы получите ссылку на пакет с картинками. А на онлайн-платформе продаж Gumroad появился даже пакет кастомизации для iOS 14 в стиле Android.

Как заработать на иконках iOS?

Пользователь Twitter с ником @traf на собственном сайте оперативно разместил набор картинок, которые позволяют кастомизировать интерфейс iOS 14. Простой пакет иконок дизайнер выставил на продажу с ценником в 28 долларов. Через два часа картинок было продано на 5 000 долларов, а еще через несколько часов 330 продаж принесли уже 9240 долларов.

1. Share my iOS home screen setup
2. Notice some crazy interest in the icons
3. Design icon set, and upload it to @gumroad
4. Create a website on @notionhq using @super_
5. Make $5,264 in my sleep, all from

2 hours of work

За неделю @traf заработал более 100 000 долларов. И это далеко не единственный пример того, как можно создать свой дизайн иконок и заработать на этом.

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

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

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

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

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

Источник

Как сделать форму иконок для 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 будет простым и соответственно экономит вам время.

Источник