Подписка на блог

В Телеграме помимо ссылок на заметки делюсь околодизайнерскими наблюдениями.

В Твиттере помимо ссылок на заметки пишу всякую чушь.

В Тумблере и Же-же есть автоматические трансляции. Если не работает, напишите мне: ilyabirman@ilyabirman.ru.

По РСС и Джейсон-фиду трансляции для автоматических читалок

Иконка человечка

Сим постом хочу призвать вас внимательнее относиться к иконкам человечка в ваших приложениях.

Вот что находит «Наун-проджект» по запросу user:

Самый правый в средней строке хоть на что-то похож.

Такая жесть повсюду вокруг нас. Яндекс-музыка:

Исполнитель имеет признаки человека, но пользователь — это почему-то круг с полукругом.

Виндоус:

Гайдлайны Андроида предписывают ставить жуткую иконку. Звучат слова human и best:

Ну не знаю. По-моему, не хьюман и не бест.

Любое упрощение имеет свои пределы. У Эпла головы людей похожи на головы — есть уши, причёска (слева):

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

Для «Секьюриджа» я нарисовал клёвых ребят с причёсками (посередине):

Даже на пропуске (справа снизу) у головы и плечей человеческая форма.

Иногда хочется, чтобы человек на иконке не имел пола. Но даже в этом случае можно найти нейтральную причёску. Вариант Серёги Чикина:

Читаются мальчик и девочка, но если оставить только одного персонажа, вполне можно и использовать независимо от пола.

Ещё в программах часто пол можно угадать по имени и подсунуть подходящую иконку.

Для «Бёрдвью» мы когда-то придумывали генератор юзерпиков для тех, кто не загрузил фотографию:

Получались всякие такие:

А вот иконка «Иконверка»:

Вот ещё. Хоть какая-то форма:

Правда, он даже если просто круг рисует, получается хорошо:

Но тут снова масштаб почти всего тела. И прекрасно подобраны пропорции и форма остального тела.

Симпатичный чувак с Иконфайндера:

А у «Вконтактика» — фигня:

Короче. На иконке человека должен быть человек, а не снеговик.

Подписаться на блог
Поделиться
Отправить
Запинить
3 декабря   дизайн   иконки   студентам
8 комментариев
Ilya Pesterev

У Icons8 тоже прикольные бывают: https://icons8.com/icon/set/user/all

Артемио Вандерман

Мы стали забывать, как выглядят настоящие иконки
https://lh4.ggpht.com/5mlqeh-VJwDv80wlqd0filbF6t_rk_nngPWpqmvetZe4YSsn7Zrvg8VqEQYzd04UMd9M=h900

Kirill Koniukh

А смысл всего этого спича в чем? Если я правильно считываю суть упрощенной иконки (того же яндекса), то она выполняет свою функцию

Oleksij Filipas

Кружок и плечи уже стали самодостаточной метафорой юзера. И огромнейший плюс такой простой пиктограммы — она читабельна до самых минимальных размеров (там где завитушки причесок и ушей превратятся в шум). Да, в размере 512-512 детали будут прикольно смотреться, но если у вас столько места, что оно позволяет всунуть текст, то зачем иконка? Пример с картинкой входа вин10 очень крут — если винда зарегистрирована и привязана к профилю — там стоит фотка/аватар пользователя (что в сто раз круче любой иконки).

Kseniya Yanchenko

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

Максим Кич

А на дорожном знаке «Остановка запрещена» вообще какой-то солярный символ изображён.
«Снеговик» работает и в 90% случаев вписывается в окружение. Правильно угадать оставшиеся 10% — и есть настоящая задача. Остальное — от Лукавого.

Anna Klindyuk

ну тогда и сердце имеет совершенно другую форму.

Artem Korsunov

А почему в сете «Секьюриджа» иконка юзера имеет большую толщину линии, нежели у остальных иконок?

Илья Бирман

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

Популярное