атомарный дизайн

  • ХабрахабрФото Сколько дизайн-систем нужно для счастья?

    Сколько дизайн-систем нужно для счастья?

    Как сделать дизайн-систему с первого раза, чтобы потом ничего не переделывать (Спойлер: мы не знаем). Привет, я – Герман Гришин, ведущий дизайнер продуктового направления «БАРС Груп». Наша команда разрабатывает дизайн-систему, которая помогает максимально быстро и качественно собирать макеты на готовых компонентах. На рынке много примеров, когда дизайн-системы успешно внедряются в компаниях, занимающихся развитием собственных решений или сервисов. Следует отметить, что…

    Читать далее »
  • ХабрахабрФото Одинаковые компоненты — разная специализация

    Одинаковые компоненты — разная специализация

    В своей практике я часто использую визуально похожие друг на друга компоненты с разной специализацией. Это помогает оптимизировать процесс верстки макетов и доступнее объяснить разработчикам, какие инструменты использовать. Ниже приведен пример с полем для выбора значений. Оно может иметь как один тип, так и множество. Множество помогает лучше передать специфику использования. Кроме того, поля ввода могут включать еще такие свойства,…

    Читать далее »
  • ХабрахабрФото [recovery mode] Модульный фронтенд для репликационного масштабирования или как перестать копировать репозитории целиком

    [recovery mode] Модульный фронтенд для репликационного масштабирования или как перестать копировать репозитории целиком

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

    Читать далее »
  • ХабрахабрФото Как правильно верстать 2, или зачем я написал еще одну UI-библиотеку, мой первый npm-модуль?

    Как правильно верстать 2, или зачем я написал еще одну UI-библиотеку, мой первый npm-модуль?

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

    Читать далее »
  • ХабрахабрФото «Кроличья нора». UX-дизайнер в продуктовой команде

    «Кроличья нора». UX-дизайнер в продуктовой команде

    Я — UX-дизайнер, и всегда работала одна. Но в прошлом году всё изменилось: в свой день рождения я прошла собеседование в ISPsystem и попала в продуктовую команду. Пришлось вникать в новое, учиться жить по скраму и спорить с суровыми программистами (конструктивно!). Теперь дизайн-процессы устаканились, я сама прошу ребят о честной критике, а разработчики используют мои прототипы как ТЗ. Подробнее об…

    Читать далее »
  • ХабрахабрФото Дизайн-процессы в ISPsystem. Как внедрить идеологию, построить отдел и остаться в живых

    Дизайн-процессы в ISPsystem. Как внедрить идеологию, построить отдел и остаться в живых

    История об одном редизайне, который изменил подход к разработке в ISPsystem. На тот момент ситуация с продуктовым дизайном была следующая: решения по продуктам принимались руководством и программистами, никаких дизайнеров или проектировщиков не было. Я пришёл в ISPsystem в апреле 2016 г. Это должно было стать пробным шаром, первой попыткой сделать что-то с новым дизайном. Ситуация на рынке требовала продуктов с…

    Читать далее »


Кнопка «Наверх»