How I Met Your Product

#design Привет привет 👋 Я вернулся и продолжу радовать вас новостями из мира дизайна, стартапов и управления продуктами 😺

На днях вышла онлайн-книга про дизайн-системы “Design Systems Handbook” от DesignBetter

https://www.designbetter.co/design-systems-handbook

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

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

Кстати не помню рассказывал или нет, но в эту же тему рекомендую глянуть на Atomic Design System (http://atomicdesign.bradfrost.com/chapter-2/). Эта методология применяется как в дизайне, так и в разработке и как раз пропагандирует создание продукта (дизайна/разработки) от малого к крупному:

1. Атомы

2. Молекулы

3. Организмы

4. Шаблоны

5. Страницы

По ссылке будут примеры, как оно работает, а так же плюсы и минусы, поэтому не буду переписывать всю статью.