Допустим, у меня есть три изображения в каталоге bundle или asset: Default~iphone.png Default@2x~iphone.png [email protected] В iOS 4 и более поздних версиях конструктор UIImage может принимать…

У меня есть приложение iPhone, которое, по-видимому, не отображает свой значок на главном экране/рабочем столе только на устройстве retina iPhone. Я вижу значки в симуляторе сетчатки, а также в…

Я использую метод appearance с UIBarButtonItem для настройки фоновых изображений моей кнопки назад, но на дисплее Retina iPhone я вижу странную проблему при использовании изображения. Вот пример…

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

Мне нужна свернутая анимация для uiview. Итак, я анимирую mainscrollview и rollupboard. Итак, в viewDidLoad я установил рамку этих двух представлений как: dashRollUpStand=[[UIImageView…

Интересно, был ли у кого-нибудь опыт использования ресурсов retina с плагином NativeControls iPhone для вкладок? С помощью плагина можно установить пользовательские изображения для каждой кнопки…

Я хочу проверить свои значки и другие PNGs. Конечно, я следую соглашению об именовании изображений iPhone, поэтому у меня есть Icon.png, и [email protected], Default.png, и [email protected]. Одна проблема:…

Я задаю этот вопрос только для получения информации и для того, чтобы прояснить свои представления об изображениях в приложении iOS ( устройства Retina и non-retina ). В настоящее время я делаю…

У меня есть 4 иконки для моего сайта: iPhone iPhone сетчатка iPad iPad сетчатка Все они отлично работают, кроме iPhone retina (144×144), которая просто показывает обычный значок low-rez iphone…

Я начал учиться разрабатывать приложения для iPhone и купил свой первый mac 2 месяца назад. Так что я не знаю всего о mac os x. Но мой вопрос заключается в том, что когда я запускаю симулятор iPhone…

Какого размера должен быть apple-touch-icon.png для iPad и iPhone?

Обновленный список Декабрь 2019, iOS13 Один значок для iOS 180×180 px и один для Android 192×192 px (объявлено в site.webmanifest).

<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">

#### site.webmanifest
{
    "name": "",
    "short_name": "",
    "icons": [
        {
            "src": "/android-chrome-192x192.png",
            "sizes": "192x192",
            "type": "image/png"
        }
    ],
    "display": "standalone"
}

Список устарел Октябрь 2017 г., iOS11

Список для iPhone и iPad с сетчаткой и без нее

<!-- iPhone(first generation or 2G), iPhone 3G, iPhone 3GS -->
<link rel="apple-touch-icon" href="touch-icon-iphone.png">
<!-- iPad and iPad mini @1x -->
<link rel="apple-touch-icon" href="touch-icon-ipad.png">
<!-- iPhone 4, iPhone 4s, iPhone 5, iPhone 5c, iPhone 5s, iPhone 6, iPhone 6s, iPhone 7, iPhone 7s, iPhone8 -->
<link rel="apple-touch-icon" href="touch-icon-iphone-retina.png">
<!-- iPad and iPad mini @2x -->
<link rel="apple-touch-icon" href="touch-icon-ipad-retina.png">
<!-- iPad Pro -->
<link rel="apple-touch-icon" href="touch-icon-ipad-pro.png">
<!-- iPhone X, iPhone 8 Plus, iPhone 7 Plus, iPhone 6s Plus, iPhone 6 Plus -->
<link rel="apple-touch-icon" href="touch-icon-iphone-6-plus.png">
<!-- Android Devices High Resolution -->
<link rel="icon" href="icon-hd.png">
<!-- Android Devices Normal Resolution -->
<link rel="icon" href="icon.png">

Обновление октябрь 2017 iOS 11: iOS 11 проверена, iPhone X и iPhone 8 представлены

Обновление ноябрь 2016 г. iOS 10: представлены новые версии iOS для iPhone 7 и iPhone 7plus, они имеют такое же разрешение экрана, dpi и т. Д., Что и iPhone 6s и iPhone 7plus, до сих пор не было обнаружено никаких изменений относительно обновления 2015 г.

Обновление Android в середине 2016 года: добавьте устройства Android в список, так как ссылки с сенсорным экраном Apple отмечены Google как устаревшие и больше не будут поддерживаться для их устройств.

<!-- Android Devices High Resolution -->
<link rel="icon" href="icon-hd.png">
<!-- Android Devices High Resolution -->
<link rel="icon" href="icon.png">

Обновление 2015 iOS 9: для iOS 9 и iPad pro

<link rel="apple-touch-icon" href="touch-icon-ipad-pro.png">

Новые iPhone (6s и 6s Plus) имеют те же размеры, что и iPhone (6 и 6 Plus), в новом iPad Pro используется изображение размером 167×167 пикселей, остальные разрешения остаются такими же.

Обновление 2014 iOS 8:

Для iOS 8 и iPhone 6 плюс

<link rel="apple-touch-icon" href="touch-icon-iphone-6-plus.png"> 

Iphone 6 использует то же изображение размером 120 x 120 px, что и iphone 4, а 5 — то же, что и для iOS 7

Обновление 2013 iOS7:

Для iOS 7 рекомендованные разрешения изменены:

• для iPhone Retina от 114 x 114 пикселей до 120 x 120 пикселей
• для iPad Retina от 144 x 144 пикселей до 152 x 152 пикселей

Другое разрешение осталось прежним

• 57 x 57 пикселей по умолчанию
• 76 x 76 пикселей для iPad без сетчатки

Источник: https://developer.apple.com/ios/human-interface-guidelines/icons-and-images/app-icon/

это сквиркл? Разбор / Блог компании Droider.Ru / Хабр

Давайте сыграем в игру. У нас есть два ряда знакомых всем пользователям iOS-иконок. На первый взгляд иконки сверху и снизу одинаковые. Но это не так. В одном ряду вы видите настоящие иконки, а в другом подделку.

Можете ли вы определить, где какие? Не торопитесь, посмотрите внимательно? Ну что, выбрали?

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

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

Но! В интерфейсе iOS нет ни одного квадрата с закруглёнными углами. Все элементы в iOS, это не квадраты и прямоугольники — это суперэллипсы!

Сегодня мы поговорим про секреты в дизайнах продуктов Apple. Что такое суперэллипс? В чём магия формы иконок? И почему HomePod — это суперяйцо.

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

Она называется суперэллипсом или кривой Ламе, в честь математика Габриеля Ламе, который в 19 веке внёс большой вклад в теорию упругости, разработал общую теорию криволинейных координат, и придумал суперэллипсы. Что же это такое?

Это геометрическая кривая, которая строится при помощи уравнения вот такого вида:

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

Увеличивая значение n, форма становится всё более выпуклой. При n=2 получается ровный круг. А при n равной 4 или 5 мы получаем привычную всем форму иконки.

У такой формы даже есть своё название — сквиркл. И, нет, сквиркл — это не ваш любимый раздел на PornHub. Это производное от слов square и circle. Т.е. по русски сквиркл — это квадрокруг или квадратный круг.

Кстати, формула описывающая иконку iOS выглядит вот так:

Т.е. иконка в iOS — это и не круг и не квадрат, а математически — это что-то среднее между ними.

Кольцо и суперяйцо

Историческая справка. Популяризировал суперэллипсы и сквирклы датский ученый Пит Хейн. В 60-х годах он спроектировал транспортное кольцо в Стокгольме в виде суперэллипса со значениями n = 2.5, a/b = 6/5.

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

Кстати, трехмерные суперэллипсы — это суперэллипсоиды. А всякие неправильные суперэллипсоиды — это суперквадрики.

Непрерывность кривизны

Но вернёмся к иконкам! Чем всё-таки квадрокруг отличается от скругленного квадрата? И чем он не угодил дизайнерами Apple? Давайте посмотрим!

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

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

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

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

Mac Mini, Apple TV,  iPhone, iPad, MacBook и конечно HomePod — своего рода всё это суперэллипсы. Даже в их новом кампусе нет ни одной прямой стены.

Плавное перетекание форм и отсутствие резких переходов делает продукты Apple не только привлекательными внешне. На этот счёт есть отличная статья Николая Геллара, которую я процитирую:

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

Например если сравнить по дизайну HomePod и Яндекс.Станцию, становится понятно в почему станция выглядит менее привлекательно, её как будто только выпустили с завода. А HomePod будто нашел в своём саду японский мастер суйсэки — искусства любования камнями.

Хотя сама Яндекс.Станция — девайс отличный. А HomePod красивый, но туповатый (русского не знает).

Примеры

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

Такая же история с Apple Watch. В Series 4 увеличили не только дисплей, но и обновили форму. Да-да, Apple Watch с четвёртой версии это тоже — суперэллипс (как сам экран).

Другие компании

Естественно, не только Apple играется с суперэллипсами. Те же иконки в One UI на смартфонах Samsung, гораздо более явные квадрокруги, чем у Apple. Но, на мой взгляд, у Samsung выбранная форма не работает.

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

Но это не самое главное. Основная проблема в интерфейсе Samsung. Я говорю про отсутствие единства. Плавные суперэллипсы тут соседствуют с грубоватыми скруглёнными. Как внутри интерфейса так и в дизайне самих девайсов.

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

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

Что за apple-touch-icon-precomposed.png и зачем apple-touch-icon.png ?

Зачем  apple-touch-icon.png ?

Как и все – нашел кучу сообщений в логах сайта о том что нет такого файла:  apple-touch-icon-precomposed.png и  apple-touch-icon.png   Оказалось это iOS хочет показать иконку для сайта и пытается ее найти в корневом директории на хостинге в разных вариантах имени файла:

• apple-touch-icon-57×57-precomposed.png
• apple-touch-icon-57×57.png
•  apple-touch-icon-precomposed . png 
• apple-touch-icon.png

Что же, сделаем ее самостоятельно.

У вас должен получиться целый архив со всевозможными форматами иконок. Итак создаем значок. Чтобы указать значок для всего веб-сайта, нужно поместить созданный файл значка в формате png в корень сайта под названием apple-touch-icon.png. Я подстраховался и положил копии значка в корень сайта с названиями apple-touch-icon-precomposed.png  и apple-touch-icon.png

• Значок в формате PNG с именем apple-touch-icon.png нужно разместить в корневой папке сайта
• Если вы хотите указать значок для одной веб-страницы или заменить значок веб-сайта с веб-страницы конкретной иконкой, добавьте элемент ссылки на веб-страницу:
  <link rel=”apple-touch-icon” href=”/custom_icon.png”>
  В приведенном выше примере, замените custom_icon.png файлом иконки.
• Чтобы указать несколько значков для устройств с разным разрешением, например, для поддержки устройств iPhone и iPad, нужно добавить атрибут sizes к каждому элементу link следующим образом:
  <link rel=”apple-touch-icon” href=”/touch-icon-iphone.png”>
  <link rel=”apple-touch-icon” sizes=”76×76″ href=”/touch-icon-ipad.png”>
  <link rel=”apple-touch-icon” sizes=”120×120″ href=”/touch-icon-iphone-retina.png”>
  <link rel=”apple-touch-icon” sizes=”152×152″ href=”/touch-icon-ipad-retina.png”>
• Наиболее подходящим для устройства, если не указан sizes, является размер элемента до 60 х 60.

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

В случае если иконка должна лежать в другом месте (например в специальной папке) то необходимо добавить тег следующего вида, например:

<link rel=”apple-touch-icon” href=”/icons/custom_icon.png”>

Желающим подробнее вникнуть в тему, могу предложить статью на английском языке: https://mathiasbynens.be/notes/touch-icons

Пример тегов в странице сайта )какой то сайт попался под руку 🙂 ):

