Значок иконка: Иконки знаки — 176,423 бесплатных иконок

---

04.05.2023 Разное

---

Иконка | это… Что такое Иконка?

ТолкованиеПеревод

Иконка

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

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

Значки были изобретены в 1970 году в исследовательском центре компании «Ксерокс» в Пало-Альто, чтобы облегчить взаимодействие с компьютером для новичков.

Содержание 1 Вид значков 2 Независимое создание значков 3 «Иконка» или «значок»? 4 См. также 5 Ссылки 6 Примечания

Вид значков

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

В операционных системах пикселов.

Значки KDE существуют в виде PNG‐изображений 6 размеров, и масштабируемых векторных SVG‐изображений.

В различных средах также используются значки с размером 24, 40, 60, 72, 92, 108, 128 пикселов и другие; векторные значки (например, в форматах. Многие современные среды и приложения умеют задавать значки по умолчанию. Значок для приложения выбирается стандартным, для файла — в зависимости от типа файла (часто берётся значок приложения, обрабатывающего этот файл по умолчанию). Иногда значки для графических файлов получаются из самого файла (например, уменьшенная копия изображения). Некоторые продвинутые интерфейсы умеют делать то же и для неграфических файлов (документов, презентаций). Не все значки статичны. Например значок, представляющий связь с интернетом, может наглядно показывать, идёт ли в данный момент передача данных, значок менеджера задач показывать загрузку процессора и т. д.

Независимое создание значков

Примеры значков из набора Tango Desktop Project

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

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

«Иконка» или «значок»?

В английском языке подобные графические элементы пользовательского интерфейса называются словом «icon» (от греч. είκων — образ, символ, икона). При недостатке официальной документации по программному обеспечению на русском языке в среде русскоязычных компьютерных пользователей за значками закрепилось жаргонное обозначение «иконка» (уменьшительное от икона). Данное обозначение нельзя назвать удачным, ибо понятие «икона» в русской культуре несёт вполне определённую смысловую нагрузку, мало совместимую с обозначаемым понятием. В качестве альтернативы предлагались разные термины, но в настоящее время за обозначением картинок в интерфейсе пользователя закрепилось название «значок». Так, компания Майкрософт в документации на своё программное обеспечение называет эти элементы «значками».^[1] Семантически слово «значок» вернее соответствует обозначаемому понятию, ибо картинка представляет собой именно небольшой знак приложения, документа, окна и т. п., а не является его образом (основное значение слова «иконка»). Обычно рекомендуется избегать слова «иконка», а в официальной документации использовать слово «значок».

См. также

• Идеограмма
• Пиктограмма
• Пиксельная графика

Ссылки

• Зачем нужны иконки — статья о применимости иконок в интерфейсах

Примечания

1. ↑ В мае 1999 года Екатерина Лажинцева (тогда менеджер по операционным системам в отделе подготовки русских продуктов корпорации «Майкрософт») изложила историю выбора термина «значок» в статье «Как „Майкрософт“ решает вопросы выбора терминологии» (та же статья на другом сайте). По её словам, слово «пиктограмма» было отвергнуто из-за излишней длины, а вариант «иконка» вызывал опасения как задевающий религиозные чувства.

Wikimedia Foundation. 2010.

Игры ⚽ Поможем написать реферат

Синонимы:

икона, образок, образочек, панагия, пиктограмма

• Иконников, Александр
• Иконников, Владимир

Полезное

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

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

Что нужно, чтобы сделать качественную иконку идеальной эстетики? Это не так уж и сложно, вот вам три простых правила, которым нужно следовать:

1.

Дизайн иконки должен быть узнаваемым

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

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

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

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

2. Стремитесь к минимализму

Найдите элемент, который отражает суть вашего приложения, и оставьте этот элемент, убрав все лишнее. Однажды великого итальянского скульптора Микеланджело Буонарроти спросили: — «Как вы делаете свои скульптуры?». В ответ на это он сказал: — «Я беру камень и отсекаю всё лишнее». То же самое и происходит с иконками. Уберите все лишние детали, которые не важны для вашей иконки, и она обретет смысл.

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

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

Баланс в деталях важнее в оформлении вашей иконки и интуитивно понятный:

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

3. Проверьте свои иконки на различных фонах

Иконки должны быть понятны на любом фоне.

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

• В примере ниже иконка «Stocks» едва различима на темном фоне.
  
• Убедитесь в том, что ваш значок непрозрачен.
  
• Попробуйте свои значок на реальном устройстве с динамическим фоном.

Заключение

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

ICON-ICON – Знакомые коллекции

Часы Rolex Daytona: культовые часы – история и коллекция 2023

Rolex Daytona – культовые часы. Модель Cosmograph — самая популярная модель часов в истории. В 2017 году эти часы…

Kendall Jenner Aux Oscars 2023

Lors de la soirée Vanity Fair des Oscars 2023, Кендалл Дженнер в платье Жан-Поль Готье в образе Марион Котийяр на церемонии вручения Оскара 2008.

Браслет Alhambra Van Cleef & Arpels: культовые узоры

Браслет Van Cleef & Arpels Alhambra — ключевой мотив в репертуаре Van Cleef & Arpels. Подвеска…

Icon Raquel Welch : Pop

Актриса и секс-символ, легендарная Ракель Уэлч отметила свою эпоху своей аурой и красотой. Известен своей…

Фаррелл Уильямс, креативный директор мужской линии Louis Vuitton

Назначенный креативным директором мужской линии Louis Vuitton, сменивший покойного Вирджила Абло, Фаррелл Уильямс навязал свой стиль и видение…

Коллекция наручников Динь Ван: Революционный браслет из шнура и бриллиантов

Ювелирные изделия для всех!

Браслет History Piaget Possession: новости об иконе

Символизм, который нужно знать.

Браслет History Force 10 Fred: Iconic Collection

Легендарный браслет!

История часов Reverso Jaeger LeCoultre 2023

Часы столь же красивые, сколь и надежные.

Chaîne d’Ancre Hermès 2023: история и новости

Chaîne d’Ancre Hermès — знаковый элемент репертуара Дома, подпись, которую можно найти в.

..

ИНТЕРВЬЮ: Вероник Фель, фотограф

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

Коллекция Just A Clou Cartier: История и современные события

Жемчужина эпохи.

Коллекция Love Cartier: история и реальность

Уникальный браслет.

История браслета Bulgari Serpenti: Iconic Watch-Bracelet

История браслета Bulgari Serpenti сочетает в себе египетский миф, великую голливудскую актрису и легендарного ювелира! Часы-браслет, которые…

Rolex Submariner 2023, Iconic Watch

Rolex создает не часы, а мифы. А у Подводника очень похоже на…

ИНТЕРВЬЮ: Огюст, художник поп-арта

Париж, Лос-Анджелес, Нью-Йорк, Майами, Токио… Искусство Огюста выставляется на международных выставках и покоряет голливудских эстетов, коллекционеров и…

Бокал Harcourt Baccarat: культовый сервиз

Изящество огранки, чистота хрусталя, признанное благородство.

SPECIAL Crystal Glasses: The Iconic Collections

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

Специальные часы-авиаторы: часы, в которые можно инвестировать

Самые культовые часы-авиаторы для мужчин!

Lovers Weekend Normandy ко Дню святого Валентина 2023

Так много нормандских впечатлений, которые порадуют сердца ко Дню святого Валентина 2023.

Тест-драйв BMW X1: самый шикарный городской внедорожник?

BMW X1 является бестселлером с 2009 года. Было продано около 2,7 миллионов единиц первого и второго поколений…

Великие соревнования по конному спорту во Франции 2023

Спортивные соревнования, чемпионы по конному спорту, волосы потрясающего благородства!

Пеле: Король Футбола

21 год карьеры, рекорд 1 281 голов в 1 363 матчах.

SPECIAL Galettes Des Rois 2023: Лучшие галеты Парижа

Жрать без раздумий!

Советы по установке и использованию бесплатной библиотеки значков Ionicons

7.5.1″> Ionicons — это набор значков с полностью открытым исходным кодом, содержащий 1300 значков, созданных для веб-приложений, приложений для iOS, Android и настольных компьютеров. Ionicons был создан для Ionic Framework, кросс-платформенный гибрид и платформа Progressive Web App.

Использование веб-компонента

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

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

Установка

Если вы используете Ionic Framework, Ionicons упакован по умолчанию, поэтому установка не требуется. Хотите использовать Ionicons без Ionic Framework? Поместите следующее

22.6.1"> , чтобы включить их.

Основное использование

Чтобы использовать встроенный значок из пакета Ionicons , заполните атрибут name компонента ion-icon :

Пользовательские значки

Чтобы использовать пользовательский SVG, укажите его URL-адрес в src атрибут для запроса внешнего файла SVG. Атрибут src работает так же, как в том смысле, что URL-адрес должен быть доступен с веб-страницы, запрашивающей изображение. Кроме того, внешний файл может быть только действительным svg и не разрешает скрипты или события внутри элемент svg .

Варианты

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

Специфика платформы

80.5.18"> При использовании значков в Ionic Framework вы можете указать разные значки для каждой платформы. Использовать мкр а Атрибуты ios и укажите имя значка/варианта платформы.

Размер

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

Или вы можете установить конкретный размер, применив font-size Свойство CSS на ion-icon компонент. Рекомендуется использовать размеры пикселей, кратные 8 (8, 16, 32, 64 и т. д.)

 ion-icon {
  размер шрифта: 64px;
} 

Цвет

111.5.26"> Укажите цвет значка, применив свойство CSS color к ion-icon компонент.

 ион-значок {
  цвет синий;
} 

Ширина штриха

При использовании контур вариант значка можно отрегулировать ширину обводки для улучшения визуального баланса относительно размера значка или относительно ширины соседнего текста. Вы можете установить конкретный размер, применив --ionicon-stroke-width Пользовательское свойство CSS для ion-icon компонент. Значение по умолчанию 32px .

 ion-icon {
  --ionicon-штрих-ширина: 16px;
} 

Доступность

Иконки с чисто декоративным содержанием должны иметь