Дизайн

Привет, Хабр! Меня зовут, Артём Кокшаров, я ведущий дизайнер-проектировщик интерфейсов в Рунити. В этой статье хочу рассказать о библиотеках для дизайн-систем и продуктовом графическом дизайне. Это легкочитаемый текст для дизайнеров с картинками на десять минут. Честно говоря, я думал завалить нейронку вопросами, чтобы она нагенерила статью — и она это сделала, но читать оказалось нереально. Поэтому я написал от себя и на своем опыте. Погнали!

Этот проект — моя попытка привлечь внимание к проблеме смертности в дорожно-транспортных происшествиях в Европе. Через визуализацию данных я старалась показать, насколько остро стоит эта проблема, и подчеркнуть, что многие жизни можно было бы спасти благодаря грамотному городскому планированию и мерам безопасности.

Проект оказался очень личным для меня, поскольку тема смертности в ДТП в нашей стране остаётся в тени, несмотря на её актуальность. Через искусство, основанное на данных (data art), я хотела не только привлечь внимание к этой теме, но и поделиться лучшими мировыми практиками.

Практическое руководство для дизайнеров по созданию, использованию и передаче в разработку токенов цвета (variables) для мобильного приложения в фигме.

Новичкам будет полезна вся статья целиком, более опытным будет особо интересна последняя часть — про передачу в разработку (я такого нигде не встречал).

Текст — один из важнейших элементов дизайна и на работу с ним порой уходит много времени. От заполнения контентом до удаления висячих предлогов — всё это требует большого внимания и часто превращается в рутину.

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

Привет! Меня зовут Саша Солнцев. Мне 40. Около 17 лет я работаю в дизайне. Мои клиенты — SberDevices, Avito, Skyeng, Pragmatica, VOSK design. Но рассказать я хочу не про крутые проекты и высокие чеки, а про неизбежные последствия сидячей работы.

Реализация проекта «SVG-виджеты для tckl/tk» позволяет устранить одну из главных претензий, предъявляемых к графическому интерфейсу приложений, разрабатываемых с использованием tk - устаревший дизайн виджетов. Переход от классических виджетов к svg-виджетам не требует больших усилий. В этом лично я убедился, переписав gui утилиты для работы с электронной подписью cryptoarmpkcs. Ее дистрибутивы под именем cryptoarmpkcs_svg для платформ Linux64 и Windows64 можно найти в проекте:

Всем привет! На связи Макс Брызгалов, руководитель отдела UX дизайна в такси «Максим». За свою 9-летнюю карьеру я отсмотрел, как мне кажется, миллион (ну или чуть меньше) портфолио дизайнеров. В том числе дизайнеров в продукте. Встречались такие, что чтение захватывало дух. Хотелось погружаться кейс за кейсом в опыт специалиста. Но чаще встречались «шаблонные» решения.

Думаю, что причин этому несколько: часть сталкивается с нехваткой времени на полноценное оформление кейса. Часть забыла какие были артефакты на проекте. А часть ссылается на текущую нехватку опыта, например, в продуктовых метриках или исследованиях. В итоге в кейс идут либо UI картинки, оторванные от контекста. Или линейно описанный идеализированный процесс работы. Часто под кейс «подтягивают» и метрики, в том числе. Но здесь кроется проблема — в реальной жизни так не бывает.

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

Заново Америку не открою, если утвержу, что красота требует жертв, в нашем случае — вложений. Всем доброго времени суток! Сегодня хочу затронуть значимую тему: как дизайн способен увеличить ценность продукта. Не буду углубляться в гипотетические размышления или пересказывать банальные книги; остановлюсь на конкретном примере.

Меня зовут Армине, и я — менеджер продукта в компании ВИАР ИТ. Веду отдел R&D и занимаюсь созданием экосистемы для цифровизации архивов. В нашем мире, где каждое мгновение наполнено визуальными образами, дизайн становится не просто оформлением, а важнейшим инструментом, способствующим трансформации и повышению ценности.

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

Привет, я Арсен – UX/UI-дизайнер. А тут я собрал плагины для Figma, которыми я пользуюсь регулярно при работп с компонентами и организации ui-китов. Это не глупенький список дизайн-инфлюенсера из линкедина, а реальный выпаренный-вываренный концентрат полезных плагинов, лучших в своей категории.

Многие расстроились, когда Канва ушла из России. Когда я начинал творческий путь, онлайн-редакторов было не более 2–3 достойных. Сейчас их десятки: работает импортозамещение, развиваются другие зарубежные сервисы. Ими пользуются не только новички.

Для вас, друзья, составил подборку с редакторами, чтобы избавить от долгих мук выбора. Они работают онлайн и запускаются без сети впн, которая не всегда помогает.  

Читайте, пробуйте. Возможно, влюбитесь в один из аналогов Canva и больше о ней не вспомните.

