[{"data":1,"prerenderedAt":129},["ShallowReactive",2],{"$fHqt8WU2klwYoYveQnoyOHmiARp1JjtLhbG6y5qqNa-I":3},{"article":4,"similarArticles":15,"tagCounts":127},{"slug":5,"content":6,"notes":7,"groupedNotes":8,"title":9,"date":10,"description":11,"tags":12,"author":14},"kholmatova-alla-design-systems-a-practical-guide-to","\u003Ch4 id=\"1-общее-описание\">1. Общее описание\u003C\u002Fh4>\n\u003Cp>Книга посвящена созданию и поддержке \u003Cstrong>дизайн-систем\u003C\u002Fstrong> — набора взаимосвязанных паттернов и общих практик, организованных для достижения целей цифрового продукта. По своему типу это \u003Cstrong>практическое руководство\u003C\u002Fstrong>, ориентированное на методологию и процессы, а не технический справочник с кодом. Материал рассчитан на дизайнеров (визуальных и UX), проектировщиков взаимодействия и фронтенд-разработчиков малых и средних продуктовых команд. Освоив материал, читатель научится систематизировать процесс проектирования, устанавливать общий язык внутри команды и создавать масштабируемые дизайн-системы, соответствующие культуре компании.\u003C\u002Fp>\n\u003Ch4 id=\"2-структура-и-охват\">2. Структура и охват\u003C\u002Fh4>\n\u003Cp>Текст разделен на две основные части: \u003Cstrong>«Foundations»\u003C\u002Fstrong> (теоретические основы) и \u003Cstrong>«Process»\u003C\u002Fstrong> (практическое применение).\u003C\u002Fp>\n\u003Cul>\n\u003Cli>\u003Cstrong>Подробно разбираются:\u003C\u002Fstrong> типы паттернов (функциональные и перцептивные), дизайн-принципы, методология именования, параметры систем (строгость, модульность, централизация) и технические аспекты организации библиотек.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Упоминаются:\u003C\u002Fstrong> практики фронтенд-разработки в контексте систем.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Остается за скобками:\u003C\u002Fstrong> информационная архитектура, контент-стратегия, исследования (design research) и конкретные примеры программного кода. Порядок глав выстроен от \u003Cstrong>определения понятий и философии\u003C\u002Fstrong> к конкретным \u003Cstrong>инструментам реализации и поддержания\u003C\u002Fstrong> системы.\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Ch4 id=\"3-описание-разделов\">3. Описание разделов\u003C\u002Fh4>\n\u003Ch5 id=\"часть-1-основы-foundations\">Часть 1: Основы (Foundations)\u003C\u002Fh5>\n\u003Cp>В этой части закладывается концептуальный фундамент дизайн-системы как живого языка продукта.\u003C\u002Fp>\n\u003Cul>\n\u003Cli>\u003Cstrong>Глава 1. Дизайн-системы:\u003C\u002Fstrong> Дается определение системы как сочетания паттернов и практик. Автор подчеркивает, что система — это не просто библиотека компонентов, а инструмент для достижения целей продукта (например, обучения или быстрых продаж).\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Глава 2. Дизайн-принципы:\u003C\u002Fstrong> Разбираются качества эффективных принципов — они должны быть аутентичными, практическими, запоминающимися и иметь четкую точку зрения. Принципы помогают команде принимать решения в спорных ситуациях.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Глава 3. Функциональные паттерны:\u003C\u002Fstrong> Описываются «строительные блоки» интерфейса (кнопки, поля ввода), которые призваны побуждать пользователя к определенному поведению. Автор показывает, что паттерны могут меняться визуально, но их глубинная цель остается стабильной.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Глава 4. Перцептивные паттерны:\u003C\u002Fstrong> Фокус на эстетике и бренде — цвете, типографике, иконографике, анимации и тоне общения. Рассматриваются «сигнатурные моменты», создающие уникальную атмосферу продукта.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Глава 5. Общий язык:\u003C\u002Fstrong> Объясняется критическая важность совместного именования элементов. Предлагаются методы погружения команды в язык системы через «стены паттернов», глоссарии и Slack-ботов.\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Ch5 id=\"часть-2-процесс-process\">Часть 2: Процесс (Process)\u003C\u002Fh5>\n\u003Cp>Вторая часть посвящена практическим шагам по внедрению и эксплуатации системы.\u003C\u002Fp>\n\u003Cul>\n\u003Cli>\u003Cstrong>Глава 6. Параметры вашей системы:\u003C\u002Fstrong> Вводятся три шкалы для классификации DS: \u003Cstrong>Строгие против Гибких\u003C\u002Fstrong>, \u003Cstrong>Модульные против Интегрированных\u003C\u002Fstrong>, \u003Cstrong>Централизованные против Распределенных\u003C\u002Fstrong>. Приводятся кейсы Airbnb (строгая система) и TED (гибкая система).\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Глава 7. Планирование и практика:\u003C\u002Fstrong> Описывается, как получить поддержку стейкхолдеров, демонстрируя экономию времени и ускорение запуска продукта. Рекомендуется создавать дорожную карту и поддерживать прозрачность прогресса.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Глава 8. Систематизация функциональных паттернов:\u003C\u002Fstrong> Пошаговое руководство по проведению инвентаризации интерфейса: от определения ключевых действий пользователя до отрисовки структуры контента каждого модуля.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Глава 9. Систематизация перцептивных паттернов:\u003C\u002Fstrong> Методика аудита стилей (цвета, анимации, голоса). Подчеркивается необходимость анализа контрастности, таймингов анимации и паттернов использования цвета.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Глава 10. Библиотеки паттернов:\u003C\u002Fstrong> Рассматриваются инструменты (Fractal, Pattern Lab, Sketch) и процессы обновления документации. Автор призывает делать библиотеки междисциплинарными, чтобы они приносили пользу и дизайнерам, и разработчикам.\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp>\u003Cstrong>Заключение:\u003C\u002Fstrong> Автор подводит итог идеей о том, что дизайн-системы — это не просто инструменты эффективности, а способ сделать цифровой мир более гуманным и удобным для людей.\u003C\u002Fp>",[],{},"Design Systems: A practical guide to creating design languages for digital products","2026-07-16","Практическое руководство по созданию и поддержке дизайн-систем для цифровых продуктов — от теоретических основ к процессам.",[13],"Программирование","Kholmatova, Alla",[16,23,29,35,41,46,51,55,60,67,73,78,82,86,92,99,106,113,117,123],{"slug":17,"title":18,"date":19,"author":20,"tags":21},"notashelf-taste-is-all-that-s-left-2026","Taste Is All That's Left (2026)","2026-08-10","notashelf",[22,13],"AI",{"slug":24,"title":25,"date":26,"author":27,"tags":28},"brooks-frederick-p-jr-the-mythical-man-month-essays-on","The Mythical Man-Month: Essays on Software Engineering (1995)","2026-07-22","Brooks, Frederick P., Jr.",[13],{"slug":30,"title":31,"date":26,"author":32,"tags":33},"mdn-contributors-css-performance-optimization-2025","CSS performance optimization (2025)","MDN Contributors",[34,13],"Frontend",{"slug":36,"title":37,"date":26,"author":38,"tags":39},"simpson-kyle-you-don-t-know-js-async-performance-2015","You Don't Know JS: Async & Performance (2015)","Simpson, Kyle",[40,34,13],"Javascript",{"slug":42,"title":43,"date":26,"author":44,"tags":45},"spolsky-joel-the-law-of-leaky-abstractions-2002","The Law of Leaky Abstractions (2002)","Spolsky, Joel",[13],{"slug":47,"title":48,"date":26,"author":49,"tags":50},"stemmler-khalil-client-side-architecture-basics-i","Client-Side Architecture Basics: I. Architecture (2020)","Stemmler, Khalil",[34,13],{"slug":52,"title":53,"date":26,"author":49,"tags":54},"stemmler-khalil-client-side-architecture-basics-ii","Client-Side Architecture Basics: II. Principles (2020)",[34,13],{"slug":56,"title":57,"date":10,"author":58,"tags":59},"martin-robert-c-clean-code-a-handbook-of-agile-software","Clean Code: A Handbook of Agile Software Craftsmanship (2025)","Martin, Robert C.",[13],{"slug":61,"title":62,"date":63,"author":64,"tags":65},"corbin-henry-the-imago-templi-in-confrontation-with-secular","The Imago Templi in Confrontation with Secular Norms; Temple and Contemplation (1986)","2026-08-20","Corbin, Henry",[66],"Корбен",{"slug":68,"title":69,"date":63,"author":70,"tags":71},"damasio-antonio-r-descartes-error-emotion-reason-and-the","Descartes' Error: Emotion, Reason, and the Human Brain (1994)","Damasio, Antonio R.",[72],"Психология",{"slug":74,"title":75,"date":63,"author":76,"tags":77},"dixon-thomas-alexander-bain-herbert-spencer-charles-darwin","Alexander Bain, Herbert Spencer, Charles Darwin (from «From Passions to Emotions», 2003)","Dixon, Thomas",[72],{"slug":79,"title":80,"date":63,"author":76,"tags":81},"dixon-thomas-from-passions-to-emotions-the-creation-of-a","From Passions to Emotions. The Creation of a Secular Psychological Category (2003)",[72],{"slug":83,"title":84,"date":63,"author":76,"tags":85},"dixon-thomas-teoriya-dzheimsa-makkosha-iz-from-passions-to","Теория Джеймса Маккоша (из «From Passions to Emotions», 2003)",[72],{"slug":87,"title":88,"date":63,"author":89,"tags":90},"donnellan-brendan-friedrich-nietzsche-and-paul-ree","Friedrich Nietzsche and Paul Rée. Cooperation and Conflict (1982)","Donnellan, Brendan",[91],"Ницше",{"slug":93,"title":94,"date":63,"author":95,"tags":96},"heilbroner-robert-l-do-machines-make-history-1967","Do Machines Make History (1967)","Heilbroner, Robert L.",[97,98],"Политика","История",{"slug":100,"title":101,"date":63,"author":102,"tags":103},"kolesnitsa-bez-khozyaina","Колесница без хозяина","NotebookLM",[104,105],"Платон","Индия",{"slug":107,"title":108,"date":63,"author":109,"tags":110},"sanders-robert-h-an-alternative-to-dark-matter-modified","An Alternative to Dark Matter: Modified Newtonian Dynamics (from «The Dark Matter Problem. A Historical Perspective», 2009)","Sanders, Robert H.",[111,112],"Космология","Физика",{"slug":114,"title":115,"date":63,"author":109,"tags":116},"sanders-robert-h-deconstructing-cosmology-2016","Deconstructing Cosmology (2016)",[111,112],{"slug":118,"title":119,"date":63,"author":120,"tags":121},"serkov-a-i-dumskoe-masonstvo-i-vremennoe-pravitelstvo-iz","«Думское масонство» и Временное правительство (из «Истории русского масонства. 1845–1945», 1997)","Серков, А.И.",[122,98],"Масонство",{"slug":124,"title":125,"date":63,"author":120,"tags":126},"serkov-a-i-masonstvo-mikhaila-bakunina-iz-istorii-russkogo","Масонство Михаила Бакунина (из «Истории русского масонства. 1845–1945», 1997)",[122,98],{"Программирование":128},9,1787241654251]