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

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


Мария!

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

nytimes.com
Сайт «Нью Йорк Таймса». Иконки выде­ляют блок под­писки и рабо­тают как булиты
rossia.gold
Сайт юве­лир­ного дома «Рос­сия». Иконка как заго­ло­вок тек­сто­вого блока

Но кроме всего этого, иконки — часть системы брендирования.

mgp.ru
Сайт «Мага­зина горя­щих путё­вок». Стра­ница тур­под­держки. Иконки струк­ту­ри­руют текст и брен­ди­руют стра­ницу

Раз­но­стиль­ная гра­фика на раз­ных стра­ни­цах сайта как мини­мум создаст ощу­ще­ние неряш­ли­во­сти, а может и запу­тать зри­теля: «Я всё ещё там или меня выки­нуло на какой‑то дру­гой сайт?»

Свой­ство ико­нок брен­ди­ро­вать про­дукт — хоро­ший довод после­до­ва­тельно исполь­зо­вать один стиль гра­фики везде. Но реаль­ность инте­рес­ней и многогранней.

О дово­дах в про­ти­во­по­лож­ную сто­рону — в сле­ду­ю­щем совете.

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

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

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

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

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

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

Как подружить иконки. Эпилог Три признака иконочности 1 Как подружить иконки. Цвет




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

Где хранить скриншоты интерфейсных решений, чтобы было удобно искать референс? 9 Как просить коллег о помощи, как оценить код программиста, навигация между книгами бюро, как научиться спрашивать 2 Как снимали Феррари для обложки книги «Фотосъёмка автомобилей»? 2 Какой фотоаппарат выбрать для путешествий? 2