<head>
		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0" />
		<meta name="MobileOptimized" content="240"/>
		<meta name="HandheldFriendly" content="true"/>

		<link rel="apple-touch-icon" href="/favicon/apple-touch-icon-57x57.png">
		<link rel="apple-touch-icon" href="/favicon/apple-touch-icon-60x60.png">
		<link rel="apple-touch-icon" href="/favicon/apple-touch-icon-72x72.png">
		<link rel="apple-touch-icon" href="/favicon/apple-touch-icon-76x76.png">
		<link rel="apple-touch-icon" href="/favicon/apple-touch-icon-114x114.png">
		<link rel="apple-touch-icon" href="/favicon/apple-touch-icon-120x120.png">
		<link rel="apple-touch-icon" href="/favicon/apple-touch-icon-144x144.png">
		<link rel="apple-touch-icon" href="/favicon/apple-touch-icon-152x152.png">
		<link rel="apple-touch-icon" href="/favicon/apple-touch-icon-180x180.png">
		<link rel="icon" type="image/png" href="/favicon/favicon-32x32.png">
		<link rel="icon" type="image/png" href="/favicon/favicon-194x194.png">
		<link rel="icon" type="image/png" href="/favicon/favicon-96x96.png">
		<link rel="icon" type="image/png" href="/favicon/favicon-16x16.png">
		<link rel="mask-icon" href="/favicon/safari-pinned-tab.svg" color="#ef5a24">
		<link rel="manifest" href="/favicon/manifest.json">
		<link rel="shortcut icon" href="/favicon/favicon.ico">
		<meta name="apple-mobile-web-app-title" content="VideoClub">
		<meta name="application-name" content="VideoClub">
		<meta name="msapplication-TileColor" content="#da532c">
		<meta name="msapplication-TileImage" content="/favicon/mstile-144x144.png">
		<meta name="msapplication-config" content="/favicon/browserconfig.xml">
		<meta name="theme-color" content="#022441">

		<style>body, #page, #background-color, #background-dots{min-height: 100vh;}</style>

