[{"data":1,"prerenderedAt":126},["ShallowReactive",2],{"$fdh8igpwVtUhBmJ6yAxNo4EM8_55qAR55Wzd9SWIlbt0":3},{"article":4,"similarArticles":15,"tagCounts":124},{"slug":5,"content":6,"notes":7,"groupedNotes":8,"title":9,"date":10,"description":11,"tags":12,"author":14},"wathan-adam-schoger-steve-refactoring-ui","\u003Ch4 id=\"1-общее-описание\">1. Общее описание\u003C\u002Fh4>\n\u003Cp>\u003Cstrong>Refactoring UI\u003C\u002Fstrong> — это \u003Cstrong>практический самоучитель\u003C\u002Fstrong> по визуальному дизайну, написанный специально для разработчиков и людей, считающих, что у них нет «врожденного художественного таланта». Книга не является справочником по инструментам (вроде Figma или CSS), а представляет собой \u003Cstrong>свод методологических правил и системных подходов\u003C\u002Fstrong>. Читатель учится принимать дизайнерские решения, основываясь на логике и иерархии, что позволяет создавать профессиональные интерфейсы без участия профессионального дизайнера.\u003C\u002Fp>\n\u003Ch4 id=\"2-структура-и-карта-охвата\">2. Структура и карта охвата\u003C\u002Fh4>\n\u003Cp>Книга организована по принципу \u003Cstrong>«от общего процесса к частным деталям»\u003C\u002Fstrong>, что позволяет сначала выстроить правильный рабочий цикл, а затем постепенно «полировать» интерфейс.\u003C\u002Fp>\n\u003Cul>\n\u003Cli>\u003Cstrong>Подробно разбираются:\u003C\u002Fstrong> визуальная иерархия, системы отступов и размеров, типографика, работа с цветом в пространстве HSL и создание глубины с помощью теней.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Упоминаются:\u003C\u002Fstrong> выбор шрифтов, работа с пользовательским контентом и иконками.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Остается за скобками:\u003C\u002Fstrong> UX-проектирование (исследования пользователей), глубокая теория цвета, создание сложных иллюстраций и техническая верстка.\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Ch4 id=\"3-описание-разделов\">3. Описание разделов\u003C\u002Fh4>\n\u003Cp>\u003Cstrong>Процесс и основы (Starting from Scratch)\u003C\u002Fstrong> В этой части авторы призывают \u003Cstrong>начинать с функционала, а не с макета\u003C\u002Fstrong> оболочки (сайдбаров или навигации). Основная идея — проектировать в низком качестве (черно-белые наброски, толстые маркеры), чтобы не отвлекаться на детали вроде шрифтов и теней на ранних этапах. Рекомендуется работать короткими циклами: спроектировать одну фичу и сразу реализовать её в коде, прежде чем переходить к следующей. Также вводится концепция «выбора личности» дизайна через шрифты и цвета.\u003C\u002Fp>\n\u003Cp>\u003Cstrong>Визуальная иерархия (Hierarchy is Everything)\u003C\u002Fstrong> Центральный раздел, объясняющий, что «хороший дизайн» — это прежде всего \u003Cstrong>управление вниманием пользователя\u003C\u002Fstrong>. Авторы доказывают, что размер — это не единственный способ выделить главное: шрифт можно делать жирнее или менять его цвет на более контрастный. Ключевой прием — \u003Cstrong>акцентирование через деакцентирование\u003C\u002Fstrong> второстепенных элементов (например, сделать текст серым, чтобы основной заголовок «заиграл»). Также разбирается отказ от лишних ярлыков (Labels) там, где формат данных (email, телефон) понятен из контекста.\u003C\u002Fp>\n\u003Cp>\u003Cstrong>Макет, сетки и отступы (Layout and Spacing)\u003C\u002Fstrong> Авторы советуют \u003Cstrong>начинать с избыточного количества свободного пространства\u003C\u002Fstrong> и удалять его только при необходимости, а не наоборот. Главный инструмент здесь — \u003Cstrong>ограничение выбора\u003C\u002Fstrong>: вместо произвольных пикселей нужно заранее создать систему размеров (например, кратную 16px или 8px). Критикуется слепое следование сеткам (grids); утверждается, что фиксированная ширина для таких элементов, как сайдбары, часто лучше процентной.\u003C\u002Fp>\n\u003Cp>\u003Cstrong>Типографика (Designing Text)\u003C\u002Fstrong> Здесь осваивается создание \u003Cstrong>шрифтовой шкалы\u003C\u002Fstrong>, чтобы избежать использования слишком большого количества размеров. Даются советы по выбору качественных шрифтов (например, наличие более пяти начертаний — признак хорошего семейства). Разбираются технические нюансы: длина строки должна быть в пределах 45–75 символов для комфортного чтения, а межстрочный интервал должен увеличиваться пропорционально длине строки.\u003C\u002Fp>\n\u003Cp>\u003Cstrong>Цвет (Working with Color)\u003C\u002Fstrong> Предлагается \u003Cstrong>отказаться от HEX в пользу HSL\u003C\u002Fstrong>, так как это интуитивно понятнее для человеческого глаза (тон, насыщенность, яркость). Читатель учится составлять палитру не из 5 цветов, а из 10 оттенков для каждого цвета (серые, основные, акцентные). Важный инсайт раздела: при изменении яркости нужно менять и насыщенность, а иногда и проворачивать цветовой тон, чтобы цвета не выглядели «грязными».\u003C\u002Fp>\n\u003Cp>\u003Cstrong>Глубина и изображения (Creating Depth & Images)\u003C\u002Fstrong> Раздел учит \u003Cstrong>имитировать источник света\u003C\u002Fstrong>, находящийся сверху, для создания эффекта приподнятых или вдавленных элементов. Тень рассматривается как инструмент указания на высоту элемента над страницей (z-axis). При работе с фото даются приемы наложения текста: использование темных оверлеев или размытия для сохранения контрастности. Также вводится запрет на масштабирование мелких иконок до больших размеров из-за потери детализации.\u003C\u002Fp>\n\u003Cp>\u003Cstrong>Финальные штрихи (Finishing Touches)\u003C\u002Fstrong> Описываются приемы «полировки»: замена стандартных буллитов в списках на иконки, добавление ярких цветных границ к карточкам и \u003Cstrong>проработка «пустых состояний»\u003C\u002Fstrong> (empty states) приложения, которые часто игнорируются. В завершение дается совет \u003Cstrong>реконструировать чужие интерфейсы\u003C\u002Fstrong> без заглядывания в код, чтобы развить дизайнерское зрение.\u003C\u002Fp>",[],{},"Refactoring UI","2026-07-16","Практический самоучитель по визуальному дизайну интерфейсов для разработчиков без профильного художественного образования.",[13],"Дизайн","Wathan, Adam; Schoger, Steve",[16,23,29,34,38,42,48,55,62,69,73,79,83,88,92,96,102,107,112,118],{"slug":17,"title":18,"date":19,"author":20,"tags":21},"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",[22],"Корбен",{"slug":24,"title":25,"date":19,"author":26,"tags":27},"damasio-antonio-r-descartes-error-emotion-reason-and-the","Descartes' Error: Emotion, Reason, and the Human Brain (1994)","Damasio, Antonio R.",[28],"Психология",{"slug":30,"title":31,"date":19,"author":32,"tags":33},"dixon-thomas-alexander-bain-herbert-spencer-charles-darwin","Alexander Bain, Herbert Spencer, Charles Darwin (from «From Passions to Emotions», 2003)","Dixon, Thomas",[28],{"slug":35,"title":36,"date":19,"author":32,"tags":37},"dixon-thomas-from-passions-to-emotions-the-creation-of-a","From Passions to Emotions. The Creation of a Secular Psychological Category (2003)",[28],{"slug":39,"title":40,"date":19,"author":32,"tags":41},"dixon-thomas-teoriya-dzheimsa-makkosha-iz-from-passions-to","Теория Джеймса Маккоша (из «From Passions to Emotions», 2003)",[28],{"slug":43,"title":44,"date":19,"author":45,"tags":46},"donnellan-brendan-friedrich-nietzsche-and-paul-ree","Friedrich Nietzsche and Paul Rée. Cooperation and Conflict (1982)","Donnellan, Brendan",[47],"Ницше",{"slug":49,"title":50,"date":19,"author":51,"tags":52},"heilbroner-robert-l-do-machines-make-history-1967","Do Machines Make History (1967)","Heilbroner, Robert L.",[53,54],"Политика","История",{"slug":56,"title":57,"date":19,"author":58,"tags":59},"kolesnitsa-bez-khozyaina","Колесница без хозяина","NotebookLM",[60,61],"Платон","Индия",{"slug":63,"title":64,"date":19,"author":65,"tags":66},"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.",[67,68],"Космология","Физика",{"slug":70,"title":71,"date":19,"author":65,"tags":72},"sanders-robert-h-deconstructing-cosmology-2016","Deconstructing Cosmology (2016)",[67,68],{"slug":74,"title":75,"date":19,"author":76,"tags":77},"serkov-a-i-dumskoe-masonstvo-i-vremennoe-pravitelstvo-iz","«Думское масонство» и Временное правительство (из «Истории русского масонства. 1845–1945», 1997)","Серков, А.И.",[78,54],"Масонство",{"slug":80,"title":81,"date":19,"author":76,"tags":82},"serkov-a-i-masonstvo-mikhaila-bakunina-iz-istorii-russkogo","Масонство Михаила Бакунина (из «Истории русского масонства. 1845–1945», 1997)",[78,54],{"slug":84,"title":85,"date":19,"author":86,"tags":87},"small-robin-end-of-a-friendship-from-nietzsche-and-ree-a","End of a Friendship (from «Nietzsche and Rée. A Star Friendship», 2005)","Small, Robin",[47],{"slug":89,"title":90,"date":19,"author":86,"tags":91},"small-robin-nietzsche-and-ree-a-star-friendship-2005","Nietzsche and Rée. A Star Friendship (2005)",[47],{"slug":93,"title":94,"date":19,"author":86,"tags":95},"small-robin-nietzsche-s-retreat-from-reealism-from","Nietzsche's Retreat from Réealism (from «Nietzsche and Rée. A Star Friendship», 2005)",[47],{"slug":97,"title":98,"date":19,"author":99,"tags":100},"taubes-jacob-abendlandische-eschatologie-1991","Abendländische Eschatologie (1991)","Taubes, Jacob",[101,54],"Теология",{"slug":103,"title":104,"date":19,"author":105,"tags":106},"white-leslie-a-the-evolution-of-culture-the-development-of","The Evolution of Culture. The Development of Civilization to the Fall of Rome (1959)","White, Leslie A.",[54],{"slug":108,"title":109,"date":19,"author":110,"tags":111},"yarowrath-doktrina-monolita-2007","Доктрина Монолита (2007)","yarowrath",[53,101],{"slug":113,"title":114,"date":115,"author":116,"tags":117},"clergue-jean-albert-en-quete-de-henry-corbin-franc-macon","En quête de Henry Corbin Franc-Maçon Chevaleresque (2009)","2026-08-14","Clergue, Jean-Albert",[22,78],{"slug":119,"title":120,"date":115,"author":121,"tags":122},"fakhoury-hadi-henry-corbin-and-russian-orthodox-theology","Henry Corbin and Russian Orthodox Theology (1939–1942) (2025)","Fakhoury, Hadi",[22,101,123],"Христианство",{"Дизайн":125},1,1787241654255]