#инструменты_дизайнера — Public Fediverse posts

Продуктовая колористика: рабочий инструментарий

Есть набор рабочих инструментов для работы с колористикой: часть из них — достаточно простые, часть — могут показаться на первый взгляд сложными. Я постараюсь в этой статье сделать начало работы с инстументами чуть проще, чтобы ты смог быстрее разобраться и главное — постарался применить их в своей работе, чтобы работать с цветом стало проще, быстрее и качественнее. Этот набор инструментов будет полезен дизайнерам, потому что превращает работу с цветом из «на глаз» в системный процесс. Также часть из этих инструментов могут работать с OKLCH и помогать в сборке палитры, пока Фигма нам даёт только расширенный гамут в виде переключателя на P-3, но не обзавелась переключателем на OKLCH внутри окна цветовой палитры.

https://habr.com/ru/articles/1002964/

#колористика #цвет #продуктовый_дизайн #интерфейсы #цветопередача #инструменты_дизайнера #дизайн #дизайнсистема

Как это сделано: процесс проектирования Figma-плагина Mirage для быстрой генерации тестовых данных в таблицах

Я проектирую высоконагруженные интерфейсы для B2B и B2E-сегментов, где работа с большими таблицами — практически повседневная задача. Заполнять такие таблицы вручную неудобно и занимает массу времени. Я пробовал разные плагины, помогающие генерировать тестовые данные, но большинство из них англоязычные и поддерживают только западные форматы. У всех решений, что я тестировал, находилось одно критичное ограничение: нельзя сгенерировать сразу несколько типов данных за один раз. Приходится действовать пошагово — сначала выбираю текстовые блоки из одной колонки и генерирую имена, затем в другой колонке генерирую почты, потом телефоны. Такой процесс сильно тормозит работу. Так у меня появилась идея — сделать плагин, адаптированный под наш российский рынок, который будет автоматизировать заполнение таблиц и экономить время дизайнеров. Так родился на свет плагин Mirage , который помогает быстро генерировать тестовые данные в таблицы и текстовые блоки.

https://habr.com/ru/articles/964674/

#ui #ux #оптимизация_рабочего_процесса #инструменты_дизайнера #работа_с_таблицами #плагины_для_figma #дизайнинструменты #дизайн #дизайн_интерфейсов

DevTools для дизайнера. Быстрый старт

Если вы хоть раз случайно нажимали в браузере F12, пугались, увидев открывшееся окно, и закрывали, самое время с ним разобраться! В этом туториале мы рассмотрим полезные для дизайнеров функции DevTools и то, как они упрощают общение с командой разработки во время дизайн-ревью.

https://habr.com/ru/companies/Voximplant/articles/961608/

#devtools #инструменты_дизайнера #туториал #гайд #дизайн_сайтов #дизайнревью #дизайнеру #вебдизайн #webразработка #коммуникация_в_команде

11 техник ИИ, которые экономят время продуктовому дизайнеру

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

https://habr.com/ru/articles/928346/

#uxдизайн #промптинжиниринг #инструменты_дизайнера #продуктовый_дизайн #продуктовый_дизайнер #uiux #нейросети #автоматизация_рутины

11 техник ИИ, которые экономят время продуктовому дизайнеру

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

https://habr.com/ru/articles/928346/

#uxдизайн #промптинжиниринг #инструменты_дизайнера #продуктовый_дизайн #продуктовый_дизайнер #uiux #нейросети #автоматизация_рутины

11 техник ИИ, которые экономят время продуктовому дизайнеру

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

https://habr.com/ru/articles/928346/

#uxдизайн #промптинжиниринг #инструменты_дизайнера #продуктовый_дизайн #продуктовый_дизайнер #uiux #нейросети #автоматизация_рутины

11 техник ИИ, которые экономят время продуктовому дизайнеру

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

https://habr.com/ru/articles/928346/

#uxдизайн #промптинжиниринг #инструменты_дизайнера #продуктовый_дизайн #продуктовый_дизайнер #uiux #нейросети #автоматизация_рутины

Почему топовые UI-дизайнеры используют фракталы с D 1.3–1.7: научный подход к визуальной гармонии

Магия "правильных" паттернов Представьте: пользователь заходит в приложение и мгновенно чувствует — здесь всё "на своих местах". Никакого визуального шума, только приятное ощущение порядка. Секрет такого эффекта может крыться во фракталах с размерностью D 1.3–1.7. Как практикующий UX/UI-дизайнер, я долго искал закономерности между успешными интерфейсами и их визуальными характеристиками. Оказалось, что лучшие работы часто содержат паттерны с определённым уровнем сложности — тем самым "золотым сечением" фрактального мира.

https://habr.com/ru/articles/910796/

#дизайн #uiux #вебдизайн #нейродизайн #научпоп #Исследования_и_анализ #Биофильный_дизайн #фракталы #Figma #инструменты_дизайнера