Установите «apple-touch-icon.png», чтобы настроить веб-сайты. Закладка iPhone FavIcon

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

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

Как настроить и установить значок Apple Touch для веб-сайта

• Создайте значок, убедитесь, что это квадрат, тот, который здесь, на OSXDaily.com, имеет размер 512 × 512 пикселей, но вы можете выбрать другие размеры квадрата, если действительно хотите – обратите внимание, что больший размер подходит для дисплеев Retina.
• Сохраните значок рабочего стола как файл PNG и назовите его: apple-touch-icon.png.
• Перетащите apple-touch-icon.png в корневой каталог веб-сервера, чтобы получить к нему доступ по адресу domain.com/apple-touch-icon.png
• Проверьте значок закладки на главном экране своего веб-сайта, зайдя на сайт из Safari в iOS, а затем нажав «Добавить на главный экран»
• Посмотрите на домашний экран устройства iOS, и вы увидите сохраненную закладку с вашим новым пользовательским значком, как на скриншоте выше.

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

Для справки, вот наше собственное изображение apple-touch-icon.png, которое мы используем для OSXDaily.com, этот пример значка закладки создан и имеет размер, соответствующий дисплеям Retina (подробнее о создании значка закладки Retina см. Здесь):

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

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

И, эй, если вас беспокоят подобные вещи, вы, вероятно, используете Photoshop, по крайней мере, для разработки иконок, верно? Так что ознакомьтесь с некоторыми советами по ускорению работы Photoshop, пока вы занимаетесь этим.