Большая статья в двух частях о самом важном, что нужно знать и учитывать продуктовому дизайнеру, если проект, над которым он работает, будет реализован на BDUI: 

— в чём его суть и чем он отличается от классического подхода в разработке;
— что такое контракт экрана и контракт компонента, почему они главный источник истины в BDUI подходе, и как с ним работать дизайнеру;
— как дизайнеру читать JSON, разберём ключи и значения.

Статья будет не только теоретической. Поделимся своим опытом внедрения BDUI в дизайн-процессы с примерами и иллюстрациями и оставим несколько рекомендаций для тех, кто только начинает делать это у себя в продукте или команде.

Собрал легендарные примеры UX-дизайна, которые поменяли и курс развития различных индустрий, и нашу реальность.  

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

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

Давайте рассмотрим величайшие примеры использования UX-дизайна.

Мой путь UX-дизайнера, разумеется, состоял из взлетов и падений.

Сейчас, спустя время, я нередко вспоминаю о различных проектах, в которых участвовал, и о решениях, которые мне приходилось принимать – успешных, и не очень. Поэтому, на данном этапе своего пути, я хочу подвести некоторые итоги.

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

Итак, какую самую серьезную ошибку совершил я? И какой урок я извлек после?

Я решил проанализировать свой опыт и отследить те самые моменты, когда были приняты неверные решения, отметить их для себя и поделиться с Вами, чтобы вы смогли избежать их. Или, как минимум, быть готовыми к ошибкам.

Я не единственный дизайнер интерфейсов, который принял такое решение. Многие из нас делятся своими историями, пытаясь найти те самые промахи, с которыми может столкнуться дизайнер. Я изучал и чужой опыт, благо на Reddit'е таких историй уйма.

Оставлю на ваше усмотрение: либо последовать нашим советам, либо самостоятельно строить свой путь.

Итак, классифицировал самые популярные ошибки 👇

Процесс создания дата-арта на основе Мезенской северной росписи

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

О процессе создания проекта читайте в статье.

_{Этот пост в оригинале (eng) https://www.setproduct.com/blog/dark-side-of-figmas-updates}

Глава 1: В какой‑то момент всё пошло не так

Смотря недавнюю конференцию CONFIG24, я не мог избавиться от неприятного зуда.

Чем сильнее зуд одолевал меня, тем больше приходило осознание – приоритеты Figma сместились с улучшения сервиса на увеличение прибыли.

Я неустанно задавал вопросы:

Что произошло с Figma, которую мы все так горячо любили?
Почему в приоритете деньги, а не список фич от пользователей, которые мы просим?
И если Фигма - ФСЁ, то что это сулит дизайн-инструментам в будущем?

Провал сделки с Adobe, похоже, стал переломным моментом.

Фокус Figma на создании функций с использованием искусственного интеллекта для увеличения количества пользователей - крутой поворот от первоначальной концепции сервиса.

Не подумайте, я не против использования искусственного интеллекта, но больш усилий, похоже, затрачивается  на что-то "модное", но не особо нужное.

Функция автоматического переименования слоев была изюминкой Figma, но ее недостаточно, чтобы компенсировать недостаток внимания к запросам пользователей.

Вот и наступил тот момент, когда стало возможным при разработке gui на tcl/tk простое использование в качестве иконок графических изображений, хранящихся в svg-файлах:

Привет, меня зовут Наташа Трескова, я Lead Product Designer и автор курса «Продуктовый подход для дизайнеров» в Яндекс Практикуме.

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

Я видела относительно немного кейсов продуктовых дизайнеров в открытом пространстве и мало кейсов, которые бы делали девушки. Честно говоря, почти все кейсы, которые я встречала, были сделаны мужчинами. Хочу своим примером показать, что девушкам не нужно бояться действовать.

Всем привет! Меня зовут Гриша Ковалёв, я продуктовый дизайнер в Альфа-Банке. Люблю пробовать новые инструменты и проверять их на прочность.

Были ли у вас задачи, где нужно было подготовить графику? Например, нарисовать баннер для акции: «Отправим всем по резиновой уточке» или «Защити свой аккаунт от мошенников»? Было что-то такое? Предполагаю, что с большой долей вероятности, ответ будет «да». У меня тоже такие задачи появлялись в бэклоге. И сегодня я расскажу, как подобные задачи можно выполнить нестандартно.

Всю карьеру я сомневался, всё время не знал, как мне работать дальше, и считал, что моя работа ничего не стоит. В общем, обесценивал себя как мог. 

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

Привет! Меня зовут Олег Мереуца. Я не практикующий психолог (соответствующего образования нет), а дизайнер цифровых продуктов в Альфа-Банке. Синдром самозванца преследовал меня всю жизнь. За это время я накопил некоторый полезный опыт, которым хочу с вами поделиться. 

Хотите, чтобы ваш продукт выглядел в проде так же как в макете, но при этом устали от рутины ревью или у вас вообще нет такого процесса?

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