Содержание
IPhone Android Apple, значок яблока, логотип, компьютерные обои png
iPhone Android Apple, значок яблока, логотип, компьютерные обои png
теги
- логотип,
- компьютерные обои,
- вымышленный персонаж,
- черный,
- силуэт,
- мобильные телефоны,
- ipad,
- android,
- разработка программного обеспечения,
- revolut,
- iphone,
- ios 11,
- компьютерные иконки,
- черный и белый,
- значок яблока,
- яблоко,
- магазин приложений,
- смартфон,
- png,
- прозрачный png,
- без фона,
- бесплатная загрузка
Скачать PNG ( 35.72KB )
Размер изображения
- 527x497px
Размер файла
- 35.72KB
MIME тип
- Image/png
изменить размер PNG
ширина(px)
высота(px)
Некоммерческое использование, DMCA Contact Us
Рамка для iPhone, магазин приложений для iPhone X, Apple iOS 11, яблоко, угол, прямоугольник png
2880x5664px
3.02MB
Разработка мобильных приложений Прикладное программное обеспечение iOS Android, модель мобильного телефона Creative, иллюстрация телефона, гаджет, значок телефона png
1141x1450px
940.49KB
iPod touch Всемирная конференция разработчиков Apple, iOS 11 iPhone, ios, белый, электроника png
1000x1000px
136.82KB
Разработка мобильных приложений Android, рука держит мобильный телефон, гаджет, электроника png
490x702px
202.25KB
Логотип Apple, iPhone Логотип Apple iOS 7, логотип Apple, угол, белый png
2480x1208px
778.21KB
iPhone X Мобильное приложение Карманные устройства Смартфон Портативная сетевая графика, смартфон, электроника, гаджет png
770x1057px
107.49KB
значков смартфонов и приложений, разработка мобильных приложений, установка программного обеспечения, оптимизация магазина приложений, мобильное приложение., электроника, гаджет png
800x660px
315.63KB
космический серый iPhone X, iPhone X iPhone 7 iOS 12 Сообщения, яблоко, угол, прямоугольник png
1264x2087px
129.08KB
iPhone Android Apple, Iphone, электроника, текст png
1000x1000px
240. 45KB
человек, держащий черный Android-смартфон, пакет приложений Samsung Galaxy Android Software, проведение жеста мобильного телефона, гаджет, рука png
658x506px
209.84KB
Магазин приложений iPhone Apple, значок магазина приложений, синий, текст png
1601x1600px
62.61KB
Смартфон Мобильные телефоны Мобильное приложение Компьютерное программирование Gjun, модели телефонов, электроника, гаджет png
681x754px
268.02KB
Android, Apple и Windows, веб-разработка Android Computer Icons, IOS, текст, логотип png
580x513px
24.24KB
Магазин приложений Google Play Apple, яблоко, текст, логотип png
1200x800px
115. 95KB
Значок сообщения IOS, значки сообщений iPhone на компьютере Текстовые сообщения, мессенджер, электроника, трава png
1280x1280px
603.89KB
WhatsApp Прикладная программа Значок сообщения, логотип WhatsApp, логотип Whats App, логотип, трава png
1000x1000px
348.81KB
iPhone Android Apple, Iphone, электроника, логотип png
527x497px
1.02MB
Магазин приложений Apple Google Play, яблоко, текст, логотип png
1269x498px
27.61KB
Что бы вы предпочли сделать?iPhone Android iOS Мобильное приложение, iphone, Что бы вы предпочли сделать, iphone png
837x557px
41. 72KB
белая иллюстрация смартфона, функциональный телефон iPhone X Smartphone Xcode, iphone x, гаджет, текст png
545x964px
56.44KB
iPhone Android App Store Apple, Iphone, электроника, логотип png
1024x768px
74.8KB
App Store Apple Мобильное приложение iPhone Google Play, яблоко, угол, прямоугольник png
1319x2346px
94.61KB
Разнообразная телефонная партия, iPhone 4S Deepak Mobiles Shopping Компьютерное программное обеспечение, смартфон, гаджет, электроника png
1400x770px
958.77KB
Разработка мобильных приложений Разработка программного обеспечения для Android, Android, логотип, трава png
512x512px
23. 62KB
Аккумуляторная батарея логотип, iPhone X Зарядное устройство для компьютеров Компьютерные иконки Электрический аккумулятор, яблоко, прямоугольник, черный png
512x512px
3.83KB
iPhone 4S iPhone 6 iPhone X, яблоко, текст, логотип png
1600x1014px
538.13KB
IPhone 8 Plus iPhone 7 Plus iPhone 6S Телефон, комодо, текст, логотип png
1020x680px
16.71KB
Siri Apple iOS 11 iPhone, яблоко, компьютерные обои, пурпурный png
512x512px
213.9KB
iPhone 5 iPod touch Apple, iOS 11, яблоко, угол, белый png
624x624px
23.19KB
Разработка программного обеспечения для Android, Android, вымышленный персонаж, разработка мобильных приложений png
1152x1957px
1.33MB
черный ноутбук с иллюстрацией приложения, веб-разработка, адаптивный веб-дизайн, разработка мобильных приложений, разработка веб-приложений, подключение для передачи данных на компьютерном телефоне., компьютерная сеть, веб-дизайн png
1618x1449px
103.44KB
Компьютерное программирование Разработчик программного обеспечения Разработка программного обеспечения Прикладное программное обеспечение Разработка программного обеспечения, Интернет компьютерные технологии, серебряный монитор с плоским экраном, Разное, компьютерные сети png
916x922px
280.15KB
iOS 11 Компьютерные иконки Камера Apple Maps, Камера, объектив камеры, прямоугольник png
600x599px
117. 57KB
Компьютерные иконки Разработка мобильных приложений Android, значок моей учетной записи, синий, текст png
600x600px
19.8KB
Разработка мобильных приложений Прикладное программное обеспечение Мобильное устройство Android, мобильный телефон, текст, значок телефона png
1667x1667px
253.98KB
Фигурка Android, Android-приложение, логотип Android, логотип, разработка мобильных приложений для Android png
1000x1000px
355.5KB
Значок смартфона iPhone 8, смартфон, держащий смартфон Samsung, электроника, гаджет png
1488x1581px
733.41KB
WhatsApp Компьютерные иконки, WhatsApp, логотип, монохромный png
512x512px
13. 21KB
iPhone 4 iPhone 7 Разработка мобильных приложений App Store, Apple iphone в руках, белый iPhone 5, гаджет, электроника png
1156x1508px
653.98KB
Apple Logo CarPlay, яблоко, сердце, логотип png
1000x1000px
13.63KB
Логотип журнала вызовов, iPhone 4 iPhone 3G Значок телефона iPhone 7, Phone Hd, электроника, текст png
1024x1024px
564.88KB
iPhone Emoji Apple iOS 11, смайлики, смайлики LOL, электроника, смайлик png
700x700px
65.01KB
серый и черный ноутбук, планшетный компьютер и смартфон, веб-разработка, разработка веб-приложений, Computer Software, aruba, электроника, гаджет png
1500x956px
550. 07KB
Логотип Apple, логотип Информация об Apple Icon, логотип Apple, логотип, монохромный png
770x770px
8.5KB
Логотип Apple, svg, компания, логотип png
924x1038px
5.74KB
Apple iPhone 8 Plus Samsung Galaxy S8 + Android iOS LINE Рейнджерс, мобильная социальная сеть, текст, логотип png
726x505px
30.76KB
iPhone Android App Store, Iphone, электроника, логотип png
837x557px
41.72KB
Логотип Apple, логотип Apple iPhone, логотип Apple, белый, сердце png
803x985px
419.89KB
Магазин приложений iPhone Приложение Apple Mobile, Iphone, электроника, текст png
1080x432px
22.44KB
Веб-разработка Адаптивный веб-дизайн Разработка мобильных приложений, мобильный телефон, гаджет, электроника png
1046x800px
618.23KB
IPhone X iOS 11 HomePod Apple, яблоко, текст, логотип, номер png
iPhone X iOS 11 HomePod Apple, яблоко, текст, логотип, номер png
теги
- текст,
- логотип,
- номер,
- мобильные телефоны,
- фрукты Орех,
- ipad,
- разработчик программного обеспечения,
- мобильная операционная система,
- символ,
- линия,
- молния,
- iphone X,
- iphone,
- ios 12,
- ios 11,
- homepod,
- бренд,
- яблоко,
- png,
- прозрачный,
- бесплатная загрузка
Об этом PNG
Размер изображения
- 1116x821px
Размер файла
- 105. 61KB
MIME тип
- Image/png
Скачать PNG ( 105.61KB )
изменить размер PNG
ширина(px)
высота(px)
Лицензия
Некоммерческое использование, DMCA Contact Us
Рамка для iPhone, магазин приложений для iPhone X, Apple iOS 11, яблоко, угол, прямоугольник, черный png
2880x5664px
3.02MBкосмический серый iPhone X, iPhone X iPhone 7 iOS 12 Сообщения, яблоко, угол, прямоугольник, чехол для мобильного телефона png
1264x2087px
129.08KBАккумуляторная батарея логотип, iPhone X Зарядное устройство для компьютеров Компьютерные иконки Электрический аккумулятор, яблоко, прямоугольник, черный, мобильные телефоны png
512x512px
3. 83KBiOS 11 Apple Maps iOS джейлбрейк, 11, текст, логотип, номер png
1200x1200px
41.46KBIPhone 8 Plus iPhone 7 Plus iPhone 6S Телефон, комодо, текст, логотип, iphone 6 png
1020x680px
16.71KBМагазин приложений iPhone Apple, значок магазина приложений, синий, текст, мобильные телефоны png
1601x1600px
62.61KBiPhone 5 iPod touch Apple, iOS 11, яблоко, угол, белый, текст png
624x624px
23.19KBApp Store iOS 12 Компьютерные иконки, ios, текст, товарный знак, другие png
512x512px
30.1KB org/ImageObject»>iPhone 4S iPhone 6 iPhone X, яблоко, текст, логотип, компьютерные обои png
1600x1014px
538.13KBAndroid, Apple и Windows, веб-разработка Android Computer Icons, IOS, текст, логотип, черный png
580x513px
24.24KBЛоготип Apple, iPhone 6, iPod touch, iOS, Apple iPad, серый значок Apple, Разное, компьютер, сердце png
512x512px
43.42KBiPhone 7 Android Операционные системы, Android, логотип, компьютерные обои, трава png
1160x834px
103.34KB org/ImageObject»>черно-серый значок камеры, компьютер значки камеры iPhone, камера, объектив камеры, прямоугольник, мобильные телефоны png
1032x1031px
305.31KBМагазин приложений Apple Google Play, яблоко, текст, логотип, мобильные телефоны png
775x300px
42.14KBiPhone Apple iOS 11 Разработка мобильных приложений, Iphone, белый, электроника, лицо png
2480x1208px
29.98KBApple Logo Ноутбук, яблоко, сердце, логотип, ноутбук png
572x710px
130.56KB org/ImageObject»>iPhone X iPhone 8 Функциональный телефон Смартфон, iphone, 6, iPhone с синим экраном, гаджет, прямоугольник, мобильный телефон png
1419x2966px
297.48KBApp Store Apple iPhone, яблоко, текст, метка, логотип png
1272x512px
48.05KBiPhone X iPhone 8 iMessage Apple, сообщение, служба мультимедийных сообщений, прямоугольник, логотип png
800x600px
75.24KBлоготип телефона значок контакта, iPhone значки компьютеров телефонный звонок, значок телефона, электроника, текст, трава png
512x512px
16. 83KBкруглая белая, черная, фиолетовая и зеленая иллюстрации, iPhone X iPod touch Siri Apple, МЕСТА, компьютерные обои, пурпурный, мобильные телефоны png
894x894px
498.83KBApple iPhone 8 Plus Apple iPhone 7 Plus iPhone 5s, яблочный, текст, компьютер, логотип png
1000x400px
1.53MBсиний значок телефона внутри круга, телефонный звонок символ смартфон звонит, телефон, Разное, синий, текст png
1024x1024px
16.36KBiPhone 7 iMessage Сообщения Текстовые сообщения, яблоко, трава, фрукты Орех, мобильные телефоны png
768x768px
336.31KBКомпьютерные иконки Разработка мобильных приложений Android, значок моей учетной записи, синий, текст, логотип png
600x600px
19. 8KBApp Store Эко Сурв Apple, магазин Itunes, текст, метка, логотип png
1000x1000px
25.03KBРазработка мобильных приложений для iPhone App Store, разработка, электроника, текст, оранжевый png
590x590px
51.44KBJava Development Kit Операционные системы Android MacOS, Android, текст, логотип, компьютерная программа png
500x500px
11.8KBEmoji iOS 11 Apple, динозавр, динозавр, смайлик, земное животное, мобильные телефоны png
571x571px
106.41KBсумасшедшие смайлики, Всемирный день эмодзи Apple iOS 11, 2018 год с новым годом!, сердце, смайлик, яблоко Color Emoji png
571x571px
194. 56KBEmojipedia Apple Cronologia delle versioni di iOS, спрей и файл psd, смайлик, яблоко Color Emoji, мобильные телефоны png
571x571px
164.29KBЛоготип Apple, iPhone 5c iPhone X iPhone 8 Apple iOS, значок Apple Mac, Разное, сердце, логотип png
512x512px
6.53KBiTunes Store HomePod Apple Music, блокировка фона, текст, компьютер, логотип png
800x600px
134.48KBМагазин приложений Google Play Apple, яблоко, текст, логотип, знак png
1200x800px
115.95KBmacOS Logo, mac, CDR, угол, текст png
518x518px
58.06KB org/ImageObject»>iPhone X iPhone 8 Face ID Сенсорный ID Apple, ID, текст, смайлик, фруктовый орех png
1000x1000px
22.02KBApple Pay Google Pay Apple Кошелек Оплата, яблоко, текст, прямоугольник, логотип png
4920x3456px
40.86KBЛоготип Google Play Store, Google Play App Android, кошельки, текст, метка, логотип png
1500x1500px
67.47KBiPhone Android Apple, Iphone, электроника, текст, логотип png
1000x1000px
240.45KBзначок телефона, телефонный звонок компьютер иконки iPhone Symbol, TELEFONO, электроника, оправа, мобильные телефоны png
980x980px
69. 06KBЗначок сообщения IOS, значки сообщений iPhone на компьютере Текстовые сообщения, мессенджер, электроника, трава, мобильные телефоны png
1280x1280px
603.89KBUber Computer Software для Android, экран, угол, белый, гаджет png
503x1000px
23.85KBiPhone 8 iPhone X Apple iPhone 7 Plus iOS 11, Apple Ui, гаджет, текст, мобильный телефон png
359x740px
88.93KBWhatsApp iPhone, WhatsApp, логотип, монохромный, черный png
512x512px
35.34KBЛоготип ISN, значки компьютеров iOS 7, iOS 11, Apple, Apple, iPhone, Разное, электроника, другие png
803x803px
40. 67KBПрограммное обеспечение для календаря Apple Computer Icons macOS, даты, угол, текст, календарь png
1024x1024px
731.86KB
iPhone Emoji Apple iOS 11, смайлики, смайлики LOL, электроника, смайлик, яблоко Color Emoji png
700x700px
65.01KB
Иконки электронной почты компьютера, электронная почта, разное, синий, угол png
2000x2000px
69.51KB
Разработка мобильных приложений Прикладное программное обеспечение iOS Android, модель мобильного телефона Creative, иллюстрация телефона, гаджет, значок телефона, 3D png
1141x1450px
940.49KB
iPod touch Всемирная конференция разработчиков Apple, iOS 11 iPhone, ios, белый, электроника, текст png
1000x1000px
136.82KB
Глоссарий
Поиск смайликов:
Список терминов, обычно используемых в именах персонажей эмодзи. Многие из терминов, перечисленных на этой странице, появились раньше, чем цветные шрифты эмодзи, и использовались в именовании глифов Unicode, когда они были представлены в черно-белом цвете.
Термины, предшествующие эмодзи, обычно можно игнорировать, когда речь идет об отображении эмодзи.
RGI: рекомендуется для общего обмена. Подмножество эмодзи, которое, вероятно, будет широко поддерживаться на нескольких платформах. Например, допустимы многие последовательности флагов, но только те, которые поддерживаются основными поставщиками, считаются RGI.
Не-RGI: не рекомендуется для общего обмена. Символ или последовательность Unicode, которая отображается как эмодзи на некоторых или многих платформах, но вряд ли будет хорошо поддерживаться.
Примеры смайликов, не относящихся к RGI, включают ☭ Серп и молот, который имеет вид смайликов на устройствах Samsung, 🏴Флаг Техаса (US-TX), который имеет вид смайликов в WhatsApp для Android, и🐱👤 Кот-ниндзя, который ранее имел вид эмодзи в Windows, но отображался как последовательность символов на других платформах.
Некоторые символы, такие как логотип Apple, по определению поддерживаются только на определенных платформах и не рекомендуются для кросс-платформенного использования.
Символы PUA зарезервированы для глифов или символов, зависящих от платформы, и не могут быть стандартизированы Unicode. Другие символы PUA, находящиеся в обращении, включают Twitter Logo и Shibuya, которые поддерживаются на веб-сайте Twitter.
При описании символов Unicode, предшествующих смайликам, белый цвет в именах символов означает, что символ является пустым/очерченным.
Пример: ☺️ Улыбающееся лицо имеет имя в базе данных символов Unicode «Белое улыбающееся лицо», но это не относится к этнической принадлежности персонажа. Это означает, что при отображении с помощью монохромных шрифтов этот символ предназначен для отображения с использованием пустого или контурного вида.
При описании символов Unicode, предшествующих эмодзи, черный в именах символов означает, что символ является сплошным/заполненным. это не относится к этнической принадлежности персонажа. Это означает, что при отображении с монохромными шрифтами этот символ должен отображаться сплошным или заполненным.
При описании символов Unicode, предшествующих смайликам, тяжелый в именах символов означает, что символ толстый/полужирный.
Пример: ❤️ Red Heart имеет в базе данных символов Юникода название «Heavy Black Heart». Несмотря на название, он отображается красным цветом, что придает смайлику вид. Существует отдельный смайлик для 🖤 Черное сердце , который должен быть черным, поскольку он был одобрен в мире постэмодзи.
Указательный палец. Первый палец рядом с большим.
Пример: 🤞 Рука со скрещенными указательным и средним пальцами
Китайский, японский и корейский языки.
Пример: 🈹 Squared CJK Unified Ideograph-5272
Красочный мультяшный внешний вид. По определению, все символы эмодзи в стандарте Unicode поддерживают представление эмодзи.
Пример: ✌️ Рука победы с презентацией эмодзи
Черно-белый глиф или пиктограмма. Некоторые смайлики поддерживают как текст , так и 9.0022 Презентация эмодзи. В более новых смайликах обычно доступна только презентация смайликов.
Пример: ✌︎ Победная рука с текстовой презентацией
Символ Unicode, который объединяет два или более эмодзи вместе для создания последовательности эмодзи ZWJ.
Пример: 🏳️🌈 Радужный флаг создается путем объединения 🏳 Белого флага и 🌈 Радуги с помощью соединения нулевой ширины единая концепция способами, которые люди мгновенно понимают.
Приложения и игры используют множество простых значков, чтобы помочь людям понять элементы, действия и режимы, которые они могут выбрать. В отличие от значков приложений, которые могут использовать богатые визуальные детали, такие как затенение, текстурирование и выделение, чтобы подчеркнуть индивидуальность приложения, значок интерфейса обычно использует обтекаемые формы и штрихи цвета для передачи простой идеи.
Вы можете создавать значки интерфейса, также называемые глифами или шаблонными изображениями — или вы можете выбрать символы из приложения SF Symbols, используя их как есть или настроив их в соответствии со своими потребностями. И значки, и символы интерфейса используют черный и прозрачный цвета для определения их формы; система может применять другие цвета к черным областям на каждом изображении. Руководство см. в разделе Символы SF.
Передовой опыт
Создайте узнаваемый, максимально упрощенный дизайн. Слишком много деталей может сделать значок интерфейса запутанным или нечитаемым. Стремитесь к простому универсальному дизайну, который большинство людей быстро узнает. В общем, значки работают лучше всего, когда они используют знакомые визуальные метафоры, которые непосредственно связаны с действиями, которые они инициируют, или содержимым, которое они представляют.
Поддерживайте визуальную согласованность всех значков интерфейса в приложении. Независимо от того, используете ли вы только пользовательские значки или смешиваете пользовательские и системные, все значки интерфейса в вашем приложении должны иметь одинаковый размер, уровень детализации, толщину обводки (или толщину) и перспективу. В зависимости от визуального веса значка вам может потребоваться настроить его размеры, чтобы он визуально соответствовал другим значкам.
Чтобы добиться визуальной согласованности, при необходимости отрегулируйте размеры отдельных значков…
…и используйте одинаковую толщину штриха для каждой иконки.
В общем, сопоставьте вес значков интерфейса и соседнего текста. Если вы не хотите выделять значки или текст, использование одинакового веса для обоих элементов придает вашему содержимому единообразный внешний вид и уровень выделения.
При необходимости добавьте отступ к пользовательскому значку интерфейса для достижения оптического выравнивания. Некоторые значки, особенно асимметричные, могут выглядеть несбалансированными, если центрировать их геометрически, а не оптически. Например, значок загрузки, показанный ниже, имеет больший визуальный вес внизу, чем вверху, из-за чего он может выглядеть слишком низким, если он расположен геометрически по центру.
Асимметричный значок может выглядеть не по центру, хотя это не так.
В таких случаях можно немного отрегулировать положение значка, чтобы он стал оптически центральным. Когда вы создаете актив, который включает ваши настройки в качестве отступов вокруг значка интерфейса (как показано ниже справа), вы можете оптически центрировать значок, геометрически центрируя актив.
Перемещение значка на несколько пикселей выше оптически центрирует его; включение пикселей в отступы упрощает центрирование.
Настройки оптического центрирования обычно очень малы, но они могут сильно повлиять на внешний вид вашего приложения.
До оптического центрирования (слева) и после оптического центрирования (справа).
Предоставляйте версию значка интерфейса с выбранным состоянием только в случае необходимости. Вам не нужно предоставлять выбранный и невыбранный внешний вид для значка, который используется в элементах управления и областях, которые автоматически указывают выбор. Например, боковые панели, панели вкладок iOS и панели инструментов macOS могут передавать состояние выбора, применяя цвет акцента вашего приложения или добавляя внешний вид фона.
Напротив, панели инструментов и панели навигации iOS не обеспечивают внешний вид выбора, поэтому вам необходимо создать как заполненные, так и незаполненные версии каждого значка интерфейса, который вы предоставляете для этих областей.
Создавайте инклюзивные дизайны. Предпочитайте изображать человеческие фигуры без лишних отсылок к определенному полу и будьте уверены, что ваши значки приветливы и понятны всем. Руководство см. в разделе Включение.
Включайте текст в дизайн только тогда, когда это необходимо для передачи смысла. Например, использование символа в значке интерфейса, представляющего форматирование текста, может быть самым прямым способом передать концепцию. Если вам нужно отображать отдельные символы в иконке, обязательно локализуйте их. Если вам нужно предложить отрывок текста, спроектируйте его абстрактное представление и включите перевернутую версию значка, чтобы использовать его, когда контекст направлен справа налево. Для получения рекомендаций см. Справа налево.
Если вы создаете собственный значок интерфейса, используйте векторный формат, такой как PDF или SVG. Система автоматически масштабирует векторный значок интерфейса для дисплеев с высоким разрешением, поэтому вам не нужно предоставлять его версии с высоким разрешением. Напротив, PNG — используемый для значков приложений и других изображений, которые включают такие эффекты, как затенение, текстуры и выделение, — не поддерживает масштабирование, поэтому вам нужно предоставить несколько версий для каждого значка интерфейса на основе PNG. Кроме того, вы можете создать пользовательский символ SF и указать масштаб, который гарантирует, что выделение символа соответствует соседнему тексту. Руководство см. в разделе Символы SF.
Предоставление альтернативных текстовых меток для пользовательских значков интерфейса. Альтернативные текстовые метки — или описания специальных возможностей — не видны, но они позволяют VoiceOver озвучивать то, что происходит на экране, упрощая навигацию для людей с нарушениями зрения. Руководство см. в разделе Описания контента.
Избегайте использования копий оборудования Apple. Дизайн оборудования имеет тенденцию часто меняться, из-за чего значки интерфейса и другое содержимое могут казаться устаревшими. Если вам необходимо отобразить оборудование Apple, используйте только изображения, доступные в ресурсах Apple Design Resources, или символы SF, представляющие различные продукты Apple.
Особенности платформы
Никаких дополнительных соображений для iOS, iPadOS, tvOS или watchOS.
macOS
Значки документов
Если ваше приложение macOS может использовать пользовательский тип документа, вы можете создать значок документа для его представления. Традиционно значок документа выглядит как лист бумаги с загнутым правым верхним углом. Этот отличительный внешний вид помогает людям отличать документы от приложений и другого контента, даже если размеры значков маленькие.
Если вы не укажете значок документа для поддерживаемого типа файла, macOS создаст его для вас, объединив значок вашего приложения и расширение файла на холсте. Например, Preview использует созданный системой значок документа для представления файлов JPG.
В некоторых случаях может иметь смысл создать набор значков документов для представления диапазона типов файлов, которые обрабатывает ваше приложение. Например, Xcode использует пользовательские значки документов, чтобы помочь людям различать проекты, объекты AR и файлы кода Swift.
Чтобы создать собственный значок документа, вы можете указать любую комбинацию фоновой заливки, центрального изображения и текста. Начиная с macOS 11, система накладывает, размещает и маскирует эти элементы по мере необходимости и объединяет их в знакомую форму значка со сложенным углом.
macOS 11 объединяет элементы, которые вы предоставляете, для создания собственного значка документа.
Apple Design Resources предоставляет шаблон, который можно использовать для создания пользовательской фоновой заливки и центрального изображения для значка документа. При использовании этого шаблона следуйте приведенным ниже рекомендациям.
Создавайте простые изображения, которые четко обозначают тип документа. Независимо от того, используете ли вы фоновую заливку, центральное изображение или и то, и другое, отдавайте предпочтение несложным формам и уменьшенной палитре отдельных цветов. Значок вашего документа может отображаться размером всего 16×16 пикселей, поэтому вы хотите создавать проекты, которые остаются узнаваемыми при любом размере.
Создание единого выразительного изображения для заливки фона может быть отличным способом помочь людям понять и распознать тип документа. Например, Xcode и TextEdit используют насыщенные фоновые изображения, которые не включают центральное изображение.
Рассмотрите возможность уменьшения сложности небольших версий значка документа. Детали значков, четкие в больших версиях, могут выглядеть размытыми и их трудно распознать в маленьких версиях. Например, чтобы линии сетки в пользовательском значке документа с сердцем оставались четкими в промежуточных размерах, вы можете использовать меньше линий и сделать их толще, выровняв их по уменьшенной пиксельной сетке. В размере 16×16 пикселей вы можете вообще удалить линии.
Не размещайте важный контент в правом верхнем углу фоновой заливки. Система автоматически маскирует ваше изображение, чтобы оно соответствовало форме значка документа, и рисует белый загнутый угол поверх заливки. Создайте набор фоновых изображений указанных ниже размеров.
- 512×512 пикселей при 1x, 1024×1024 пикселей при 2x
- 256×256 пикселей при 1x, 512×512 пикселей при 2x
- 128×128 пикселей при 1x, 256×256 пикселей при 2x
- 32×32 пикселей при 1x, 64×64 пикселей при 2x
- 16×16 пикселей при 1x, 32×32 пикселей при 2x
Если знакомый объект может передать тип документа или его связь с вашим приложением, рассмотрите возможность создания центрального изображения, которое изображает его. Создайте простое, недвусмысленное изображение, четкое и узнаваемое в любом размере. Размер центрального изображения составляет половину размера всего холста значка документа. Например, чтобы создать центральное изображение для значка документа размером 32 x 32 пикселей, используйте холст изображения размером 16 x 16 пикселей. Вы можете предоставить центральные изображения следующих размеров:
- 256×256 пикселей при 1x, 512×512 пикселей при 2x
- 128×128 пикселей при 1x, 256×256 пикселей при 2x
- 32×32 пикселей при 1x, 64×64 пикселей при 2x
- 16×16 пикселей при 1x, 32×32 пикселей при 2x
Определите поле, которое составляет около 10% холста изображения и держит большую часть изображения внутри него.