iPhone 11 | iStore Таганрог

iPhone 11

Ничего лишнего. 

Только самое.

​

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

Любовь с первого, второго, третьего, четвёртого, пятого, шестого взгляда.

​

Плохое фото? Не выйдет.

Новая система двух камер.

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

Новая сверхширокоугольная камера.

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

Знакомьтесь, Ночной режим.

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

Снимайте портреты, получайте шедевры.

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

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

Самое прочное стекло iPhone.

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

Защита от воды.

iPhone 11 ещё лучше защищён от воды: он выдерживает погружение на глубину до 2 метров длительностью до 30 минут  —  вдвое глубже, чем iPhone XR.

Выходит на полный рабочий день.

Целый день без подзарядки.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Значки внимания, настроек и уведомлений

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

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

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

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

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

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

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

2200 iPhone IOS 14 App PNG Icons Pack Прозрачный черный

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

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

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

~ ПРОЗРАЧНЫЙ ~

ВАЖНО, ПОЖАЛУЙСТА, ПРОЧИТАЙТЕ.
Это прозрачные черные значки, которые вы можете нанести на любой цветной фон или фотографию по вашему выбору. Эти значки предназначены только для применения вашего собственного цвета или фотографии в качестве фона, чтобы ваши приложения были более персонализированными и уникальными для вас. Если вы не разместите фон позади этого значка, приложение «Ярлыки» применит свой собственный цвет в качестве фона. Ниже я объясню, как применить свой собственный фон.В качестве альтернативы, если это не то, что вы ищете, напишите мне, я более чем счастлив и уверен, что мы сможем придумать то, что вам точно понравится.

Вот некоторые из имеющихся у нас значков приложений:

• Amazon
• Snapchat
• Pinterest
• Facebook
• Instagram
• Tik tok
• 2000 и др.

* Это цифровая загрузка — физический продукт не отправляется *

Включает 2200 значков PNG с высоким разрешением.

~ ЗАПРОС ДРУГИХ ИКОНЫ ~

В связи с огромным спросом на пользовательские иконки, мы будем делать 3 иконки бесплатно и 30 центов (США) за каждую иконку в дальнейшем.

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

Мы отправим вам запрошенные значки по электронной почте в кратчайшие сроки.

~ ЗАГРУЗКА ФАЙЛА ~

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

Если у вас есть учетная запись Etsy, вы найдете следующую ссылку, которая поможет вам загрузить свои цифровые файлы прямо из вашей учетной записи 🙂 https://help.etsy.com/hc/en-us/articles/115013328108?segment = shopping
Приложение Etsy НЕ позволяет скачивать файлы. Пожалуйста, войдите в свою учетную запись через браузер, например Safari или Chrome, чтобы получить файлы.

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

~ ИСПОЛЬЗОВАНИЕ ЯРЛЫКОВ ~

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

~ ВОПРОСЫ ~

ПОЖАЛУЙСТА, если у вас возникнут проблемы, свяжитесь со мной.Я уверен, что могу помочь вам тем или иным образом 🙂

~ ВАЖНО ~

Продукты нельзя передавать или перепродавать. Эти продукты предназначены только для вашего личного использования.

App Icon Maker — изменение размера значка приложения до любых размеров для проектов iOS / Android.

Конструктор значков приложений / Изменение размера значков приложений

AppIconMaker.co — это бесплатный облачный производитель значков, который оптимизирует значок вашего приложения с высокой скоростью и генерирует значки всех размеров для использования в приложениях для разных магазинов приложений.Его универсальность с точки зрения совместимости служит дизайнерам, разработчикам и руководителям проектов, которые хотят создавать и / или изменять размер значков для приложений iOS, Android и Watch. Его простота использования позволяет загружать zip-файлы для значков платформ вместе или по отдельности для каждого. Никогда не беспокойтесь о совместимости веб-браузера, так как этот бесплатный создатель значков работает на всех; все, что вам нужно, — это обновлять браузер. С AppIconMaker вы можете загружать файлы jpg, png, bmp и gif и получать файлы с размерами разного разрешения.

Как использовать / Как это работает

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

Cloud App Icon Maker Services

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

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

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

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

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

Бесплатный инструмент для создания иконок. Неограниченное количество проектов!

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

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

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

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

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

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

Для iOS вы можете загружать глифы в дополнение к заполненным и незаполненным значкам.Для Android вы можете загрузить значки Material Design с заливкой, контуром, закругленными краями или с острыми краями. Иконки для обеих платформ могут быть цветными или в оттенках серого.

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

Загружаемый формат: PNG

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

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

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

Загружаемый формат: SVG, PNG и AI

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

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

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

Загружаемый формат: SVG

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

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

Загружаемый формат: PNG

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

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

Загружаемый формат: PNG, ICO, ICNS

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

Вы можете загрузить эти бесплатные значки приложений в самых разных пакетах, таких как значки линий и жирных линий, социальные сети, мебель, иллюстрации Google Photo и даже значки типа Pokémon! Различные пакеты можно просматривать по категориям и тегам.

Загружаемый формат: Файлы эскизов

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

