Я — Арсен, UX/UI / Продуктовый дизайнер. В основном я делаю мобильные интерфейсы и всегда открыт к общению, если у вас есть классный проект, вакансия или просто хотите написать «привет». Чуть больше обо мне тут, в моём Читать полностью »
Рубрика «design system»
Как я починил огромный баг (фичу) переменных Figma с помощью AI
2025-04-11 в 14:18, admin, рубрики: AI, design system, figma, figma api, figma design, figma plugin, gemini, javascript, ui kit, нейросеть«Да будет свет!», — подумали мы. И стал свет. Краткая история обучения нейросветодизайнера нейросветодизайну
2024-10-26 в 8:00, admin, рубрики: design system, ml, stablediffusion, нейросетиДавным-давно, скажем, этим летом, нас посетила удачная мысль включить повсюду свет и озарить ночные города. Так родился проект по обучению нейросети сложному искусству светодизайна.
Мультипродуктовая дизайн-система: как сделать так, чтобы она реально работала
2024-09-12 в 12:16, admin, рубрики: design system
Большое UX-UI исследование мобильных приложений аптек
2024-08-26 в 20:28, admin, рубрики: design system, flutter, ux design, ux-исследования, ux/ui, дизайн, дизайн приложений, исследование пользователей, исследование рынка, мобильное приложениеHola, Amigos! На связи Вадим Кононенко и Станислав Дмитриев, руководители проектов агентства продуктовой разработки Amiga. Собрали в одной статье тренды и решения, которые следует учесть при разработке приложений аптек и e-com в целом.
Предисловие
Автостопом по дизайн-системе. Путеводитель с оглавлением
2024-05-13 в 8:58, admin, рубрики: design system, figma, figma plugin, ozon tech, ui/ux, uikitЭта статья поверхностна, как водная гладь, по которой скачет камушек-блинчик. Каждый прыг — развилка на Пути дизайн-системы.
-
Делать свою или взять готовую? Прыг.
-
Платформенная или универсальная? Прыг.
-
Версионировать компоненты или всю библиотеку? Прыг...
И ещё много таких «прыгов» (с оглавлением).
Приглашаем на Ozon Tech Community Design Meetup. Дизайн продукта: путь до прода
2023-02-08 в 14:09, admin, рубрики: design process, design system, ozon design, ozon tech, product design, Блог компании Ozon Tech, веб-дизайн, дизайн, дизайн мобильных приложений, конференции, конференция, митап, продуктовый дизайн, путь до прода
Дизайн-токены способны на большее: создаем единый источник информации о компонентах UI
2020-03-12 в 10:18, admin, рубрики: design system, Design Systems, design tokens, Блог компании Badoo, дизайн мобильных приложений, интерфейсы, разработка мобильных приложенийТермином «дизайн-система» в IT давно никого не удивишь. Компании систематизируют дизайн продуктов, придумывая свои или используя чужие инструменты для управления стилями, паттернами и компонентами.
Badoo не является исключением: с помощью нашей дизайн-системы Cosmos мы поддерживаем общие принципы дизайна для четырёх приложений, работающих на четырёх платформах.
Одна из первых и основных вещей, с которой начинается работа по созданию дизайн-системы, — это токены (или переменные), которые определяют значения разных сущностей системы.
Как это работает? Например, у вас есть приложение для двух платформ. Вместо того чтобы для каждой заново указывать в CSS-файле размер и стиль шрифтов, вы можете хранить эти значения в JSON-файле, который легко преобразуется в код для любой платформы. В дальнейшем этот файл можно использовать и в других проектах с другими кодовыми базами.
Несмотря на потенциал дизайн-токенов, во многих компаниях их структура остаётся довольно простой, что сильно ограничивает возможности их применения.
Я хочу поделиться адаптированным переводом статьи моего коллеги Кристиано Растелли (Cristiano Rastelli), который несколько лет развивает дизайн-систему Cosmos. На примере своего опыта он показывает, как работать с токенами более эффективно: добавлять метаданные и использовать их для описания свойств компонентов.
Под катом — небольшой рассказ о том, как выглядят дизайн-токены в Badoo и почему они значительно упрощают процесс разработки.
Дизайн система Société Générale: Гармония дизайна и разработки
2019-11-18 в 15:09, admin, рубрики: design system, Design Systems, UI, ui/ux design, веб-дизайн, графический дизайн, дизайн, дизайн интерфейсов, дизайн мобильных приложений, дизайн система, дизайнеру, интерфейсыПредлагаем вашему вниманию перевод истории о создании дизайн системы, рассказанной дизайнером из Societe Generale.
Нынешний всплеск статей о дизайн системах вдохновил нас больше говорить о том, над чем мы работаем в Societe Generale. Мы давно экспериментируем с нашей дизайн системой, и как дизайнер, который глубоко заботится о технических деталях, я лично считаю это огромным достижением в моей карьере.
Поскольку дизайн система — это язык, который позволяет дизайнерам и разработчикам работать в гармонии, я собрал этот материал вместе со своим коллегой Фабьеном Зиби, нашим ведущим разработчиком. Мы поговорим о жизненном цикле нашей дизайн системы и поделимся опытом плодотворного сотрудничества, надеясь, что оно поможет и вдохновит людей, только отправляющихся в этот путь.
Sketch + Node.js: генерируем иконки для множества платформ и брендов
2019-02-27 в 14:01, admin, рубрики: design system, javascript, node.js, nodejs, sketch, web-разработка, Блог компании Badoo, дизайн мобильных приложений, интерфейсы
Нет ничего проще, чем добавить иконку в проект: нужно всего лишь написать дизайнеру, он экспортирует её из Sketch и пришлет вам нужный вариант, а вы используете ее у себя в коде. Если же у вас с десяток проектов, несколько платформ и множество А/Б-тестов на дизайн, то достаточно делать всё то же самое, только в 40 раз чаще и нигде не ошибаться… либо постараться автоматизировать процесс. Под катом — первая часть перевода статьи моего коллеги Cristiano Rastelli про один из примеров такой автоматизации.
Проблема, которую мы решали
Мы в Badoo разрабатываем приложение для знакомств. Вообще-то это несколько приложений, каждое из которых функционирует на нескольких платформах (iOS, Android, Mobile Web, Desktop Web), и работу над ними ведут несколько команд.
При разработке мы используем сотни различных иконок. Некоторые одинаковы в каждом приложении, другие — соответствуют тому или иному бренду. Иногда дизайн меняется, а вместе с ним меняются и иконки: появляются новые, какие-то обновляются, какие-то — удаляются (но часто остаются при этом в кодовой базе).
Читать полностью »
Дизайн–система Acronis. Часть вторая. Иконки, SVG шрифты, Gulp
2017-12-12 в 7:39, admin, рубрики: acronis, components, design system, fonts, front-end, gulp, icons, product design, svg, UI, UX, Блог компании Acronis, Inc, веб-дизайн, интерфейсы
Меня зовут Сергей, и я все еще работаю старшим дизайнером в компании Acronis. Мы продолжаем оптимизировать работу отдела дизайна продуктов для бизнеса и все больше интегрируемся в процессы на стороне front-end разработки.
В прошлой статье я рассказывал о создании библиотеки компонентов, выборе инструментов и взаимодействии с разработчиками. В этой статье я сделаю акцент на мелочах. Расскажу про SVG шрифты, работу с иконками и приправлю рассказ толикой автоматизации с использованием Gulp.Читать полностью »