x
 
Сергей Чикин
19 октября 2019
Советы почтой каждую неделю
Пожалуйста, получите наше письмо, чтобы подтвердить свой адрес:
Вы подписаны на «Советы за неделю»:

Иконки могут быть какими угодно: от про­стых чёрно‑белых услов­ных изоб­ра­же­ний, до фото­ре­а­ли­стич­ных детально про­ра­бо­тан­ных объ­ек­тов. Клас­си­фи­ци­ро­вать всё раз­но­об­ра­зие кажется про­валь­ной затеей.

Тем не менее, 90% ико­нок с кото­рыми мы встре­ча­емся — это иконки‑кляксы, линии и пик­сель­ные иконки.

Кляксы

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

Иконки‑линии

В АйОс 7 Эпл удачно под­черк­нул сверх­де­та­ли­за­цию рети­но­вых экра­нов уль­тра­тон­кими шриф­тами и столь же ажур­ными икон­ками‑лини­ями. С тех пор этот стиль только наби­рал популярность.

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

Пиксельные иконки

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

Глав­ная гор­дость таких ико­нок — мини­маль­ное число пик­се­лей. Чем меньше пик­сель­ное раз­ре­ше­ние иконки, тем лучше.

И ещё миллион стилей

Разу­ме­ется, сти­лей гораздо больше, чем я разо­брал. Можно исполь­зо­вать раз­ные тол­щины линий для внеш­него кон­тура и дета­лей объ­екта, одно­вре­менно рисо­вать залив­ками и кон­ту­ром, изоб­ра­жать объ­екты в пер­спек­тиве, доба­вить мято­сти и руко­твор­ноcти линиям или повы­сить дета­ли­за­цию настолько, что иконка пре­вра­тится в иллю­стра­цию или даже гравюру:

А ещё есть такой стиль, когда все лужицы и облачка делают ров­нень­кими гео­мет­рич­ными вол­нами. Может кто‑то из ува­жа­е­мых совет­чи­ков знает как он называется?

P. S. Это был иконочный совет. Пилите пиктограммы в интерфейсах? Заказчик ругается на иконки? Графика не цепляет? В чём сила, брат? Присылайте вопросы

Поделиться
Отправить

Цель рубрики — обсуждение вопросов дизайна всех видов, текста в дизайне и взаимоотношений дизайнеров с клиентами.

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

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

Вот такой веб 2.0.

Если используешь линейные иконки, они должны быть все линейными? Как подружить иконки. Эпилог Три признака иконочности 1




Недавно всплыло

1 Где хранить скриншоты интерфейсных решений, чтобы было удобно искать референс? 9 Какой фотоаппарат выбрать для путешествий? 2 Что такое профессиональная этика? 7