Вы можете искать нужные бесплатные значки приложений. Например, введите «настройки», и сайт отобразит список значков приложений для настроек. Среди стилей, которые вы можете выбрать: «Заливка», «Обводка», «Закругление», «Двухцветный» и «Резкий контраст». Вы можете загрузить каждый из этих бесплатных значков приложений по отдельности в формате SVG или PNG.

Загружаемый формат: SVG или PNG

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

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

Среди бесплатных пакетов значков для приложений, которые мы рекомендуем загрузить, можно выделить Enes Dal’s Geoph, набор бесплатных значков Travis Avery’s 340 Freebies Touch и простые линейные значки от Мирко Монти.

Загружаемый формат: PSD

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

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

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

Загружаемый формат: SVG

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

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

Загружаемый формат: PNG и SVG

Если вам нужен простой, плоский и минималистичный дизайн, Freebies Bug предлагает два отличных бесплатных пакета значков приложений, которые мы рекомендуем: «Удобства» от Dot on Paper и 80 обводных значков от Petras Nargela.

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

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

Загружаемый формат: PSD и SVG

Tympanus есть отличная бесплатная раздача в виде набора значков Helium.

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

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

Загружаемый формат: SVG

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

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

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

Загружаемый формат: SVG

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

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

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

Загружаемый формат: SVG, PNG, PSD, EPS и AI

Практически любой дизайнер когда-нибудь слышал о Smashing Magazine и не без оснований.

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

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

Еще один классный пакет значков для приложений — Summer и Essentials. Он состоит только из качественных плоских иконок ручной работы с дополнительной цветовой схемой.

Загружаемый формат: PNG / SVG / EPS / PDF

Если вы ищете чистый набор значков приложений Pixel Perfect Line, которые можно было бы загрузить совершенно бесплатно, не ищите ничего, кроме Elegant Themes!

Elegant Theme — 100 Free Line-Style Icons делает именно то, что написано на банке — превосходно прорисованные, минималистичные линейные значки практически для любой ситуации.

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

Загружаемый формат: SVG и PNG

Если вы хотите найти бесплатно загружаемый набор иконок с тонкими карандашными штрихами, лучшим выбором будет набор иконок Pixeden’s Stroke 7.

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

Загружаемый формат: SVG

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

Их бесплатно загружаемый пакет значков содержит до 490 значков ручной работы с сеткой из 16 пикселей.

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

Загружаемый формат: SVG, PDF, EPS, Ai, PSD

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

У вас наверняка будет множество вариантов для любого сценария, который вам нужен.

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

Загружаемый формат: PSD, SVG, EPS и PNG

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

Почему? Потому что у вас есть до 360 иконок, как в сплошной, так и в контурной версии (мы говорим, что 720 — это неплохо). Они плоские, стильные и минималистичные по дизайну. Пакет можно загрузить как прозрачный PNG с сеткой 60 пикселей, так и в Sketch, AI и EPS.

Загружаемый формат: Эскиз, PNG, AI и EPS

Как и Aegeank выше, Open Iconic — отличное место, если вы ищете бесплатные значки приложений, которые можно использовать в более серьезных или нейтральных дизайнах приложений.

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

Open Iconic ценит свои значки за то, что они «гиперчитаемы», то есть их можно увидеть на расстоянии до 8 пикселей. Если вы ищете мелкие шрифты, то это определенно то место, куда вам нужно, поскольку Open Iconic до 4 раз меньше, чем Font Awesome!

Загружаемый формат: SVG, PNG

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

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

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

Загружаемый формат: PSD

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

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

Загружаемый формат: PNG, SVG

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

Загружаемый формат : PNG, SVG, EPS, PSD и BASE 64

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

Загружаемый формат : SVG, EPS, PNG и PSD

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

Iconshock есть множество бесплатных иконок, которые дизайнеры могут загрузить для профессионального использования.Предлагая иконки как в классическом, так и в креативном стилях, на сайте найдется что-то для всех. Однако одна интересная деталь заключается в том, что значки можно бесплатно загрузить только в формате PNG. Только премиум-пользователи могут загружать значки в формате SVG.

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

Загружаемый формат : PNG, SVG и PDF

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

Загружаемый формат : AI, EPS, PDF, SVG

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

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

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

Загружаемый формат : SVG и PNG

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

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

Загружаемый формат : AI, PNG, SVG

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

Загружаемый формат : PNG, SVG и PDF

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

Загружаемый формат : PNG, SVG и AI

Endless Icons предлагает длинный список значков, которые подходят к разным темам, сохраняя в целом один и тот же стиль. Файлы можно загружать без создания учетной записи, а на веб-сайте есть удобная панель поиска, которая помогает дизайнерам сократить время поиска.Дизайнеры также могут найти целые пакеты значков приложений, организованные по темам, или просто выбрать отдельные значки.

Загружаемый формат : PNG и SVG

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

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

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

Загружаемый формат : AI, EPS, SVG и PNG

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

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

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

Ultimate Free iOS 14 Icon Pack: 150 минимальных иконок

Мы создали набор из 150 красивых минималистичных значков, чтобы визуально обновить ваш iPhone. Все эти значки iOS совершенно бесплатны, они представлены в черно-белых вариациях, чтобы их можно было смешивать и сочетать.

