HTML Diff
0 added 0 removed
Original 2026-01-01
Modified 2026-02-21
1 <p><a>#статьи</a></p>
1 <p><a>#статьи</a></p>
2 <ul><li>2 ноя 2022</li>
2 <ul><li>2 ноя 2022</li>
3 <li>0</li>
3 <li>0</li>
4 </ul><h2>Простыми словами: что такое паттерн?</h2>
4 </ul><h2>Простыми словами: что такое паттерн?</h2>
5 <p>Заходят как-то в бар дизайнер и айтишник, а джун их спрашивает: "И как это понимать?"</p>
5 <p>Заходят как-то в бар дизайнер и айтишник, а джун их спрашивает: "И как это понимать?"</p>
6 <p>Иллюстрация: Оля Ежак для Skillbox Media</p>
6 <p>Иллюстрация: Оля Ежак для Skillbox Media</p>
7 <p>Пишем про дизайн и искусство. Всё, что вы хотели знать о настоящем, прошлом и будущем визуальной культуры.</p>
7 <p>Пишем про дизайн и искусство. Всё, что вы хотели знать о настоящем, прошлом и будущем визуальной культуры.</p>
8 <p>Паттерн - это термин, который встречается и в дизайне, и в айти. Он означает одно и то же? Или в каждой области подразумевается своё значение?</p>
8 <p>Паттерн - это термин, который встречается и в дизайне, и в айти. Он означает одно и то же? Или в каждой области подразумевается своё значение?</p>
9 <p>Простыми словами объясняют, что такое паттерн, эксперт в иллюстрации Ксения Копалова и эксперт в веб-разработке Михаил Малышев.</p>
9 <p>Простыми словами объясняют, что такое паттерн, эксперт в иллюстрации Ксения Копалова и эксперт в веб-разработке Михаил Малышев.</p>
10 <p>Иллюстратор, преподаватель, исследователь. Соавтор журнала об иллюстрации "Слон в боа" и автор блога о современной японской графике IINE!</p>
10 <p>Иллюстратор, преподаватель, исследователь. Соавтор журнала об иллюстрации "Слон в боа" и автор блога о современной японской графике IINE!</p>
11 <p>Говоря простыми словами, паттерн - это ритмично повторяющийся рисунок, который легко размножить и замостить им большую поверхность. Например, на обоях или на платье в цветочек.</p>
11 <p>Говоря простыми словами, паттерн - это ритмично повторяющийся рисунок, который легко размножить и замостить им большую поверхность. Например, на обоях или на платье в цветочек.</p>
12 <p>В иллюстрации паттерн чаще всего ассоциируется как раз с такими бытовыми и явно осязаемыми вещами - посудой, одеждой, домашним текстилем, упаковкой, теми же обоями, канцеляркой. И паттерны - это значимая часть контента на сайтах со стоковой графикой.</p>
12 <p>В иллюстрации паттерн чаще всего ассоциируется как раз с такими бытовыми и явно осязаемыми вещами - посудой, одеждой, домашним текстилем, упаковкой, теми же обоями, канцеляркой. И паттерны - это значимая часть контента на сайтах со стоковой графикой.</p>
13 <p>Бытовая повсеместность паттерна, чёткая ассоциация с недорогим производством и "декоративностью" (об этом позже) задаёт своеобразное отношение к нему.</p>
13 <p>Бытовая повсеместность паттерна, чёткая ассоциация с недорогим производством и "декоративностью" (об этом позже) задаёт своеобразное отношение к нему.</p>
14 <p>В негласной иерархии иллюстраторских задач изготовление паттерна крайне редко занимает высокую позицию. Несмотря на то что история знает суперзнаменитые и однозначно узнаваемые паттерны вроде цветов Энди Уорхола или "горошка" Яёи Кусамы, в среднем для автора, далёкого от таких вершин славы, заказ на паттерн вряд ли будет предметом гордости - если только человек не занимается исключительно этой областью и не работает с очень крупными и важными брендами.</p>
14 <p>В негласной иерархии иллюстраторских задач изготовление паттерна крайне редко занимает высокую позицию. Несмотря на то что история знает суперзнаменитые и однозначно узнаваемые паттерны вроде цветов Энди Уорхола или "горошка" Яёи Кусамы, в среднем для автора, далёкого от таких вершин славы, заказ на паттерн вряд ли будет предметом гордости - если только человек не занимается исключительно этой областью и не работает с очень крупными и важными брендами.</p>
15 Один из самых часто загружаемых royalty-free-паттернов на стоке Dreamstime<em>Изображение: Ronuhf /<a>Dreamstime.com</a></em><p>Между тем паттерн как визуальный феномен сложнее, чем выглядит на какой-нибудь подарочной упаковке в сердечко.</p>
15 Один из самых часто загружаемых royalty-free-паттернов на стоке Dreamstime<em>Изображение: Ronuhf /<a>Dreamstime.com</a></em><p>Между тем паттерн как визуальный феномен сложнее, чем выглядит на какой-нибудь подарочной упаковке в сердечко.</p>
16 <p>Так, например, исследовательница и профессор Королевской академии искусств в Гааге и Лейденского университета Элис Туэмлоу, анализируя феномен орнамента,<a>пишет</a>об истории снисходительного, если не сказать пренебрежительного, отношения к нему:</p>
16 <p>Так, например, исследовательница и профессор Королевской академии искусств в Гааге и Лейденского университета Элис Туэмлоу, анализируя феномен орнамента,<a>пишет</a>об истории снисходительного, если не сказать пренебрежительного, отношения к нему:</p>
17 <p>"Орнамент принадлежит к нарративу, в котором всё ещё преобладают западные, реформистские и модернистские концепции, среди которых орнамент представляется как подобие недостойного излишка энергии ― тривиальное, нечестное и даже грубое процветание, призванное утаить и отвлечь от лежащего под ним несовершенства или нечистоты или убаюкать слишком простыми удовольствиями".</p>
17 <p>"Орнамент принадлежит к нарративу, в котором всё ещё преобладают западные, реформистские и модернистские концепции, среди которых орнамент представляется как подобие недостойного излишка энергии ― тривиальное, нечестное и даже грубое процветание, призванное утаить и отвлечь от лежащего под ним несовершенства или нечистоты или убаюкать слишком простыми удовольствиями".</p>
18 <p>Иначе говоря, с бесконечно и ритмично повторяющимся изображением прочно ассоциируется "мелкобуржуазная пошлость" обоев в цветочек, декоративная скука, "постыдное украшательство", косность и консерватизм.</p>
18 <p>Иначе говоря, с бесконечно и ритмично повторяющимся изображением прочно ассоциируется "мелкобуржуазная пошлость" обоев в цветочек, декоративная скука, "постыдное украшательство", косность и консерватизм.</p>
19 <p>И этот набор ассоциаций некоторые авторы используют прицельно. Например, так делает Дэн Фандербург, деконструируя паттерн в своём проекте Security Wallpaper и пряча среди убаюкивающей скуки тревожную повседневность.</p>
19 <p>И этот набор ассоциаций некоторые авторы используют прицельно. Например, так делает Дэн Фандербург, деконструируя паттерн в своём проекте Security Wallpaper и пряча среди убаюкивающей скуки тревожную повседневность.</p>
20 Dan Funderburgh, Security Wallpaper. Вглядитесь внимательно в композиции<em>Изображение: Dan Funderburgh /<a>début art</a></em><p>В самой регулярности и предсказуемости паттерна есть потенциал нарушать их и создавать истории. Ритмическая сбивка в изображении - это всегда визуальная драма, в том смысле, что она несёт в себе нарративный заряд, а в этом примере работы Фандербурга в ней появляется ещё и эмоциональное напряжение, саспенс.</p>
20 Dan Funderburgh, Security Wallpaper. Вглядитесь внимательно в композиции<em>Изображение: Dan Funderburgh /<a>début art</a></em><p>В самой регулярности и предсказуемости паттерна есть потенциал нарушать их и создавать истории. Ритмическая сбивка в изображении - это всегда визуальная драма, в том смысле, что она несёт в себе нарративный заряд, а в этом примере работы Фандербурга в ней появляется ещё и эмоциональное напряжение, саспенс.</p>
21 <p>В паттерне заложен ещё один конфликт - противопоставление уникального и тиражного.</p>
21 <p>В паттерне заложен ещё один конфликт - противопоставление уникального и тиражного.</p>
22 <p>Один из наиболее известных исторических примеров тут - Уильям Моррис и движение "Искусства и ремёсла". Выступая за превосходство ручного труда над машинным, Моррис создал компанию, которая известна своими сложными орнаментами и по сей день и по иронии судьбы теперь штампует классические паттерны Морриса гигантскими тиражами, нанося их не только на обои по 250 долларов за рулон, но и на фаянсовые кружки по 5 фунтов.</p>
22 <p>Один из наиболее известных исторических примеров тут - Уильям Моррис и движение "Искусства и ремёсла". Выступая за превосходство ручного труда над машинным, Моррис создал компанию, которая известна своими сложными орнаментами и по сей день и по иронии судьбы теперь штампует классические паттерны Морриса гигантскими тиражами, нанося их не только на обои по 250 долларов за рулон, но и на фаянсовые кружки по 5 фунтов.</p>
23 Дизайн Уильяма Морриса для обоев серии Trellis, 1862 год<em>Изображение: Уильям Моррис</em><p>В узком, прикладном, дизайнерском смысле паттерн - это предсказуемо повторяющийся графический шаблон и схема, которая позволяет заполнить собой неограниченное пространство.</p>
23 Дизайн Уильяма Морриса для обоев серии Trellis, 1862 год<em>Изображение: Уильям Моррис</em><p>В узком, прикладном, дизайнерском смысле паттерн - это предсказуемо повторяющийся графический шаблон и схема, которая позволяет заполнить собой неограниченное пространство.</p>
24 <p>А в более широком, культурологическом и философском, - это памятник технологиям тиражирования, по меняющемуся отношению к которому можно отслеживать, как культура того или иного времени трактует уникальность, природу, повседневность и пространство.</p>
24 <p>А в более широком, культурологическом и философском, - это памятник технологиям тиражирования, по меняющемуся отношению к которому можно отслеживать, как культура того или иного времени трактует уникальность, природу, повседневность и пространство.</p>
25 <p>Веб-разработчик, работал в "Рокетбанке" и "Яндексе". Frontend Tech Lead в Timestripe, Fullstack TypeScript Developer в Playdex. Ведёт телеграм-канал про фронтенд и веб 3.0.</p>
25 <p>Веб-разработчик, работал в "Рокетбанке" и "Яндексе". Frontend Tech Lead в Timestripe, Fullstack TypeScript Developer в Playdex. Ведёт телеграм-канал про фронтенд и веб 3.0.</p>
26 <h2>Михаил Малышев о паттерне на айтишном</h2>
26 <h2>Михаил Малышев о паттерне на айтишном</h2>
27 <p>Простыми словами, паттерн - устоявшийся способ решения типовой задачи. В широком смысле паттерн означает общепринятую практику или подход, договор между разработчиками.</p>
27 <p>Простыми словами, паттерн - устоявшийся способ решения типовой задачи. В широком смысле паттерн означает общепринятую практику или подход, договор между разработчиками.</p>
28 <p>Программисты пишут много кода, но ещё больше кода они читают. Если учитывать, что код можно писать тысячами разных способов, то наличие паттернов (соглашений и договорённостей) позволяет тратить меньше времени как на погружение в чужой код, так и на его написание.</p>
28 <p>Программисты пишут много кода, но ещё больше кода они читают. Если учитывать, что код можно писать тысячами разных способов, то наличие паттернов (соглашений и договорённостей) позволяет тратить меньше времени как на погружение в чужой код, так и на его написание.</p>
29 <p>Есть несколько типов паттернов. Давайте их рассмотрим.</p>
29 <p>Есть несколько типов паттернов. Давайте их рассмотрим.</p>
30 <p><strong>Архитектурные паттерны.</strong>Например, MVC, Model View Controller, - один из самых популярных архитектурных паттернов для разработки приложений с графическим интерфейсом.</p>
30 <p><strong>Архитектурные паттерны.</strong>Например, MVC, Model View Controller, - один из самых популярных архитектурных паттернов для разработки приложений с графическим интерфейсом.</p>
31 <p><strong>Паттерны проектирования.</strong>Ещё их называют шаблонами проектирования - на английском design patterns. Они служат образцами при проектировании программ, написанных в объектно-ориентированном стиле.</p>
31 <p><strong>Паттерны проектирования.</strong>Ещё их называют шаблонами проектирования - на английском design patterns. Они служат образцами при проектировании программ, написанных в объектно-ориентированном стиле.</p>
32 <p>Мнение сообщества разработчиков по поводу них неоднозначно.</p>
32 <p>Мнение сообщества разработчиков по поводу них неоднозначно.</p>
33 <p>Сторонники шаблонов считают, что их использование ускоряет проектирование и помогает другим программистам быстрее разобраться в архитектуре, а также защищает программу от хорошо известных ошибок и проблем, решение которых предусмотрено этими шаблонами.</p>
33 <p>Сторонники шаблонов считают, что их использование ускоряет проектирование и помогает другим программистам быстрее разобраться в архитектуре, а также защищает программу от хорошо известных ошибок и проблем, решение которых предусмотрено этими шаблонами.</p>
34 <p>Противники же говорят, что слепое следование шаблонам может привести к усложнению программы. Кроме того, есть риск использования шаблона без особых на это оснований: ведь когда у вас в руках молоток, то всё вокруг выглядит как гвозди.</p>
34 <p>Противники же говорят, что слепое следование шаблонам может привести к усложнению программы. Кроме того, есть риск использования шаблона без особых на это оснований: ведь когда у вас в руках молоток, то всё вокруг выглядит как гвозди.</p>
35 <p>В любом случае - если вы хотите писать на таких языках, как Java, C# и Python, то изучение базовых шаблонов проектирования будет нелишним.</p>
35 <p>В любом случае - если вы хотите писать на таких языках, как Java, C# и Python, то изучение базовых шаблонов проектирования будет нелишним.</p>
36 <p>Подробнее читайте в статье:</p>
36 <p>Подробнее читайте в статье:</p>
37 <p><strong>Остальные паттерны.</strong>Так как паттерны в широком смысле могут обозначать любые признанные подходы и практики, можно выделить ещё несколько типов. Например, идиомы (низкоуровневые паттерны написания кода), паттерны тестирования, документирования, анализа и чего угодно ещё.</p>
37 <p><strong>Остальные паттерны.</strong>Так как паттерны в широком смысле могут обозначать любые признанные подходы и практики, можно выделить ещё несколько типов. Например, идиомы (низкоуровневые паттерны написания кода), паттерны тестирования, документирования, анализа и чего угодно ещё.</p>
38 <p>Антипаттернами называют плохие паттерны, устоявшиеся плохие практики, популярные ошибки или клише.</p>
38 <p>Антипаттернами называют плохие паттерны, устоявшиеся плохие практики, популярные ошибки или клише.</p>
39 <p>В качестве примера распространённого антипаттерна можно привести God Object (или God Component) - объект, который содержит в себе слишком много связанных между собой параметров, функций, данных и бизнес-логики. Наличие такого объекта в программе усложняет её поддержку и требует разделять этот компонент на несколько небольших и независимых частей.</p>
39 <p>В качестве примера распространённого антипаттерна можно привести God Object (или God Component) - объект, который содержит в себе слишком много связанных между собой параметров, функций, данных и бизнес-логики. Наличие такого объекта в программе усложняет её поддержку и требует разделять этот компонент на несколько небольших и независимых частей.</p>
40 <em>Изображение:<a>ITeaConf</a>/ YouTube</em><p>Другой пример - антипаттерн "Лодочный якорь". Он возникает, когда разработчик добавляет какой-то код, думая, что он понадобится позже. Такое программирование "на вырост" делает проект тяжелее в поддержке: наличие бесполезного кода не решает никакую задачу и добавляет технический долг.</p>
40 <em>Изображение:<a>ITeaConf</a>/ YouTube</em><p>Другой пример - антипаттерн "Лодочный якорь". Он возникает, когда разработчик добавляет какой-то код, думая, что он понадобится позже. Такое программирование "на вырост" делает проект тяжелее в поддержке: наличие бесполезного кода не решает никакую задачу и добавляет технический долг.</p>
41 <em>Изображение: личный архив Михаила Малышева</em><p>Важно сказать, что уместность паттернов или ошибочность антипаттернов очень зависит от контекста, а иногда и просто является вопросом вкуса.</p>
41 <em>Изображение: личный архив Михаила Малышева</em><p>Важно сказать, что уместность паттернов или ошибочность антипаттернов очень зависит от контекста, а иногда и просто является вопросом вкуса.</p>
42 <p>Например, Пол Грэм (основатель Y Combinator и создатель языка Lisp) считает, что паттерны проектирования из ООП - это антипаттерны и сигнал, что система не обладает достаточным уровнем абстракции и необходима её тщательная переработка.</p>
42 <p>Например, Пол Грэм (основатель Y Combinator и создатель языка Lisp) считает, что паттерны проектирования из ООП - это антипаттерны и сигнал, что система не обладает достаточным уровнем абстракции и необходима её тщательная переработка.</p>
43 <p>Не стоит относиться к паттернам как к догме. Помните, что в разработке и проектировании программ не существует серебряной пули - идеального решения всех проблем. Поэтому паттерны и антипаттерны - это не аксиомы, а рекомендации и подсказки.</p>
43 <p>Не стоит относиться к паттернам как к догме. Помните, что в разработке и проектировании программ не существует серебряной пули - идеального решения всех проблем. Поэтому паттерны и антипаттерны - это не аксиомы, а рекомендации и подсказки.</p>
44 <a><b>Попробуйте бесплатно 4 топовые профессии в дизайне</b>Пройдите курс по дизайну. Добавьте 4 крутых кейса в портфолио и решите, в каком направлении развиваться дальше. Пройти курс→</a>
44 <a><b>Попробуйте бесплатно 4 топовые профессии в дизайне</b>Пройдите курс по дизайну. Добавьте 4 крутых кейса в портфолио и решите, в каком направлении развиваться дальше. Пройти курс→</a>