На этикетке молока увидел прекрасное: круговая диаграмма, показывающая, что молоко почти наполовину состоит из углеводов, и спидометр, наглядно демонстрирующий, что 260 ккал – смерть.

Это пример графики ради графики: пытаешься понять смысл, заложенный в образ – а его нет.

Наконец я завёл блог с очень персонально-брендовым адресом http://sarnetsky.ru/

Плюсы своего сайта:
· теги
· комменты
· пермалинки с осмысленными названиями
· редактирование постов больше чем через сутки
· поисковая индексация

Постепенно буду переносить контент отсюда туда.

Велкам :)

Фасад и структура

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

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

При этом оба макета правильные, но на разных этапах работы.

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

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

TIFF, экспортированный из Иллюстратора, можно уменьшить на 20–200%, открыв его в фотошопе и сведя слои (Layer > Flatten Image)

В гугл-музыке мне очень не хватало каких-то обозначений синглов и EP в списках альбомов.

У Яндекса с этим получше, но ещё лучше было бы указать продолжительность и количество треков.

В конце прошлого года выступил на митапе брянской dev-тусовки с рассказом про свои находки и просчёты (ticks and trips, ага) при разработке страниц интернет-магазина.

Там про UI/UX, взаимодействие с разработкой и изобретение велосипедов. И, разумеется, цитата Стива Джобса в конце, как же без этого.

Текстовый баббл с обводкой

В одном чате возник вопрос: как в фигме сделать текстовый баббл с автолейаут и обводкой? AL не понимает Union-объектов, а если делать сам текст и «хвостик» отдельными объектами, то не получается убрать обводку на стыке прямоугольника и хвостика.

Я сделал два примера, используя разные костыли.

Первый вариант: сымитировать обводку двумя прямоугольниками, причём один из них вместе с хвостиком засунуть в фрейм высотой 1px.

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

Второй вариант выглядит более «правильным» в данной ситуации, но идея засовывать что-то в «фиктивный» фрейм высотой 1px может помочь в других: например, чтобы выстроить объекты горизонтально в фрейме с вертикальным автолейаутом.

Ссылка на проект в фигме:
https://www.figma.com/file/PNiOnRTQBf12OMYJouGL1d/Sample-%C2%B7-Growing-Bubble

С этого дня и до конца апреля доступ архиву мега-рассылки «Дизайнерский дайджест» открыт для всех желающих бесплатно.

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

Заходите в чатбота @designersdigestbot, жмите «Открытый архив» и выбирайте любой выпуск с первого по 190-й.

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

Берегите себя и будьте здоровы!

А то вдруг вы ещё не.

Сахарные стики

Слышали байку про чувака, который сначала придумал упаковывать сахар в стики, чтобы их можно было ломать одной рукой, а потом повесился, когда увидел, что люди отрывают кончик стика?

Даже если не учитывать, что это враньё, любой дизайнер уже через год-другой работы умеет спокойно относиться к тому, что бо́льшая часть его идей идёт под нож (часто – под собственный), и что даже те идеи, которые дожили до реализации, удостаиваются должного внимания исчезающе редко, – и в основном от других дизайнеров.

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

Коллега собрал дайджест коронавирусного дизайна:

Самоизолируетесь?