Вы можете выбрать наш бесплатный набор значков для iOS (который включает все значки черного цвета) или профессиональный набор значков за 9 долларов для каждого значка iOS любого цвета!

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

Вариант 1: бесплатный пакет

В бесплатный пакет входят:

• 150 иконок iOS для разных приложений
• Черные версии
• Идеально подходит для экрана вашего iPhone
• Регулярные обновления и дополнения

Скачать Free Icon Pack

Вариант 2: Профессиональный пакет

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

• Версии значков черного, белого, бежевого, синего, пурпурного, красного и бирюзового цветов
• Исходные версии PSD и SVG для создания собственных вариаций

Получите Pro Icon Set

Предложите новую иконку

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

Предложить икону

Как использовать наши бесплатные значки iOS 14

Вот как использовать и применять новые значки всего за несколько быстрых шагов:

1 Загрузите значки

Если вы еще этого не сделали, загрузите указанный выше набор значков на свой телефон (или в другое место) и сохраните его в «Файлы» на своем iPhone, чтобы вы могли получить доступ к папке с вашего устройства (или вы можете сохранить его в «Фото» если хотите)

2 Откройте приложение «Ярлыки» и нажмите «+».

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

3 Нажмите «Добавить действие»

4 Нажмите «Сценарии»

5 Нажмите «Открыть приложение»

6 Нажмите «Выбрать»

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

7 Нажмите значок «Поделиться» внизу.

8 Нажмите «Добавить на главный экран»

9 Нажмите кнопку «Значок»

Откроется окно выбора файлов, в котором вы сможете выбрать новый значок для приложения. Это может быть «Файлы» или «Фотографии», в зависимости от того, где вы сохранили значки на шаге 1.

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

10 Нажмите «Добавить», затем «Далее» в правом верхнем углу.

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

11 Назовите ярлык, нажмите «Готово», и все готово!

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

Создавайте значки приложений для iOS и Android любого размера одним щелчком мыши!

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

Вы можете сэкономить драгоценное время, используя Makeappicon.com для создания значков приложений всех размеров, необходимых для отправки ваших приложений в Apple одним щелчком мыши, независимо от того, создано ли оно для iOS 7, iOS 8, iOS 9, iOS 10, iOS11, WatchOS. , OS X и стикер iMessage и сосредоточьтесь на написании кода и улучшении своих приложений.

Вот размеры приложений iOS 11: (Ищете размеры iOS 10?)

x.pdf

— Создание значков iPhone

Эта статья содержит информацию по следующим темам:

• Введение

• Критерии значков iPhone

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

• Значки приложений для App Store

• Запустить изображения

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

• Значки документов

• Иконки веб-клипов

• Значки для панелей навигации, панелей инструментов и панелей вкладок

Введение

Устройство Apple iPhone (а также устройство iPod Touch) определяет новые стандарты в разработке персональных приложений. Устройство имеет мультитач-интерфейс, который выводит пользовательский опыт на новый уровень эргономики. В этой среде значки играют важную роль, интуитивно направляя пользователя.

Если вы хотите создать приложение для iPhone, вам необходимо создать несколько обязательных и дополнительных значков. Вашему приложению нужен значок приложения и изображение для запуска. Рекомендуется, чтобы приложения также предоставляли iOS значок для отображения в результатах поиска Spotlight (и, при необходимости, в настройках).

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

iPhone Иконки Критерии

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

Для всех значков и изображений рекомендуется формат PNG . Стандартная битовая глубина составляет 32 бита RGBA (по 8 бит для красного, зеленого и синего цветов плюс 8-битный альфа-канал). Вам не нужно ограничивать свою палитру безопасными для Интернета цветами.Вы можете использовать альфа-прозрачность в значках, которые вы создаете для панелей навигации, панелей инструментов и панелей вкладок. Не используйте прозрачность в значках приложений , потому что iPhone OS автоматически создает закругленные углы и добавляет тень. Но имейте в виду, что битовая глубина должна быть RGB / A 32bpp, даже если вы не используете прозрачность.

Важно
Последние поколения iPhone и iPod Touch оснащены дисплеями высокого разрешения (640×960 326 точек на дюйм — подробнее о дисплее Retina).Чтобы поддерживать независимость от разрешения на всех поколениях устройств, вы должны предоставлять версии своих значков в высоком разрешении в дополнение к стандартным (см. Таблицу ниже).

Начало страницы

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

Значок приложения — это значок, который пользователи помещают на свои главные экраны и нажимают, чтобы запустить приложение. Требуются значки приложений. Формат файлов значков приложений: PNG , глубина цвета 32 бита (RGB с альфа-каналом).

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

Создавайте значки приложений разных размеров для разных устройств.Если вы создаете универсальное приложение, вам необходимо предоставить значки приложений трех размеров: два для iPhone и iPod touch и один дополнительный размер для iPad (см. Раздел «Создание значков для iPad»).

Для iPhone и iPod touch требуются два размера:

• 57 x 57 пикселей
• 114 x 114 пикселей (высокое разрешение для последних поколений устройств с дисплеями Retina)

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

