<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:media="http://search.yahoo.com/mrss/" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:georss="http://www.georss.org/georss">
<channel>
<title>Design Systems - Desk Design</title>
<link>https://deskdesign.ru/</link>
<language>ru</language><item>
<title>Хороший дизайн — это не набор решений. Это способность системы принимать решения.</title>
<link>https://deskdesign.ru/design-systems/19-horoshij-dizajn-jeto-ne-nabor-reshenij-jeto-sposobnost-sistemy-prinimat-reshenija.html</link>
<pdalink>https://deskdesign.ru/design-systems/19-horoshij-dizajn-jeto-ne-nabor-reshenij-jeto-sposobnost-sistemy-prinimat-reshenija.html</pdalink>
<guid>https://deskdesign.ru/design-systems/19-horoshij-dizajn-jeto-ne-nabor-reshenij-jeto-sposobnost-sistemy-prinimat-reshenija.html</guid>
<pubDate>Sun, 12 Jul 2026 21:39:19 +0300</pubDate>
<category>index</category>

<content:encoded><![CDATA[<p><b>Статус:</b> 🟡 Исследуется</p> <p><b>Многие воспринимают дизайн-систему как набор правил: цвета, шрифты, компоненты, шаблоны и документация. Но настоящая система начинается не там, где появляются элементы, а там, где появляется способность сохранять смысл при изменении условий. Хороший дизайн не повторяет одинаковые формы бесконечно — он создает механизм, который помогает принимать правильные решения снова и снова.</b></p> <h2>Почему набор компонентов не является системой</h2> <p><b>Когда говорят о дизайн-системах, чаще всего вспоминают техническую сторону:</b></p> <ul> <li> <div style="color:#333333;border:1px solid rgb(0,137,123);padding:0.78em;background-color:#e0f2f1;box-shadow:rgba(126,142,177,0.2) 0px 0.35em 0.7em;">библиотеку компонентов;</div> </li> <li> <div style="color:#333333;border:1px solid rgb(0,137,123);padding:0.78em;background-color:#e0f2f1;box-shadow:rgba(126,142,177,0.2) 0px 0.35em 0.7em;">UI-kit;</div> </li> <li> <div style="color:#333333;border:1px solid rgb(0,137,123);padding:0.78em;background-color:#e0f2f1;box-shadow:rgba(126,142,177,0.2) 0px 0.35em 0.7em;">правила отступов;</div> </li> <li> <div style="color:#333333;border:1px solid rgb(0,137,123);padding:0.78em;background-color:#e0f2f1;box-shadow:rgba(126,142,177,0.2) 0px 0.35em 0.7em;">цветовые переменные;</div> </li> <li> <div style="color:#333333;border:1px solid rgb(0,137,123);padding:0.78em;background-color:#e0f2f1;box-shadow:rgba(126,142,177,0.2) 0px 0.35em 0.7em;">документацию.</div> </li> </ul> <p><b>Все это важно.</b></p> <p>Но можно иметь идеально оформленную библиотеку и при этом не иметь настоящей системы.</p> <p><b>Почему?</b></p> <p>Потому что система — это не коллекция элементов.</p> <h4><span style="color:#2dc26b;">Система — это отношения между элементами и правила их поведения.</span></h4> <h2>Разница между коллекцией и системой</h2> <p>Коллекция говорит:</p> <blockquote>Вот кнопка. Используй её.</blockquote> <p>Система отвечает:</p> <blockquote>Вот почему существует эта кнопка, когда её использовать, какую задачу она решает и как она должна изменяться в разных условиях.</blockquote> <p>В первом случае дизайнер получает инструмент.</p> <h5><span style="color:#2dc26b;">Во втором — получает способ мышления.</span></h5> <h2>Дизайн без системы ломается при росте</h2> <p>На ранних этапах почти любой проект выглядит хорошо.</p> <p>Небольшая команда быстро принимает решения.</p> <p>Все понимают контекст.</p> <p>Все помнят причины.</p> <p>Но проект растет.</p> <p><b>Появляются:</b></p> <ul> <li> <div style="color:#333333;border:1px solid rgb(0,137,123);padding:0.78em;background-color:#e0f2f1;box-shadow:rgba(126,142,177,0.2) 0px 0.35em 0.7em;">новые дизайнеры;</div> </li> <li> <div style="color:#333333;border:1px solid rgb(0,137,123);padding:0.78em;background-color:#e0f2f1;box-shadow:rgba(126,142,177,0.2) 0px 0.35em 0.7em;">новые продукты;</div> </li> <li> <div style="color:#333333;border:1px solid rgb(0,137,123);padding:0.78em;background-color:#e0f2f1;box-shadow:rgba(126,142,177,0.2) 0px 0.35em 0.7em;">новые платформы;</div> </li> <li> <div style="color:#333333;border:1px solid rgb(0,137,123);padding:0.78em;background-color:#e0f2f1;box-shadow:rgba(126,142,177,0.2) 0px 0.35em 0.7em;">новые пользователи.</div> </li> </ul> <p>И возникает проблема:</p> <p><span style="color:#2dc26b;"><b>люди начинают повторять форму, забывая смысл.</b></span></p> <h2>Система хранит не форму, а намерение</h2> <p>Это главный принцип.</p> <p>Хорошая дизайн-система должна отвечать не только:</p> <blockquote>Как выглядит элемент?</blockquote> <p>Но и:</p> <blockquote>Зачем он существует?</blockquote> <p>Например.</p> <p>Кнопка может быть синей.</p> <p>Но причина может быть не в цвете.</p> <p><b>Она может означать:</b></p> <ul> <li> <div style="color:#333333;border:1px solid rgb(0,137,123);padding:0.78em;background-color:#e0f2f1;box-shadow:rgba(126,142,177,0.2) 0px 0.35em 0.7em;">главное действие;</div> </li> <li> <div style="color:#333333;border:1px solid rgb(0,137,123);padding:0.78em;background-color:#e0f2f1;box-shadow:rgba(126,142,177,0.2) 0px 0.35em 0.7em;">доверие;</div> </li> <li> <div style="color:#333333;border:1px solid rgb(0,137,123);padding:0.78em;background-color:#e0f2f1;box-shadow:rgba(126,142,177,0.2) 0px 0.35em 0.7em;">подтверждение;</div> </li> <li> <div style="color:#333333;border:1px solid rgb(0,137,123);padding:0.78em;background-color:#e0f2f1;box-shadow:rgba(126,142,177,0.2) 0px 0.35em 0.7em;">направление движения.</div> </li> </ul> <p><span style="color:#2dc26b;"><b>Если завтра бренд изменит цветовую палитру, система должна сохранить смысл, а не оттенок.</b></span></p> <h2>Почему AI усиливает значение систем</h2> <p>В эпоху генеративного ИИ проблема меняется.</p> <p>Раньше команда могла создавать мало вариантов.</p> <p>Теперь AI может создавать тысячи.</p> <p>Но большое количество вариантов без системы приводит к хаосу.</p> <p>AI легко производит форму.</p> <p><b>Сложнее определить:</b></p> <ul> <li> <div style="color:#333333;border:1px solid rgb(0,137,123);padding:0.78em;background-color:#e0f2f1;box-shadow:rgba(126,142,177,0.2) 0px 0.35em 0.7em;">какие варианты соответствуют цели;</div> </li> <li> <div style="color:#333333;border:1px solid rgb(0,137,123);padding:0.78em;background-color:#e0f2f1;box-shadow:rgba(126,142,177,0.2) 0px 0.35em 0.7em;">какие нарушают принцип;</div> </li> <li> <div style="color:#333333;border:1px solid rgb(0,137,123);padding:0.78em;background-color:#e0f2f1;box-shadow:rgba(126,142,177,0.2) 0px 0.35em 0.7em;">какие можно масштабировать.</div> </li> </ul> <p>Поэтому в будущем ценность будет не только в генерации.</p> <h4><span style="color:#2dc26b;">А в наличии системы оценки.</span></h4> <h2>Новый взгляд на Design System</h2> <p>Можно сказать так:</p> <blockquote>Дизайн-система — это не библиотека готовых решений. Это способ передать мышление команды.</blockquote> <p>Она позволяет большому количеству людей принимать решения так, будто они понимают общую идею проекта.</p> <h1>Практический эксперимент</h1> <p>Откройте любой большой продукт.</p> <p><b>Например:</b></p> <ul> <li> <div style="color:#333333;border:1px solid rgb(0,137,123);padding:0.78em;background-color:#e0f2f1;box-shadow:rgba(126,142,177,0.2) 0px 0.35em 0.7em;">приложение;</div> </li> <li> <div style="color:#333333;border:1px solid rgb(0,137,123);padding:0.78em;background-color:#e0f2f1;box-shadow:rgba(126,142,177,0.2) 0px 0.35em 0.7em;">сайт;</div> </li> <li> <div style="color:#333333;border:1px solid rgb(0,137,123);padding:0.78em;background-color:#e0f2f1;box-shadow:rgba(126,142,177,0.2) 0px 0.35em 0.7em;">сервис.</div> </li> </ul> <p>Посмотрите не на отдельные экраны.</p> <p><b>Задайте вопрос:</b></p> <blockquote>Какие решения повторяются здесь не потому, что дизайнеры копируют друг друга, а потому что за ними стоит единый принцип?</blockquote> <h4><span style="color:#2dc26b;">Именно там находится настоящая система.</span></h4> <p><a href="/design-thinking/8-dizajner-risuet-ne-pikseli-a-reshenija.html" target="_blank">→ Дизайнер рисует не пиксели, а решения</a></p> <p><a href="/16-ai-ne-zamenjaet-dizajnera-on-menjaet-stoimost-navykov.html" target="_blank">→ AI не заменяет дизайнера. Он меняет стоимость навыков</a></p> <p>→ Хорошая система переживает своего автора</p> <p>Если система должна сохранять смысл при изменениях, возникает следующий вопрос:</p> <blockquote> <p>Может ли дизайн-система существовать без человека, который понимает её первоначальную идею?</p> </blockquote>]]></content:encoded>
</item></channel></rss>