BrandBird — редактор изображений, который позволяет быстро и просто создавать графику для социальных сетей.

www.brandbird.app

Как у рыбы появился бренд

Как превратить живое существо в бренд? Узнай все подробности в статье!

Читать на дизайнерс | #статья

ZapBG — новый сервис для быстрого удаления фона с изображений.

zapbg.com

Pantone впервые за век решили не заморачиваться или новый цвет 2026 года

Пантон представил новый цвет года 2026! Хочешь узнать, какой оттенок станет трендовым осенью? Подробности в статье!

Читать на дизайнерс | #статья

Подборка пиксель-арта с натюрмортами

Про «Эмоциональный дизайн»
Если коротко: это плеоназм, маркетинговый булщит.

Соседство этих двух слов вызывает вопросы. Дизайн в своей сути — процесс, деятельность, получается какая-то «эмоциональная деятельность». Да, в русском языке под «дизайном» понимают всё что угодно, «дизайн» является предметом, макетом, результатом, но и в это случае «эмоциональный дизайн» звучит как что-то сделанное с эмоциями или в сильном эмоциональном состоянии.

Если взять схожее словосочетание, «эмоциональный текст», то это текст написанный с эмоциями (кто-нибудь пишет капсом, доказывая свою правоту). А вот «текст вызывающие эмоции» — совершенно другое, шутка в сообщении или меткий, подходящий текст рядом с картинкой, который был продуман и написан без эмоции.

Возможно это и имеется в виду — «дизайн вызывающий эмоции»?

Если под этим понимается результат работы дизайнера который вызывает у кого-нибудь эмоции — всё равно получается ерунда.

Любой результат дизайна вызывает эмоции, слабые или сильные — в этом суть дизайна (деятельность по проектированию эстетических свойств, художественное конструирование). Дизайн автомобиля не может не вызвать эмоции (тут полный спектр, от брезгливости до восхищения). Более того, дизайн не вызывающий эмоций (нейтральный, универсальный, «никакой») еще сложнее создавать и это отдельно-стоящая задача.

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

Термин и концепцию описал в своей книге Дональд Норман (Emotional Design, 2003). В этой концепции три уровня восприятия: висцеральный, поведенческий и рефлексивный завернутые в классическую модель отношений ABC. И человек воспринимает дизайн объектов на этих трёх уровнях…

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

«Эта кружка, моя любимая (эмоция) — она керамическая, без рисунка (эстетика), у нее удобная ручка, приятно держать, хорошо держит тепло (эргономика), стоит дорого, но это ручная работа! (психология)».

Любите и изучайте базу! 🫶

Седьмой год я провожу исследование: какие дизайн-команды в отечественных продуктовых компаниях самые сильные?
 
Такой рейтинг будет полезен рынку. Дизайнерам — лучше понимать, где есть хорошие вызовы и комфортная среда для профессионального роста. Компаниям и дизайн-командам — видеть, что нужно докачать.
 
Буду благодарен, если вы пройдёте опрос. Результаты исследования опубликую в январе. Вы найдёте отчёт в крупных дизайн-каналах и изданиях.
 
P.S. Результаты за 2024, 2023, 2021, 2020, 2019 и 2018.

Подсобралось добра всякого разносола свежего про пользовательские исследования:
 
1. NN/g: Несколько способов вовлечения ключевых участников проекта в исследования и их результаты. Это позволяет лучше донести их результаты, а значит увеличить пользу от исследований.
 
2. Jeff Sauro и Jim Lewis: Навыки хорошего модератора исследований. Получилась отличная детальная памятка.

3. athenahealth: Реальный пример использования спорного метода исследований — ИИ-модератора интервью с реальным пользователем. Запись сессии пугает явной механистичностью.
 
4. Jeff Sauro и Jim Lewis: Все интерфейсные метрики и стандартизированные опросники, которые они привнесли в профессию за последние десятилетия.
 
5. Контур: Советы по формулированию и фильтрации гипотез для исследования. Как сбалансировать их количество, чтобы не распыляться.
 
6. Jeff Sauro и Jim Lewis: Отличная памятка по высказываниям, убеждениям и предубеждениям о работе метрики NPS. Они также посчитали валидность каждого.
 
7. БКС: Методы статистики, которые помогают сравнивать результаты теста первого клика на экране.
 
8. Контур: Метрики полезности исследований для этапа discovery. Они охватывают успешность исследований, количество новых гипотез и разные этапы до их попадания к пользователям.
 
9. NN/g: Как выявлять и чинить поломки в использовании рекомендаций из исследований.
 
10. Контур: Несколько способов оценить дизайн, если времени на полноценное исследование нет.

11. БКС: Базовая этика и гигиена для исследователей, когда они общаются с пользователем.

12. Kelly Moran: Пример из своей работы, где связка качественных и количественных методов исследований помогла раскопать запутанный клубок проблем в продукте.
 
#research

Последняя в этом году мини-подборка о дизайн-системах:
 
1. Brad Frost: Курс про связку ИИ и дизайн-систем вместе со своим братом Ian и TJ Pitre (основатель агентства Southleft). Анонс.
 
2. Iasonas Georgiadis: Пошаговая инструкция по созданию интерактивных прототипов через Claude Code на базе макетов и дизайн-системы в Figma.
 
3. t2 (Tele2): Пошаговая инструкция по настройке UI Kit на React. Кстати, страница их дизайн-систеиы появилась в клубе отечественных дизайн-систем.

4. Donny D'Amato: Можно ли сделать токены для размеров семантическими или это пустая затея. В отличие от цветов, типографики или положения в пространстке — размеры и отступы зачастую просто оптически выбраны.

5. PJ Onori: Печальный факт — многие публичные дизайн-системы уходят в закрытый режим. Это снижает затраты команд на поддержку открытой версии, но плохо для сообщества и развития дизайн-систем в целом. Помимо прокачки HR-бренда, это ещё и мощный стимул особенно дотошно проверять качество.

6. Amit Sheen: Предлагает использовать подход токены для анимации в вебе. Он показывает как прописать их в CSS-переменных, хотя это применимо и для фреймворков.
 
7. FigmaLint: Плагин для Figma делает линтинг дизайн-системы: структура компонентов, использование переменных, именование свойств. На выходе — документация.
 
8. Southleft: Концепция контекстного доступа к гайдлайнам дизайн-системы через ИИ-ассистента. О проекте.
 
#designsystems

Color Palette Pro. Браузерный сервис для создания палитр с шикарной скевоморфной стилизацией под кнопочную панель MIDI-контроллера.

#вдохновение@zhurnalus_lite #сайт@zhurnalus_lite

Новогодние шрифты

Автор