• Закругленные углы
• Тень
• Отражающий блеск (если вы не предотвращаете эффект блеска)

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

Когда он отображается на главном экране iPhone, тот же значок приложения будет выглядеть так:

Примечание
Вы можете запретить iOS придавать сияние значку вашего приложения.Для этого вам необходимо добавить ключ UIPrerenderedIcon в файл Info.plist вашего приложения (чтобы узнать об этом файле, см. «Список свойств информации» (веб-сайт Apple). Наличие (или отсутствие) добавленных shine не меняет размеры иконки вашего приложения.

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

• Имеет углы 90 °
• Не имеет блеска или блеска (если вы не выбрали предотвращение добавления отражающего блеска)
• Не использует альфа-прозрачность (даже если изображение сохраняется в 32-битном формате, RGB с альфа-каналом)

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

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

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

Чтобы создать значок приложения в Axialis IconWorkshop, выполните следующую процедуру:

1. Запустите IconWorkshop, выберите « File / New / Bitmap Image, iPhone, Android, Unix Icon » или нажмите Ctrl + I .

2. Откроется диалоговое окно. В Colors выберите «RGB / альфа-канал (32 бита)». В поле «Размер в пикселях» укажите « 57×57 (значок приложения iPhone) » или укажите 114×114 для версии с высоким разрешением.

3. Щелкните ОК . Создается новый пустой проект. С этого момента вы можете создать свой значок, используя различные методы в IconWorkshop: создание собственного изображения с помощью встроенных инструментов, импорт существующего изображения, использование перетаскивания с существующими объектами изображения (рекомендуется), использование плагинов импорта Photoshop и Illustrator …

4. Когда значок готов, сохраните его как PNG: выберите « File / Save » и выберите « Portable Network Graphic (PNG) » в качестве типа файла.

Начало страницы

Иконки приложений для App Store

Создайте версию 512 x 512 пикселей значка вашего приложения для отображения в App Store. Этот значок для App Store обязателен. Хотя важно, чтобы эта версия была мгновенно узнаваема по значку вашего приложения, она может быть немного богаче и детальнее.В эту версию значка приложения не добавлены визуальные эффекты. Формат файла значков приложений для App Store: PNG , глубина цвета 32 бита (RGB с альфа-каналом).

Если вы разрабатываете приложение для специального распространения (то есть для распространения только внутри компании, а не через App Store), вы также должны предоставить версию значка приложения размером 512 x 512 пикселей. Этот значок обозначает ваше приложение в iTunes. iOS также может использовать это большое изображение другими способами.Например, в приложении для iPad iOS использует изображение размером 512 x 512 пикселей для создания большого значка документа, если пользовательский значок документа не предоставлен.

Чтобы создать значок приложения для App Store в Axialis IconWorkshop, выполните следующую процедуру:

1. Запустите IconWorkshop, выберите « Файл / Новое / Растровое изображение, iPhone, Android, Unix Icon » или нажмите Ctrl + I .

2. Откроется диалоговое окно. В Colors выберите «RGB / альфа-канал (32 бита)».В поле «Размер в пикселях» укажите « 512×512 ».

3. Щелкните ОК . Создается новый пустой проект. С этого момента вы можете создать свой значок, используя различные методы в IconWorkshop: создание собственного изображения с помощью встроенных инструментов, импорт существующего изображения, использование перетаскивания с существующими объектами изображения (рекомендуется), использование плагинов импорта Photoshop и Illustrator …

4. Когда значок готов, сохраните его как PNG: выберите « File / Save » и выберите « Portable Network Graphic (PNG) » в качестве типа файла.

Начало страницы

Изображения запуска

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

Требуются изображения для запуска. Формат файла запускаемых изображений PNG , глубина цвета 32 бита (RGB с альфа-каналом).

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

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

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

Создайте изображение запуска, идентичное первому экрану приложения, за исключением:

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

Для iPhone и iPod touch создайте изображения запуска, включающие область строки состояния, следующих размеров:

• 320 x 480 пикселей
• 640 x 940 пикселей (высокое разрешение для последних поколений устройств с дисплеями Retina)

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

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

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

Начало страницы

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

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

Маленькие значки не являются обязательными, но рекомендуется. Формат файла запускаемых изображений PNG , глубина цвета 32 бита (RGB с альфа-каналом). Вы можете создавать прозрачные области в небольших значках.

Для iPhone и iPod touch iOS использует один и тот же значок как для результатов поиска Spotlight, так и для настроек.Если вы не предоставите этот значок, iOS может сузить значок вашего приложения для отображения в результатах поиска и в настройках. Создавайте значки размером:

• 29 x 29 пикселей
• 58 x 58 пикселей (высокое разрешение для последних поколений устройств с дисплеями Retina)

Чтобы создать маленькие значки для вашего приложения iPhone в Axialis IconWorkshop, выполните следующую процедуру:

1. Запустите IconWorkshop, выберите « Файл / Новое / Растровое изображение, iPhone, Android, Unix Icon » или нажмите Ctrl + I .

2. Откроется диалоговое окно. В Colors выберите «RGB / альфа-канал (32 бита)». В поле «Размер в пикселях» укажите « 29×29 (значок небольшого приложения iPhone) » или укажите 58×58 для версии с высоким разрешением.

3. Щелкните ОК . Создается новый пустой проект. С этого момента вы можете создать свой значок, используя различные методы в IconWorkshop: создание собственного изображения с помощью встроенных инструментов, импорт существующего изображения, использование перетаскивания с существующими объектами изображения (рекомендуется), использование плагинов импорта Photoshop и Illustrator …

4. Когда значок готов, сохраните его как PNG: выберите « File / Save » и выберите « Portable Network Graphic (PNG) » в качестве типа файла.

Начало страницы

Значки документов

Если ваше приложение для iPhone создает документы нестандартного типа, вы можете захотеть создать собственный значок, который будет определять этот тип для пользователей. Значки документов не являются обязательными, но рекомендуется. Формат файла запускаемых изображений PNG , глубина цвета 32 бита (RGB с альфа-каналом).Вы можете создавать прозрачные области в значках документов.

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

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

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

• Создайте привлекательное изображение, которое четко ассоциируется с вашим приложением. Люди могут видеть этот значок в разных местах и ​​в разных контекстах, поэтому лучше всего, когда они могут сразу распознать его как связанный с вашим приложением.
• Создайте значок документа двух размеров: 22 x 29 пикселей и 44 x 58 пикселей (высокое разрешение)
• Поместите пользовательское изображение в каждое прямоугольное пространство по своему усмотрению: изображение можно центрировать, смещать или заполнять все пространство.Имейте в виду, что iOS применяет градиент, который переходит от прозрачного (вверху) к черному (внизу).

Например, если вы предоставите значок 22 x 29 пикселей, который выглядит как изображение слева, iOS создает значок документа, который выглядит как изображение справа:

Точно так же, если вы предоставите значок 44 x 58 пикселей, который выглядит как изображение слева, iOS создает значок документа, который выглядит как изображение справа:

Начало страницы

Иконки веб-клипов

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

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

Чтобы добавить значок на свой веб-сайт, назовите его apple-touch-icon.png (соблюдайте строчные буквы на серверах на базе UNIX) и загрузите его в корень своих веб-страниц на своем сервере. Вы также можете добавить другой значок на определенную страницу, добавив этот код в заголовок своей страницы (измените «your-custom-icon-name.png» на свое собственное имя:

Для iPhone и iPod touch создайте значки, которые измеряют:

• 57 x 57 пикселей
• 114 x 114 пикселей (если вы хотите, чтобы ваш значок хорошо отображался на экранах Retina)

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

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

• Закругленные углы
• Тень
• Светоотражающий

Например, простой значок веб-страницы размером 57 x 57 пикселей может выглядеть так:

Когда он отображается на главном экране iPhone, тот же значок будет выглядеть так:

Примечание
Вы можете предотвратить добавление всех эффектов, назвав свой значок apple-touch-icon-precomposed.png (доступно в iOS 2.0 и новее). Если вы закодировали его в html веб-странице, используйте

Убедитесь, что ваш значок соответствует критериям визуальных улучшений, добавляемых iOS (если они вам нужны). Вы должны создать изображение в формате PNG, которое:

• Имеет углы 90 °
• Не имеет блеска и блеска

Чтобы создать значок веб-клипа в Axialis IconWorkshop, выполните следующую процедуру:

1. Запустите IconWorkshop, выберите « File / New / Bitmap Image, iPhone, Android, Unix Icon » или нажмите Ctrl + I .

2. Откроется диалоговое окно. В Colors выберите «RGB / альфа-канал (32 бита)». В поле «Размер в пикселях» укажите « 57×57 (значок приложения iPhone) » или укажите 114×114 для версии с высоким разрешением.

3. Щелкните ОК . Создается новый пустой проект. С этого момента вы можете создать свой значок, используя различные методы в IconWorkshop: создание собственного изображения с помощью встроенных инструментов, импорт существующего изображения, использование перетаскивания с существующими объектами изображения (рекомендуется), использование плагинов импорта Photoshop и Illustrator …

4. Когда значок готов, сохраните его как PNG: выберите « File / Save » и выберите « Portable Network Graphic (PNG) » в качестве типа файла.

Начало страницы

Значки для панелей навигации, панелей инструментов и панелей вкладок

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

Эти значки не являются обязательными. Формат файла PNG , глубина цвета 32 бита (RGB с альфа-каналом). Вы можете создавать прозрачные области в значках документов.

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

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

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

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

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

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

Для значков панели инструментов и панели навигации создайте значок следующих размеров:

• Около 20 x 20 пикселей
• Около 40 x 40 пикселей (высокое разрешение)

Для значков панели вкладок создайте значок следующих размеров:

• Не более 48 x 32 пикселя
• Не более 96 x 64 пикселя (высокое разрешение)

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

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

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

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

Чтобы создать эти значки в Axialis IconWorkshop, выполните следующую процедуру:

1. Запустите IconWorkshop, выберите « File / New / Bitmap Image, iPhone, Android, Unix Icon » или нажмите Ctrl + I .

2. Откроется диалоговое окно.