Паттерн это в дизайне: Что такое паттерн в графическом дизайне
Что такое паттерн и как его использовать в графическом дизайне | by Steak Lab о дизайне и творчестве
Наш день наполнен маленькими повторяющимися элементами, которые создают порядок и спокойствие. Паттерны в дизайне делают то же самое: повторяющиеся элементы могут навести порядок в проекте и создать ощущение спокойствия (или хаоса), в зависимости от того, какая цель стоит перед дизайнером. Паттерн может включать любой способ повторения объектов, слов, цветов или фигур.
Паттерн фокусируется на повторении одного и того же объекта; шаблоны состоят из разных компонентов, которые затем повторяются одинаково во всей конструкции.
Частью паттерна может быть ритм. Ритм требует повторения множества элементов дизайна в определенном порядке. Это можно рассматривать как музыкальный подход к дизайну: отдельные ноты упорядочены в разных вариациях и с разной высотой и длительностью, но общая готовая деталь сохраняет согласованность дизайна.
Паттерн может использоваться как фоновое изображение и как главный декоративный элемент, привлекающий к себе внимание.
Паттерн придает изюминку и динамику любому ресурсу: от корпоративного сайта до личного блога. Такой вариант дизайна используется во многих разделах веб-сайтов, но особенно популярен при выборе фона.
Наиболее популярные варианты оформления сайтов с помощтю паттерна:
— Генерируемые паттерны — яркий вариант оформления сайта. Интерфейс реагирует с помощью курсора. Пример.
— Узоры — подчеркивают работу с большим объемом данных.
— Художественные паттерны — хороший прием, если необходимо создать сайт под определенную стилистику.
— Базовые геометрические паттерны — используются в основном для фоновых изображений, когда нужно внести небольшой декоративный элемент.
Дизайн фирменного стиля — это визуальная «персона» компании, которая помогает достигнуть основных целей в бизнесе (за счет брендинга и товарных знаков). Почему важно использовать паттерн в фирменном стиле:
— Использование паттерна добавляет дороговизну бренду.
— Оригинальный узор формирует уникальность и повышает узнаваемость компании.
— Паттерн помогает донести до потребителя ценности и суть деятельности бренда.
Паттерн может быть использован в различных элементах фирменного стиля: от полиграфии, сувениров до веб-дизайна.
Что такое паттерн и как его использовать
Хотите сделать яркий и запоминающийся дизайн? Тогда используйте паттерны! А мы расскажем, когда и как лучше их применять, чтобы на ваш дизайн обратили внимание.
Забавный паттерн с котиками.
Паттерны, или повторяющиеся элементы, можно встретить повсюду, даже в природе: пчелиные соты, коралловые полипы, снежинки. На сайте National Geographic есть специальный раздел, посвященный паттернам в природе. В дизайне паттерны с большим успехом используют уже очень давно. Узоры — обязательная часть платья в любой культуре во все времена: русский народный костюм, шотландская клетка, античные греческие платья. А некоторые бренды берут их за основу своего фирменного стиля, например, знаменитые клетки Louis Vuitton.
Паттерны очень удобно использовать в дизайне, ведь они дают огромное поле для творчества — чередовать в определенной последовательности можно все что угодно: котиков, руки, ноги и головы или бегущих людей. Их несложно переносить на любую создаваемую продукцию: одежду, ручки, папки, блокноты, фирменные наклейки. Посмотрите, как здорово смотрится продукция Equestar или The bean, наверняка многим захочется иметь их стильные вещицы. А как наверно круто гулять по такому яркому Мельбурну или исторической чешской Славонице!
Фирменный стиль Equestar.
Стена в Мельбурне.
Создавайте и используйте интересные и необычные паттерны в дизайне одежды, сайтов, городской среды, фирменного стиля и, вообще, везде, где только можно! Ниже вы узнаете, когда и как это лучше сделать.
Веб-дизайн
Паттерны в веб-дизайне очень популярны, хотя бы потому, что их можно создавать с помощью компьютерных технологий, и они тесно связаны с информационной архитектурой, кодированием. Паттерн придает изюминку вашему сайту, динамику его дизайну.
Для корпоративных сайтов подойдут сдержанные абстрактные или геометрические паттерны.
Если хотите сделать сайт более индивидуальным, можно, к примеру, изменить повторения в паттернах, использовать элементы, которые нарушают общий рисунок.
Кофецентричный паттерн на сайте Forbetter Coffee.
Или пойти еще дальше и сделать анимированные паттерны.
Анимированный абстрактный паттерн.
Мода
Принты и орнаменты давно стали идентификатором бренда. Например, Burberry очень любит использовать в своих коллекциях клетку (тартан), а Etro известен коллекциями с пейсли или, как его еще называют, «турецкие огурцы».
Тартан Burberry.
Etro paisley pattern.
Паттерны разных размеров, цветов, форм можно сочетать между собой или использовать только один для акцентирования внимания.
Дизайн интерьера
Самый обычный пример орнамента в дизайне интерьера — обои. Но паттерны можно использовать и при декоре текстиля, мебели, ковров.
Последнее время популярен все тот же тартан, который хорошо прижился на пледах и других аксессуарах. Пейсли используется в этнических и смешанных интерьерах. Дамасский узор (дамаск) — классический цветочный орнамент — в основном применяется в обоях и подходит для интерьеров с классическим дизайном. Греческий меандр очень красиво смотрится и придает дизайну пышность и роскошь. Гусиная лапка — символ классического стиля и элегантности.
Дамаск в интерьере.
Меандр в интерьере.
Гусиная лапка в отделке софы.
Так пейсли лучше не использовать.
Фирменный стиль
Фирменный стиль — один из факторов формирования имиджа компании. Паттерн здесь — одна из его составных частей — оригинальный узор, который применяется в оформлении всех элементов фирменного стиля. Важно, чтобы он был узнаваемым, поэтому не следует создавать паттерн на основе какого-то уже имеющегося. Лучше потратить больше времени, но придумать действительно уникальный.
При использовании паттерна в рекламно-полиграфической продукции, он может быть фоновым рисунком, при помещении на одежду — дополнительным вариантом оформления. Например, фирменный паттерн «Альпари» — переплетающиеся линии.
Фирменный паттерн «Альпари» представляет собой бесконечно повторяющиеся переплетенные линии, которые напоминают гильоширную сетку на купюрах.
Красивый паттерн с птицами для Jota Lamarque.
А у магазина традиционной китайской медицины Sumber Waras — национальные китайские элементы.
Китайские мотивы в паттерне для Sumber Waras.
Оформление
Паттерны успешно используются в оформлении городской среды: декорирование жилых домов, зданий. В дизайне упаковки, что также можно отнести к элементу фирменного стиля. А также как декорт форзацев книг и учебников, обложек ежедневников, наклеек для айфонов, посуды.
Брендин и упаковка для Piatta Deli.
Оформление книги паттерном.
Паттерн на форзаце книги.
Паттерн в декоре посуды.
Фотография
Паттерны очень многофункциональны, этим объясняется их большая популярность. Распространенным сейчас становится паттерн и в фотографиях, иногда созданный искусственно, иногда получившийся случайно.
Стулья PressFoto.
Окна PressFoto.
Паттерн в архитектуре.
На PressFoto вы можете найти много разных паттернов: цветочные, линейные, с животными и разные геометрические.
Смотреть паттерны
Пользуйтесь нашими советами и паттернами — делайте свой дизайн уникальным!
ПохожееПаттерны и текстуры в дизайне – в чем отличие?
Дизайн
Разберемся с терминами. Текстура представляет собой изображение, содержащее похожие и близкие по восприятию элементы.
К примеру:
Вот, что происходит, когда соединяешь текстуры – видны швы:
Паттерны – это небольшие элементы изображения, которые при составлении друг с другом образуют бесконечный узор без видимых границ.
Паттерны:
Узор из паттернов:
Таким образом, паттерны позволяют создавать текстурные обои любого размера и отлично подойдут для веб-дизайна – различие размеров экранного разрешения стационарных компьютеров и мобильных гаджетов учитывается при верстке сайта. Так называемая «резиновая верстка» основана на процентных величинах, что позволяет растягивать сайт при большом разрешении и ужимать его без потери качества для фона при малом разрешении.
Создание бесконечного узора может в итоге давать как простое, так и сложное изображение.
Простые:
Сложные паттерны:
Возвращаясь к текстурам, отметим, что их важное отличие от паттернов в том, что они позволяют использовать в дизайне рекламы или сайта воспроизведение поверхностей различных предметов и материалов. Как правило, текстуры создаются с помощью компьютерной графики и фотоснимков с большим разрешением.
Кожа:
Дерево:
Кирпичи:
Асфальт:
Холст:
Бетон:
В отличие от паттернов, текстуры могут быть как фотографиями, как показано выше, так и рисунками.
Итак, мы выяснили, что паттерны – важная часть дизайна. Их можно использовать для печати на любой поверхности – на календарях, ежедневниках, визитках, на одежде, наклейках и т.д. Текстуры могут использоваться как подложка или фон, а также служить основой, из которой также можно создать паттерн в графических программах Adobe Photoshop или Adobe Illustrator.
Примеры использования текстур и паттернов:
Фирменный стиль
Оформление книги:
Упаковка:
Сайты:
Печатная реклама:
И напоследок – если вы не хотите использовать в дизайне уже готовые паттерны и текстуры, вы можете создать их самостоятельно.
Пример создания паттерна:
А текстуры можно создавать, фотографируя однородную поверхность — траву, асфальт, кирпичную стену, тротуарную плитку, обои и т.д.
Ознакомьтесь с дополнительной информацией об услугах нашего агентства в этой области. |
Источник 1, источник 2, источник 3
Что такое паттерн и как его использовать в графическом дизайне
Наш день наполнен маленькими повторяющимися элементами, которые создают порядок и спокойствие. Паттерны в дизайне делают то же самое: повторяющиеся элементы могут навести порядок в проекте и создать ощущение спокойствия (или хаоса), в зависимости от того, какая цель стоит перед дизайнером. Паттерн может включать любой способ повторения объектов, слов, цветов или фигур.
Паттерн фокусируется на повторении одного и того же объекта; шаблоны состоят из разных компонентов, которые затем повторяются одинаково во всей конструкции.
Частью паттерна может быть ритм. Ритм требует повторения множества элементов дизайна в определенном порядке. Это можно рассматривать как музыкальный подход к дизайну: отдельные ноты упорядочены в разных вариациях и с разной высотой и длительностью, но общая готовая деталь сохраняет согласованность дизайна.
Паттерн может использоваться как фоновое изображение и как главный декоративный элемент, привлекающий к себе внимание.
Паттерн в веб-дизайне
Паттерн придает изюминку и динамику любому ресурсу: от корпоративного сайта до личного блога. Такой вариант дизайна используется во многих разделах веб-сайтов, но особенно популярен при выборе фона.
Наиболее популярные варианты оформления сайтов с помощтю паттерна:
— Генерируемые паттерны — яркий вариант оформления сайта. Интерфейс реагирует с помощью курсора. Пример.
— Узоры — подчеркивают работу с большим объемом данных.
— Художественные паттерны — хороший прием, если необходимо создать сайт под определенную стилистику.
— Базовые геометрические паттерны — используются в основном для фоновых изображений, когда нужно внести небольшой декоративный элемент.
Паттерн в фирменном стиле
Дизайн фирменного стиля — это визуальная «персона» компании, которая помогает достигнуть основных целей в бизнесе (за счет брендинга и товарных знаков). Почему важно использовать паттерн в фирменном стиле:
— Использование паттерна добавляет дороговизну бренду.
— Оригинальный узор формирует уникальность и повышает узнаваемость компании.
— Паттерн помогает донести до потребителя ценности и суть деятельности бренда.
Паттерн может быть использован в различных элементах фирменного стиля: от полиграфии, сувениров до веб-дизайна.
Дизайн паттерны — принципы выбора шаблонов проектирования
Собрались делать редизайн UI, но теряетесь среди огромного выбора шаблонов? Вас тревожит, что сайт не будет выделяться среди конкурентов? В этой статье мы поможем вам разобраться, как найти хороший паттерн дизайна и провести обновление UI максимально качественно.
Зачем нужны шаблоны UI?
Шаблоны проектирования UI – повторяющиеся решения общих проблем пользовательского интерфейса. Они представляют собой готовые решения в дизайне UI, избавляют от необходимости «изобретать колесо» и сокращают время разработки дизайна интерфейса.
Шаблоны дизайна пользовательского интерфейса имеют общую структуру, детали которой вы можете изменять, чтобы адаптировать шаблон к набору требований для вашего проекта.
Поскольку шаблоны создаются исходя из тестирования и обобщения успешного опыта сотен и тысяч решений, они проектируются по определенной, тщательно выверенной логике. По сути шаблон – компиляция лучших решений, что позволяет создать удобный и интуитивно понятный для пользователей интерфейс. Все элементы в нем, их расположение, цветовое выделение, размеры удобны, привычны и интернациональны, что повышает доверие пользователей к вашему сайту.
Преимущества использования шаблонов:
- Значительная экономия вашего времени и средств, предсказуемая конверсия без A/B тестов
- Гарантия что размещение элементов на сайте будет понятно, привычно и удобно пользователю
- Большой выбор готовых шаблонов в библиотеках шаблонов и UI фреймворках, а также возможность сразу увидеть, как будет выглядеть ваш сайт.
Недостатки использования шаблонов:
- Шаблоны и настоящий креатив находятся на разных полюсах. Шаблоны дают удобство, но не создают wow-эффекта. Для него нужна индивидуальная разработка дизайна.
- Шаблоны легко испортить при внедрении. Стоит допустить некоторое количество ошибок и вместо качественного UI получится дешевый.
Может показаться, что шаблоны сильно ограничивают вас, но это не совсем так. То, чего не хватает в шаблонах, можно создать отдельно при помощи дизайнеров и разработчиков.
Классификация шаблонов по задачам
Важно помнить, что шаблоны проектирования UI не подходят для всех решений сразу, каждый из них адаптирован к конкретному варианту использования.
3 уровня организации шаблонов:
- Верхний уровень – контекст. Опирается на общую направленность ресурса.
- Средний уровень – сценарий. Рассматривает типичные пользовательские сценарии, последовательность действий для достижения целей.
- Нижний уровень – внедрение. На этом уровне решаются точечные вопросы, такие как расположение элементов на экране, выбор цвета в рамках вашего сайта.
Шаблоны дизайнов пользовательского интерфейса делятся на следующие категории:
Шаблоны навигации
Позволяют пользователю ориентироваться на сайте, быстро находить то, что ему нужно.
Пример: вкладки, меню.
Социальные шаблоны
Помогают взаимодействовать с другими пользователями онлайн.
Пример: система баллов, доски, отзывы, чаты.
Шаблоны ввода
Обеспечивают взаимодействие с системой путем ввода информации и получения обратной связи.
Пример: поля для загрузки, текстовые поля, выпадающие списки.
Шаблоны подачи контента
Определяют, как подается контент для работы с ним, поиска и быстрого просмотра.
Пример: таблицы, карточки, галереи.
Проверка соответствия конкретного шаблона вашим потребностям включает в себя:
- Описание проблемы, связанной с использованием интерфейса, которую нужно решить.
- Уточнение ситуаций, при которых возникает эта проблема.
- Поиск эргономического принципа, на котором основан шаблон.
- Описание сути проблемы, которую можно решить разными способами.
- Объяснение, каким образом применение данного шаблона решит проблему и повлияет на удобство пользования сайтом.
- Проверку примеров удачного применения шаблона.
- Внедрение: как применять шаблон к текущей проблеме.
Как найти необходимые паттерны дизайна на платформах
Несмотря на то, что каждый бизнес особенный и требует отдельного подхода, существуют паттерны, учитывающие основные направления и особенности ваших клиентов. Вполне возможно, что вы сможете найти подходящий паттерн на одной из этих платформ:
- UI-patterns.com – популярная база паттернов. Пользоваться ею очень удобно, так как шаблоны дизайна расположены по категориям, а найденные шаблоны можно группировать. Каждый паттерн сопровождается разъяснениями и подобранными вручную наглядными примерами. Также на сайте содержится много полезных статей, которые помогут вам эффективнее использовать шаблоны в ваших проектах.
- GoodUI – масштабный проект Jakub Linowski. Все паттерны, которые присутствуют на сайте, прошли так называемое A/B-тестирование, призванное выявить, в чем и насколько они эффективны. Пользователям предоставляется доступ к более 100 шаблонов, выбранных на основании 197 тестирований. Приятным бонусом является то, что сайт предлагает 100%-ую гарантию возврата средств, если шаблон не даст вам ожидаемых результатов.
- Dribble – онлайн-сервис, который объединяет графических дизайнеров, веб-дизайнеров, иллюстраторов. Особенностью сервиса является то, что публиковать работы там могут только получившие инвайт за качественные работы дизайнеры. Чтобы найти нужные шаблоны среди всех выставленных на сайте, воспользуйтесь функцией поиска. На Dribblе есть также продвинутый поиск, но за него придется заплатить. Сервис отдельно выделяет паттерны, получившие больше просмотров или комментариев.
- Behance – ведущая интернет-платформа для просмотров и публикации творческих работ. На Behance удобно просматривать портфолио понравившихся вам дизайнеров, там же есть подборки паттернов, трендов и идей. Для поиска паттернов просто воспользуйтесь фильтрами и поиском. Также на платформе присутствуют шаблоны, разработанные Evergreen.
- Awwwards – платформа для подбора паттернов для сайтов с необычным и креативным дизайном. Иными словами: если вы видите сайт, непохожий на другие, но при этом удобный и интуитивно понятный, вполне вероятно, что он создан на паттерне из этой платформы. У каждого шаблона здесь есть оценка за несколько категорий: дизайн, удобство, креативность, контент, то, как сайт выглядит на мобильных устройствах. Таким образом вам будет удобно выбрать, ведь помимо внешнего вида, у вас будет дополнительная важная информация о каждом шаблоне.
Если же вы не можете определиться с выбором, не хотите использовать чужой шаблон или стремитесь к уникальности интерфейса своего сайта, обращайтесь к нам. Наши дизайнеры подберут наилучший вариант для вашего бизнеса.
11.05.2019
Используемые в статье картинки взяты из открытых источников и используются как иллюстрации.Как сделать фирменный паттерн | Дизайн, лого и бизнес
Паттерном именуются некрупные повторяющиеся детали рисунка. Чередование отдельных элементов создаёт впечатление бесконечного орнамента (узора), не имеющего заметных разграничений. Они значительно отличаются от мелких текстур тем, что выступают в качестве цельного компонента. Кроме того, паттерн может состоять из любых изображений: узоров, животных, растений и т.д. Также часто используются абстрактные орнаменты и буквенно-цифровые комбинации.
Создайте свой логотип онлайн. Более 50 тысяч брендов по всему миру уже используют логотипы от Турболого.
Создать логотип онлайнПри этом паттерны подразделяются на простые и сложные. Первые – незамысловаты, их составляющие располагаются на определённом расстоянии друг от друга. А вторые представляют собой тонкие сплетения, переходы с применением полутеней, градиентов и т.д.
Где используется паттерн
Основное направление использования паттернов (сюда же относится и фирменный паттерн) – веб-дизайн. Сюда также можно отнести конструирование текстурированных обоев различных параметров, стилей и оттенков. Паттерны активно участвуют в формировании фирменного стиля брендов. Кроме того, такой элемент поможет выделить корпоративную символику компании на рынке.
Ключевое преимущество паттернов состоит в том, что при вёрстке электронных страниц изображение смотрится максимально естественно и органично. Это в свою очередь позволяет выгодно продемонстрировать значимые области сайта, не деформируется при открытии на гаджетах с различными дисплеями.
Также паттерны применяются в моделировании рекламы (как публикуемой в Интернете, так и в действительности). Например, их можно встретить в оформлении дизайна уличных баннеров, флаеров.
Каким должен быть паттерн
Хотите создать уникальный и привлекательный паттерн онлайн самостоятельно? Запомните несколько правил:
- Не пренебрегайте качеством выбранных изображений. Нечёткая картинка с маленьким разрешением выглядят не эстетично и «дешево». Также следите за тем, чтобы даже при значительном увеличении узор не расплывался. Для поиска качественных изображений можно воспользоваться специальными сайтами-библиотеками. Например, Pixabay или Gratisography.
- Фирменный паттерн не должен быть навязчивым и нарочито ярким. Вычурные повторяющиеся элементы вызывают отторжение и желание как можно быстрее перевести взгляд на более спокойный фон.
- Тщательно продумывайте концепцию дизайна и цветовую гамму. При этом оттенки должны гармонировать между собой и выглядеть вместе привлекательно.
Как создать паттерн онлайн
Сделать паттерн довольно легко, если разобраться в основных нюансах создания такого вида продукта. Для непосредственной разработки вам потребуется гаджет с выходом в Интернет, вдохновение и свободное время.
Отвечая на вопрос «как нарисовать паттерн», отметим, что сегодня в сети представлено более 20 удобных и интуитивно понятных генераторов паттернов и цветовых схем. Все они работают по схожему принципу: изначально пользователю необходимо выбрать сочетания символов, подходящую гамму и фон, затем расположить составляющие в определённой последовательности и сконструировать переходы.
Примеры сервисов, которыми можно воспользоваться для получения привлекательного и качественного паттерна:
- Plain Pattern. Данная площадка отлично подойдет для создания паттернов с несложным дизайном. На сервисе возможна загрузка своих SVG-иконок. Кроме того, пользователям доступны инструменты изменения цвета и размера загруженных изображений.
- Stripe Generator. На этом сервисе также возможна разработка паттерна, однако, только линейного вида (состоящего из полос). В процессе разработки пользователи могут изменять расстояние между полосами, их цвет, фон и вид в целом.
- Patternify. Создание паттерна на данной площадке происходит с самого начала – детальной проработки изображения. Только после этого готовую картинку можно преобразовывать в полноценный паттерн. После завершения разработки можно бесплатно скачать получившееся изображение в формате PNG.
- Stripemania. Здесь можно создать «полосатый» паттерн. Процесс разработки разделен на 3 этапа: настройка параметров, создание паттерна и его скачивание.
- Patterncooler. На данном сайте вы можете выбрать изображение для паттерна из обширной библиотеки предложенных шаблонов. Картинки для удобства поиска разделены на две категории: популярные и новые. Также при разработке вы можете корректировать количество пикселей (максимально 300).
- Repperpatterns. Созданные на этой площадке паттерны сделаны как будто с помощью калейдоскопа. Данное дизайнерское решение довольно необычное и однозначно привлечет внимание клиентов. Минус сервиса – за использование необходимо заплатить некоторую сумму. Однако на сайте предоставляется бесплатная ознакомительная версия.
Заключение
Качественный паттерн привлечет внимание и сделает фирменную символику компании более привлекательной и запоминающейся. А для его создания потребуется лишь определиться с подходящим Интернет-сервисом и выполнить разработку. Но обязательно следуйте заранее выбранной идее будущего паттерна, чтобы получить ожидаемый продукт.
Другие статьи
Продуктовый и графический дизайнер с опытом работы более 10 лет. Пишу о брендинге, дизайне логотипов и бизнесе.
Что такое паттерн – рассказываем простыми словами
Время прочтения: ~2 мин
Термин «паттерн» используется в психологии и графическом дизайне. В первом случае он представляет собой совокупность действий, которые человек выполняет последовательно, повторяет из раза в раз в различных ситуациях. Таким образом, это, своего рода, привычка.
В графическом дизайне паттерн представляет собой бесшовный узор с повторяющимися элементами. Каждый паттерн имеет свой шаблон — небольшую единицу, которая является основой рисунка. Также для создания изображения необходима логика, в соответствии с которой будет повторяться шаблон: расстояние между элементами, угол поворота, частота, плотность.
С учётом этих особенностей из любого рисунка или графического элемента можно создать паттерн. Узор может быть очень простым, например, повторяться могут одинаковые круги, либо полосы. Также можно создать сложный паттерн, по которому даже сложно понять, какой элемент был взят в качестве шаблона и по какому принципу он повторяется.
Ключевая идея графического паттерна — дублирование элементов. Если нарушить последовательность — получится несимметричный, непропорциональный рисунок, в котором будут выделяться детали. Паттерн же представляет собой однородную совокупность одинаковых фигур.
Упрощенно можно сказать, что это фоновый рисунок, но далеко не всегда. Он может использоваться как основная картинка. Обычно они нужны бренд-дизайнерам для разработки фирменного стиля и размещения в брендбуке вместе с корпоративными шрифтами и логотипом. Ещё они используются в разработке дизайна сайтов, рекламных материалов, униформы сотрудников.
Мы можем увидеть паттерны повсюду: в своем интерьере, например, обои, текстиль, напольные покрытия, отделочные материалы, аксессуары, шторы, мягкая мебель, обложки школьных тетрадей. Везде, где есть одинаковые узоры, которые повторяются по какому-то принципу — это паттерны.
***
Вернуться на главную Энциклопедия eCommerce
Настроить интеграцию без программистов ApiX-Drive
Статьи о маркетинге, автоматизации и интеграциях в нашем Блоге
Паттернов проектирования
В программной инженерии Шаблон проектирования — это универсальное повторяемое решение часто встречающейся проблемы в разработке программного обеспечения. Шаблон проектирования — это не законченный проект, который можно преобразовать непосредственно в код. Это описание или шаблон решения проблемы, который можно использовать во многих различных ситуациях.
Использование шаблонов проектирования
Шаблоны проектирования могут ускорить процесс разработки, предоставляя проверенные, проверенные парадигмы разработки.Эффективный дизайн программного обеспечения требует рассмотрения вопросов, которые могут не проявиться до конца реализации. Повторное использование шаблонов проектирования помогает предотвратить тонкие проблемы, которые могут вызвать серьезные проблемы, и улучшает читаемость кода для программистов и архитекторов, знакомых с шаблонами.
Часто люди понимают только, как применить определенные методы проектирования программного обеспечения к определенным проблемам. Эти методы трудно применить к более широкому кругу проблем. Шаблоны проектирования предоставляют общие решения, задокументированные в формате, который не требует специфики, привязанной к конкретной проблеме.
Кроме того, шаблоны позволяют разработчикам общаться, используя хорошо известные, хорошо понятные имена для взаимодействия с программным обеспечением. Общие шаблоны проектирования можно со временем улучшать, делая их более надежными, чем специальные конструкции.
Шаблоны проектирования для создания
Эти шаблоны проектирования предназначены для создания экземпляров классов. Этот шаблон можно далее разделить на шаблоны создания классов и шаблоны создания объектов. В то время как шаблоны создания классов эффективно используют наследование в процессе создания экземпляров, шаблоны создания объектов эффективно используют делегирование для выполнения работы.
- Абстрактная фабрика
Создает экземпляры нескольких семейств классов - Builder
Отделяет построение объекта от его представления - Заводской метод
Создает экземпляр нескольких производных классов - Пул объектов
Избегайте дорогостоящего приобретения и высвобождения ресурсов путем утилизации неиспользуемых объектов. - Прототип
Полностью инициализированный экземпляр для копирования или клонирования. - Singleton
Класс, из которого может существовать только один экземпляр
Структурные шаблоны проектирования
Все эти шаблоны проектирования касаются композиции классов и объектов.Структурные шаблоны создания классов используют наследование для создания интерфейсов. Структурные шаблоны объектов определяют способы компоновки объектов для получения новых функциональных возможностей.
- Адаптер
Сопоставление интерфейсов разных классов - Мост
отделяет интерфейс объекта от его реализации. - Composite
Древовидная структура простых и составных объектов. - Decorator
Динамическое добавление обязанностей к объектам - Фасад
Единый класс, представляющий всю подсистему - Flyweight
Мелкозернистый экземпляр, используемый для эффективного обмена - Данные частного класса
Ограничивает доступ к средствам доступа / мутаторам. - Прокси
Объект, представляющий другой объект
Поведенческие шаблоны проектирования
Все эти шаблоны проектирования связаны с взаимодействием объектов Class.Поведенческие паттерны — это те паттерны, которые наиболее конкретно связаны с общением между объектами.
- Цепочка ответственности
Способ передачи запроса между цепочкой объектов - Команда
Инкапсулировать запрос команды как объект - Интерпретатор
Способ включения языковых элементов в программу - Итератор
Последовательный доступ к элементам коллекции - Посредник
Определяет упрощенное взаимодействие между классами - Memento
Захват и восстановление внутреннего состояния объекта - Нулевой объект
Предназначен для использования в качестве значения объекта по умолчанию. - Observer
Способ уведомления об изменении ряда классов - Состояние
Изменить поведение объекта при изменении его состояния - Стратегия
Инкапсулирует алгоритм внутри класса - Шаблонный метод
Отложить точные шаги алгоритма на подкласс - Посетитель
Определяет новую операцию для класса без изменений
Критика
Концепция шаблонов проектирования подвергалась критике со стороны некоторых специалистов в области информатики.
Решает неправильную задачу
Потребность в шаблонах возникает из-за использования компьютерных языков или методов с недостаточной способностью к абстракции. При идеальном факторинге концепция не должна копироваться, а должна быть просто указана. Но если на что-то делается ссылка, а не на копирование, то нет никакого «шаблона» для маркировки и каталогизации. Пол Грэм пишет в эссе Месть ботаников.
Питер Норвиг приводит аналогичный аргумент. Он демонстрирует, что 16 из 23 шаблонов в книге Design Patterns (которая в основном ориентирована на C ++) упрощены или устранены (посредством прямой языковой поддержки) в Lisp или Dylan.
Отсутствует формальная основа
Изучение шаблонов проектирования было чрезмерно спонтанным, и некоторые утверждали, что эту концепцию срочно нужно поставить на более формальную основу. В OOPSLA 1999 , Банда четырех (при их полном сотрудничестве) подверглась показательному суду, в котором они были «обвинены» в многочисленных преступлениях против информатики. Их «осудили» «присяжных», присутствовавших на суде.
Приводит к неэффективным решениям
Идея шаблона проектирования — это попытка стандартизировать уже принятые передовые практики.В принципе это может показаться полезным, но на практике часто приводит к ненужному дублированию кода. Практически всегда более эффективным решением является использование хорошо продуманной реализации, а не шаблона проектирования «едва ли достаточно».
Существенно не отличается от других абстракций
Некоторые авторы утверждают, что шаблоны проектирования не отличаются существенно от других форм абстракции и что в использовании новой терминологии (заимствованной из сообщества архитекторов) для описания существующих явлений в области программирования нет необходимости.Парадигма модель-представление-контроллер рекламируется как пример «шаблона», который на несколько лет предшествует концепции «шаблонов проектирования». Некоторые также утверждают, что основным вкладом сообщества шаблонов проектирования (и книги «Банда четырех») было использование языка шаблонов Александра в качестве формы документации; практика, которая часто игнорируется в литературе.
Дополнительную информацию, схемы и примеры шаблонов проектирования вы можете найти на нашем новом партнерском ресурсе Refactoring.Гуру.Поддержите наш бесплатный веб-сайт и приобретите электронную книгу!
- Подробное объяснение 22 шаблонов проектирования и 8 принципов
- 406 хорошо структурированных, удобных для чтения страниц без жаргона
- 228 понятные и полезные иллюстрации и схемы
- Архив с примерами кода на 4 языках
- Поддерживаются все устройства: форматы EPUB / MOBI / PDF
Услуги по дизайну выкройки, предоставленные дизайнерами
Что такое дизайн выкройки?
Узор — это элемент дизайна или изображение, которое бесконечно повторяется и плавно наносится на любую поверхность. Узорчатый дизайн обычно используется в печати и текстиле, модных аксессуарах, цифровых текстурах и в продакт-плейсменте.
Что отличает хороший узорчатый дизайн?
Многие элементы создают хороший дизайн узора, включая цветовую палитру, текстуру, макет и размер.Вам нужен дизайнерский баланс между цветами и текстурами для достижения визуальной законченности и гармонии. Также важно согласовать размер выкройки с общим макетом желаемого результата.
Надо ли что-то готовить для дизайнера?
Как и при найме любого дизайнера для проекта, вы всегда должны иметь несколько идей и справочные изображения того, что вы имеете в виду. Также полезно знать, сколько шаблонов и элементов вы хотите, цветовую схему и для чего будет использоваться дизайн.
Как мне выбрать правильного дизайнера выкройки для моего проекта?
Важно помнить, что дизайн паттернов не похож на другую графику — он должен работать математически. Поэтому вам нужен дизайнер, имеющий большой и качественный опыт проектирования выкройки. Просмотрите их портфолио и обратите внимание на техническое исполнение, знания шаблонов и привлекательный дизайн.
Сколько стоит разработка выкройки?
Стоимость дизайна паттернов будет зависеть от ряда вещей — сколько паттернов и элементов вам нужно, требуемое качество разрешения, эксклюзивность лицензии, цвета, текстуры и временные рамки.Это также зависит от опыта и доступности дизайнера.
В чем преимущество создания выкроек для моего бизнеса?
Вы хотите, чтобы ваш бизнес выделялся среди конкурентов, вдохновлял ваших клиентов и четко отражал суть вашего бренда. Именно это и обеспечивает индивидуальный дизайн выкройки — привлекательное общение с вашими клиентами уникальным и творческим способом.
Дизайн узоров — бесшовные векторные узоры без лицензионных отчислений
«Для нас образцы дизайна предлагают большую добавленную стоимость, с одной стороны, потому что благодаря уникальному выбору мы, безусловно, можем найти и индивидуализировать правильный дизайн.
В то же время высокое качество дизайна обеспечивает беспрепятственную реализацию с помощью нашего процесса цифровой печати ».
Рето Кнехт
Руководитель проекта balleristo.eu
«Нам нравится большое разнообразие дизайнов в Pattern Design. Более того, техническое качество дизайнов превосходное… что экономит нам много времени».
Josefine
Менеджер по продукции в Cissi och Selma
«Обратная связь — это просто, когда вы имеете дело с компанией, подобной дизайну шаблонов.Практически лучший продукт и опыт покупок (легкость). В каталоге представлены только великолепные дизайны, вы не найдете того барахла, о котором пожалели бы. Качество печати просто отличное и очень помогает ».
Элой Паласиос
Владелец Magnacrom Digital
«Для нашего сайта www.teppich-printer.de мы долгое время искали современные, стильные и повторяемые дизайны.
Pattern Design обеспечивает как выбор дизайнов, так и безупречную техническую реализацию, к нашему полному удовлетворению.«
Питер Саппер
Владелец PhotoFabrics GmbH
«Специализируясь на подарочной и книжной переплетной бумаге, Pattern Design предлагает нам разнообразный выбор дизайнов, интересные тематические группы для нашей справочной бумаги и необходимое техническое качество для идеального результата печати».
Карин Херрманн
Владелец штучного дизайна.de
«Большое разнообразие дизайнов, множество форматов файлов, готовых сразу к производству изделий».
Джеймс
Владелец JJ Textiles Manchester
«Идеальная подготовка данных для печати, а также быстрое и несложное общение, включая очень хорошую поддержку в поиске конкретных шаблонов».
Керстин Стадо
Менеджер по продукции в Hama GmbH & Co KG
Сложный мир дизайна выкроек (и способы его создания для вашего бренда)
Что первое приходит в голову, когда вы думаете о закономерностях? Уродливые обои или занавески бабушки могут выскочить вам в голову.Но шаблоны — это гораздо больше, и они сейчас так популярны, что от них просто не уйти.
Эти красочные узоры для шоколадного бренда напоминают классические узоры плитки. Дизайн упаковки .g.Шаблоны можно найти повсюду в корпоративном дизайне, веб-дизайне и упаковке. И не зря: это отличный способ создать и укрепить идентичность и стиль бренда. Поверьте, у каждого есть свой шаблон.
В этой статье мы познакомим вас с миром узоров: что это такое и как они создаются, какие типы узоров существуют и, что не менее важно, как вы можете найти идеальный узор для своего бренда.Давайте нырнем!
Что нужно знать перед тем, как приступить к разработке выкройки
— Геометрические узоры, которые покрывают стены знаменитой Альгамбры в Испании, — лишь один из примеров узоров, используемых в архитектуре. Via Hoboish.
В основном узор возникает, когда один или несколько символов повторяются и заполняют поверхность (более или менее) структурированным образом. Это повторение может быть регулярным или нерегулярным. Эффект рисунка меняется в зависимости от того, какие символы используются и как они повторяются.
Деревья — прекрасные примеры узоров, встречающихся в природе. Via Pexels.Хотя паттерны действительно в тренде прямо сейчас, технически они существуют, ну, в общем, всегда. Часто они возникают естественным образом — подумайте о деревьях в лесу или морских ракушках на пляже. Поэтому неудивительно, что на протяжении всего человеческого существования люди рисовали и украшали свое окружение с помощью узоров. Мы можем найти первые узоры в наскальной живописи и проследить их через историю и культуры, как общую нить.В архитектуре, искусстве и моде недостатка нет.
И есть простое объяснение того, почему нас так тянет к шаблонам: заполняя холст символами, используя повторяющуюся структуру и располагая интервалы, наш мозг распознает повторение, что дает нам ощущение порядка. Этот гармоничный порядок делает просмотр узоров приятным занятием.
Использование дизайна выкройки для вашего бренда
—
Думай о настроении и стиле
Различные цветочные узоры на визитке для коллекции Gather Greene от Yokaona.Если вы хотите найти правильный дизайн шаблона для своего бренда, важно сначала понять, кто ваша аудитория и какое настроение и стиль вы хотите передать. Узоры — отличный инструмент для установления связи с определенным чувством путем создания связного образа без необходимости выражать его словами. Но сначала вам нужно подумать о том, какое настроение вы хотите, чтобы ваш бренд представлял, и как ваш шаблон может помочь вам в этом.
Дизайн упаковки Aureum — прекрасный пример того, как узоры могут передавать разные настроения.Via Mei Tan.Мы только что отправили вам бесплатную электронную книгу о дизайне упаковки.
Давайте посмотрим на цветочные узоры. Хотя это популярный выбор рисунка, он подходит не для всех брендов. Представьте, что видите цветочный узор на визитной карточке юриста — что-то не так, не так ли?
Однако, если это визитная карточка флориста или упаковка для косметики, она подойдет идеально. Причина очевидна: цветы в узоре представляют прямую связь с услугой или продуктом бренда.
Кроме того, мы мгновенно ассоциируем цветочные узоры с определенными вещами, такими как женственность, красота или солнечный луг, — это именно то настроение, которое бренд хотел бы создать, используя ваш тип узора в своем продукте. Если ваш клиент жаждет красоты и гармонии, велика вероятность, что он будет привлечен к вашему продукту, если настроение упаковки передает именно это.
Добавление вашего логотипа в узор
Ваш логотип — это основа индивидуальности вашего бренда.Поэтому, если вы хотите, чтобы ваш логотип имел еще большее влияние, вам следует подумать о том, чтобы превратить его в узор. Сам ваш логотип (или его упрощенный вариант) может выступать в качестве символа, который повторяется в вашем шаблоне. Повторяя форму, вы можете создать последовательную связь со своим брендом через все виды фирменных материалов, что усилит узнаваемость вашего логотипа в глазах вашей аудитории.
Использование шаблонов для дифференциации продуктов
Вы можете использовать один и тот же узор в разных цветах, чтобы различать ароматы.Дизайн упаковки для LOL Lots of Love от Martis Lupus.Использование шаблонов в дизайне упаковки может быть особенно полезным, когда вы пытаетесь визуально дифференцировать разные продукты и в то же время поддерживать постоянную связь со своим брендом. Например, вы можете использовать один и тот же узор в разных цветовых схемах и вариациях, чтобы обозначить разные ароматы.
Креативная упаковка для рыбных кормов, разработанная Tomdesign.org.Другой вариант — создание шаблонов с определенным подключением к каждому продукту.Видите, как на упаковке кормов для рыб выше использован узор тропических рыб, чтобы отразить то, что находится внутри? Другие варианты кормов для рыб этого бренда могут содержать изображения золотой рыбки или карпа, но в том же стиле для сохранения целостности бренда.
Кроме того, узоры могут помочь вам выделиться и выделить уникальные особенности. Если ваш продукт происходит из определенного региона мира, например, кофе или какао-бобы, попробуйте включить узор, уникальный для этого региона, для мгновенно узнаваемой особенности.
Цвета узоров
— Отличный пример включения фирменных цветов в узор, использованный Мартисом Люпусом для дизайна упаковки.
В большинстве случаев при создании выкройки рекомендуется начинать с цветов вашего бренда. Но узоры дают вам возможность дополнить существующие цвета дополнительными оттенками.
При выборе цветов для выкройки очень важно думать о своей целевой группе или аудитории. Это молодежная, веселая аудитория, к которой вы пытаетесь обратиться, ради веселья и ярких красок.С другой стороны, приглушенные цвета и пастель создают гармоничный успокаивающий эффект и будут хорошим выбором для более зрелой аудитории. Если вы предпочитаете современное и элитное, оставайтесь простыми в цветовой гамме и придерживайтесь минимального выбора монохромных цветов.
Современный дизайн с геометрическим рисунком с использованием монохромного выбора цвета действительно подчеркивает контраст каждой линии рисунка для максимального эффекта. Via Kilo Studio.Узоры — это фантастический способ поиграть с цветами и придать вашему дизайну особый вид.Узоры работают в синергии с выбранными цветами, что может усилить их эффект. Например, чистый и простой узор в пастельных тонах будет казаться намного более успокаивающим, чем такой же узор в ярких неоновых тонах. Точно так же черно-белый узор может сделать мощное заявление. Контраст между двумя противоположными цветами позволяет вашим глазам сосредоточиться только на узоре, что придает ему большее влияние.
Различные типы узоров и способы их использования
—
Различные типы узоров зависят от структуры, в которой размещены элементы.Вот как они создаются и какие эффекты могут иметь:
Геометрические узоры
Этот дизайн упаковки для балконного садовника использует современные узоры для простого, но мощного эффекта. Через балкон садовника. Различные цветочные узоры на упаковке Cloudsoap создают разные версии с похожим брендом. Через Джейми П. Смейл.Самый простой способ создать узор — поместить графические элементы в повторяющийся узор с равными интервалами. Это то, что мы называем геометрическим узором — имея в виду геометрическую форму сетки, а не символы, используемые в узоре.
Представьте себе композицию геометрического узора в виде сетки. Символ помещается на каждом пересечении, где пересекаются линии сетки. Результат зависит от того, как и на каком расстоянии расположен следующий символ. Если элементы расположены равномерно, получившийся узор будет выглядеть более организованным. Если расстояния между пересечениями сетки нерегулярны, эффект будет немного более беспорядочным. Чтобы добавить немного больше движения и интереса, вы также можете вращать элементы при каждом повторении.
В этом дизайне Birchbox используется сочетание различных геометрических узоров. Через Мэри Рабун для Birchbox. Фирменный стиль The Well Gro Co. сочетает в себе несколько разных ярких и красочных геометрических узоров. Виа Карла Герберта. На этой визитной карточке Sugar Deli изображен равномерно распределенный узор в клетку. Виа Фред Карриедо.Аналогичным типом классических геометрических узоров являются полосы, которые создаются путем размещения элементов в линии или использования удлиненных элементов. Если линии пересекаются, вы получите узор в клетку.Если линейные элементы расположены по диагонали или меняют направление, можно создать зигзагообразный узор. Существует бесконечное количество вариантов этих геометрических узоров, и вы можете комбинировать их множеством способов.
Сплошные узоры
Electric Ink использует прохладный черно-белый сплошной узор на своей упаковке, созданный Robot Food, красочный сплошной узор с геометрическими фигурами на упаковке. Через текст ссылки. Этот фирменный стиль намекает на повторяющийся узор. Через Abra Design.Некоторые рисунки включают в себя различные символы, и структура их размещения нечетко видна. Это то, что мы называем композицией повторяющихся узоров, вторым основным типом узоров.
Поскольку сплошные узоры часто имеют более сложную композицию, они добавляют много интереса и могут быть действительно привлекательными. Хотя технически они должны включать в себя повторение, чтобы считаться законченным узором, во многих случаях на них только намекают из-за нехватки места — например, на упаковке или в корпоративном дизайне.Обычно все, что вам нужно, — это создать впечатление узора, заполнив пространство разными символами, поэтому нет необходимости придерживаться каких-либо строгих правил.
Этот сплошной узор имеет игривый акварельный эффект. Автор: ananana14.Сплошные узоры могут быть монохромными, чтобы привлечь внимание к графике, или красочными, чтобы создать полноценный вид. Символы, используемые во всех узорах, могут быть простыми геометрическими фигурами или сложными рисунками — во всех узорах возможно все. Тем не менее, убедитесь, что выбранный вами узор хорошо сочетается со стилем вашего бренда и создает цельный образ.
Цветочные узоры
Экзотический цветочный узор в стиле 80-х на визитной карточке. Через The Welcome Branding Group.Особой вариацией сплошной композиции являются цветочные узоры. Цветочные символы, несомненно, являются наиболее популярными элементами в дизайне узоров.
В зависимости от цветовой палитры и стиля символов внешний вид узора может сильно различаться. Монохромный черно-белый цветочный узор может выглядеть экзотично, но при этом прохладно и спокойно, в то время как красочный цветочный узор будет веселым и ярким.С другой стороны, пастельные цветочные мотивы — это классика, шик и женственность.
Цветочный узор в русском стиле на кофейных чашках. Via Pinthemall. Геометрический цветочный узор в стиле 20-х годов на упаковке пены для ванны. Через Лоллию.Существует бесконечное количество способов нарисовать цветочные символы — реалистичные, абстрактные, классические или современные — нет предела. Поскольку цветочные узоры глубоко укоренились во многих культурах и существуют уже тысячи лет, они представляют собой фантастический способ создать ссылку на определенную культуру или период времени и установить связь с ассоциациями людей.
Особенно привлекательной тенденцией, преобладающей в последнее время, являются винтажные цветочные узоры. Эти узоры кажутся классическими, но в то же время свежими и вызывают увлекательные ассоциации со стилями 20-х, 50-х или 80-х годов — или даже с яркими новыми вариациями.
Коммуникативные узоры
Используете ли вы выкройку для упаковки продукта, визиток или веб-дизайна — шаблоны — прекрасный способ создать связь с тем, что делает ваш бренд. С его помощью можно легко связать упаковку с тем, что внутри, и сообщить вашим клиентам, чего ожидать.
Если это то, чего вы хотите, чтобы ваш паттерн достигал цели, коммуникативные паттерны — ваш лучший выбор. Эти модели могут многое сказать о вашем бренде и наверняка заставят людей говорить о вас. На них интересно смотреть и весело создавать. Используйте их, чтобы придать своему бренду юмористический оттенок, привлечь внимание или соединить точки, если то, что вы делаете, абстрактно и сложно объяснить.
В этом дизайне ресторана морепродуктов красиво сочетаются коммуникативные и геометрические узоры. Громкий и яркий коммуникативный дизайн упаковки ресторана Harajuku Kira Kira Burger от Shanti Sparrow Design.Но коммуникативные шаблоны не должны быть громкими и яркими. Они также могут работать в более непринужденном классическом стиле. Опять же, правило таково: все подходит, если это работает для вашего бренда. Подумайте о символах, которые представляют ваш бренд. Все те вещи, которые сообщают о том, что вы делаете, можно оформить в виде уникального рисунка, который привлечет внимание ваших клиентов.
Текстурные узоры
Текстурный узор в качестве фона в веб-дизайне Kurth Glas от fortunefaded.Иногда пространство заполняется подобной узору композицией форм, которые нельзя выделить как отдельные символы — текстурным узором.Эти текстуры технически не являются «настоящими» узорами, но имеют тот же эффект. Они идеально подходят для создания интересных фонов.
Отличный пример акварельной текстуры на дизайне упаковки от MMX.В настоящее время очень популярным текстурным эффектом для узоров является эффект акварели. Создает беззаботное, жизнерадостное и юношеское настроение. Обычно для этого используются пастели и яркие тона. В зависимости от форм, которые вы создаете с помощью акварели, вы можете использовать этот эффект как согласованную текстуру фона или как сплошной узор.
Яркий пример текстуры под мрамор на упаковке шоколада. Издания «Виа Мэри и Мэтт Шоколад».Особенно эффект мрамора в последнее время кажется повсюду. Эти шаблоны могут быть от простых и успокаивающих до динамичных, в зависимости от силы и частоты завихрений. Этот текстурный узор может быть создан с использованием монохромных цветов для получения классического, но яркого эффекта, но сочетание большего количества оттенков придаст вашему дизайну действительно живой вид.
Комбинирование разных узоров
Это хороший пример демонстрации различных рисунков на разных товарах рядом друг с другом.Через Бумажный город Джессики.Как только вы зацепитесь за шаблоны, вы, вероятно, захотите использовать их больше для своего бренда, и хорошая новость заключается в том, что вам не нужно придерживаться одного! Вы можете смешивать и сочетать их в своем ассортименте и материалах бренда, а также создавать коллекцию шаблонов для своего бренда. Нет никаких жестких правил, но убедитесь, что ваша комбинация рисунков выглядит гармонично во всех отношениях и соответствует вашему бренду.
Как правило, знайте, что должен быть по крайней мере один элемент, который связывает узоры вашей коллекции друг с другом — например, монохромный штриховой рисунок или акварельные цветы.Обычно очень хорошо получается комбинировать разные узоры одного и того же типа. Особенно подходят для этого геометрические узоры. Другой связующий элемент может быть выбранным вами цветом. Это даже не обязательно должен быть один и тот же набор оттенков, даже цвета из аналогичного цветового спектра, например пастельные оттенки, могут хорошо сочетаться.
Этот бренд сочетает в себе разные узоры на разных изделиях из своего ассортимента. Через A-Side Studio. Забавный пример сочетания сплошных узоров с геометрическими узорами.Через Харрис Скарф.Если вы уже используете яркий сплошной узор для своего бренда и хотите, чтобы этот узор привлек все внимание, то неплохо сочетать его с различными более простыми узорами. Полезно использовать оттенки сплошного рисунка в качестве отправной точки и выбирать ограниченный набор этих оттенков для дополнительных рисунков.
Примечание. Размер используемых вами рисунков играет важную роль в создании вашей коллекции. Геометрические узоры особенно хорошо подходят для комбинирования символов разных размеров, которые создают разные настроения и эффекты.
Прелесть комбинирования выкроек в том, что вы можете при необходимости расширять свой «гардероб» выкройки с каждым дополнительным продуктом или целевой страницей, чтобы придать им неповторимый вид.
С выкройкой все лучше
— Симпатичный узор кактусов от Cross the Lime.
Как видите, возможности использования шаблонов безграничны, и что бы вы ни делали, для вас всегда найдется шаблон. Просто помните, кто ваши клиенты и какой стиль вы выберете, чтобы убедиться, что ваш шаблон создает единый стиль для вашего бренда.
А теперь самое интересное: окунитесь в сложный мир дизайна узоров и начните создавать свои собственные!
Нужен индивидуальный дизайн?
Наше сообщество дизайнеров может воплотить в жизнь ваши самые смелые идеи.
Секрет создания более прочных рисунков поверхности
Вы когда-нибудь задумывались, как можно улучшить дизайн рисунков поверхности? Возможно, вы хотите, чтобы композиция была более сильной и динамичной или чтобы цвета гармонировали и были более сбалансированными. Жанетта Гонсалес снова в блоге (вы поймали ее первые две статьи , посвященные проектированию на Spoonflower ?), Чтобы дать вам несколько полезных советов и примеров из Marketplace, которые вы можете использовать, чтобы добиться наилучших результатов шаблоны когда-либо!
5 вопросов, которые следует задать себе, прежде чем приступить к проектированию
Какова тема моего дизайна?
Тема — это общий предмет дизайна.Например, это может быть подводная тема, праздничный дизайн, весенний цветочный или морской дизайн.
Какие мотивы я могу рисовать и как они будут дополнять друг друга?
Проведите мозговой штурм над буквальными элементами, которые вы можете нарисовать в своей теме. Чтобы мотивы хорошо сочетались друг с другом, выберите те, которые сочетаются вместе, например, соль и перец, радугу и облака.
Джанетта обдумывает мотивы, прежде чем приступить к дизайну.Какой тон / чувство я хочу передать? Есть ли что-нибудь рассказать?
Вы хотите, чтобы ваш узор был сладким или сложным, диким или успокаивающим, глупым или ностальгическим? Или, может быть, вы хотите вызвать эмоции, рассказывая историю в своем дизайне, например, очаровательные собаки принимают ванну, демонстрируют безмятежных птиц, летящих строем над деревьями, или создают ощущение приключения с помощью карты сокровищ.
Как люди будут использовать мой дизайн?
Вы разрабатываете для ткани? Возможно, вы создаете что-то вроде обоев, подарочной упаковки или одежды. Все вышеперечисленное? Это в изысканной гостиной? Дизайн для детской? Представьте, как он будет выглядеть после завершения и как будет использоваться. Это поможет вам выбрать цвета, решить, какие мотивы нарисовать, и соответствующим образом масштабировать дизайн. Найдите еще больше советов по проектированию продуктов.
Для кого я проектирую?
Вы видите этот дизайн на хипстерах, или ваш дизайн понравится женщинам-растениям? Может быть, вы делаете дизайн для любителя животных! Обдумывание того, для кого вы разрабатываете, поможет вам определить идеального клиента и нацелить его на него.
Доски настроения и мотивы
Доски настроения помогут вам прояснить стиль, тему и тон вашего дизайна. Соберите изображения по выбранной вами теме. Я рекомендую собрать их вместе на доске или нескольких досках, чтобы вдохновить на идеи для вашего дизайна. Pinterest — отличное место для создания цифровой доски настроения.
После того, как вы закончили свой мудборд, пора приступить к работе над элементами дизайна, также называемыми мотивами!
Прежде чем начать, составьте мозговой штурм список мотивов для вашей темы.Вы можете использовать свою доску настроения, чтобы найти мотивы и начать рисовать или раскрашивать те, которые резонируют с вами. Создание сильных мотивов значительно улучшит ваш узор. Вот несколько советов, которые вы можете попробовать:
Нарисуйте свои мотивы под разными углами.
Добавление различных углов, таких как виды сбоку, сзади, сверху или спереди, добавит глубины вашему дизайну.
Тусовка | WildwoodИзмените масштаб мотивов в вашей композиции.
Сделайте некоторые элементы дизайна маленькими, некоторые средними и некоторые большими.Уравновесите их, расположив рядом друг с другом в разных масштабах. Если вы сделаете их все одинакового размера, то получите точечный узор без движения (если они не будут размещены плотно вместе). Различный масштаб придает ему визуальный интерес и позволяет вашему глазу перемещаться по узору.
Pink Chard от katecruiseПодумайте, как добавить индивидуальности своему дизайну.
Нарисуйте элементы, которые рассказывают историю или скрывают вещи, которые зритель может найти в узоре, нарисуйте людей или животных, взаимодействующих с узорами, нарисуйте сцены или сделайте их забавными и причудливыми.
Ветеринарная медицина | Presepe 2018Меняйте мотивы по стилю, расположению (см. Ниже!) И исполнению в композиции.
Перекрывайте одни элементы и разделяйте другие, рисуйте одни мотивы как штриховые рисунки, а другие как сплошные цвета, рисуйте элементы в разных средах, вставляйте узор в узор или добавляйте слова в общий узор.
Rec Room MadnessДизайн-макет
После того, как вы нарисовали мотивы, вы можете расположить их в различных макетах.
Брошенные узоры Брошенный узор выглядит так, как будто узоры случайным образом подбрасываются в воздух, но есть вариации, которые вы можете внести в основной бросок, чтобы улучшить его композицию.
Обратите внимание на расстояние между вашими мотивами. Чем теснее пространство, тем загруженнее рисунок. Чтобы сделать его менее загруженным, сделайте все рисунки одинакового размера или используйте меньше цветов, чтобы улучшить их.
Мод Скандинавский | Limited Color PaisleyПереброшенный дизайн с более негативным пространством, также называемый свободным бросанием, может быть сбалансирован, но в некоторых случаях слишком упрощен или предсказуем. Чтобы исправить это, рассмотрите приведенные выше советы по мотивам, чтобы добавить визуального интереса: рассказывание историй, изменение размеров мотивов и добавление индивидуальности.Вы также можете заполнить отрицательные области более мелкими элементами или штриховыми рисунками.
Flying HighЕсли слишком много отрицательного пространства, добавьте тональный узор к фону, чтобы добавить глубины.
Посадка на Луну Линейные узорыХотите создать горизонтальную или вертикальную компоновку? Расположите элементы в виде полосатой раскладки. Это отличная альтернатива созданию полосатого узора с однотонными цветами. Вы также можете создавать узоры границ и выравнивать их рядом друг с другом по вертикали или горизонтали.
Колючие кактусы и суккуленты | Совообразные на Луне Мозаичные паттерныСделайте ваши паттерны более сложными, создав мозаичные паттерны, в которых линии или элементы перекрываются и сцепляются. Это обычно наблюдается в узорах плитки и геометрических узорах. Из-за своей сложности мозаичные узоры хорошо работают в более упрощенной цветовой палитре.
Сумерки марокканские | Star TileРабота с цветом
Цвета, которые вы выбираете в своих рисунках, передают тон, тему и общую атмосферу.Вы хотите, чтобы ваш узор выглядел смелым с яркими всплесками цвета, или вы стремитесь к более мрачному ощущению с более глубокими, темными и сочными цветами? Может быть, вы пытаетесь создать модный молодежный узор.
Выберите от четырех до шести цветов, которые лучше всего передают вашу тему и тон. В процессе работы определите лучший цвет фона и назначьте аналогичные цвета (цвета, расположенные рядом друг с другом на цветовом круге) мотивам.
Protea GardenНичего страшного, если вы поймете, что ваши цвета не работают так, как вы надеялись.Внесите корректировки на ранней стадии и попробуйте несколько альтернативных цветов, чтобы увидеть, какое направление работает лучше всего. После перекраски вы можете создать более яркую палитру, чем вы изначально представляли!
Ограниченная цветовая палитра создает изысканный вид. Попробуйте работать с меньшим количеством цветов, если вы хотите упростить или изменить атмосферу своего дизайна.
Space City MonoНе можете определить правильные цвета? Используйте инструмент «глазная капля» в программе дизайна, чтобы извлекать цвета из изображений на доске настроения.Ваша доска поможет сообщить общие цвета, используемые в теме, для цветовой палитры вашего дизайна. Также подумайте об использовании природных цветов или поищите цветовые палитры в Интернете. Design-Seeds — отличное место для начала!
Использование этих советов и их учет при создании выкроек поможет вам разработать комплексный процесс и новые забавные решения для создания выкроек. Прежде чем вы это узнаете, вы будете готовы представить свой дизайн на предстоящем конкурсе Spoonflower Design Challenge!
О гостевом блоггере
Жанетта Гонсалес — художник и дизайнер из Лос-Анджелеса.Ее многопрофильная студия специализируется на дизайне поверхностей, дизайне одежды, иллюстрациях и графическом дизайне.Жанетта находит радость в создании произведений искусства для своих собственных продуктов и распространении своего искусства, лицензируя его на одежде, поздравительных открытках и предметах домашнего декора. Жанетта также обеспечивает наставничество и подотчетность художников, раскрывая их истинное самовыражение и помогая им в достижении своих бизнес-целей.
WTF — это темный узор? — TechCrunch
Если вы UX-дизайнер, вам не понадобится эта статья, чтобы рассказать вам о дизайне с использованием темных паттернов.Но, возможно, вы решили воспользоваться этим из-за желания подтвердить то, что вы уже знаете, — чтобы почувствовать себя хорошо от своего профессионального опыта.
Или это вас уколола совесть? Продолжай, ты можешь быть честным… или, ну, можешь?
Третья возможность: возможно, приложение, которое вы использовали, представило эту статью таким образом, что убедило вас нажать на нее, а не на какой-либо другой цифровой контент. И именно о таких маленьких незаметных толчках — что обращать внимание, где нажимать / нажимать — мы говорим, когда говорим о дизайне темного рисунка.
Но не только это. Темнота вступает в игру, потому что выбор UX-дизайна намеренно вводится в заблуждение. Чтобы подтолкнуть пользователя отказаться от большего, чем он думает. Или соглашаться с тем, чего они, вероятно, не стали бы, если бы искренне понимали решения, к которым их подталкивали.
Проще говоря, темный узор — это обман и нечестность по замыслу … Все еще удобно сидеть?
Этот метод, в том виде, в каком он сегодня используется в сети, часто подпитывается и использует тот факт, что перегруженные контентом потребители бегло читают то, что им предлагают, особенно если это выглядит скучно, и они пытаются сделать что-то еще. — например, подписаться на услугу, совершить покупку, добраться до того, на что они действительно хотят взглянуть, или узнать, что им отправили их друзья.
Манипулятивное время — ключевой элемент дизайна темного рисунка. Другими словами, , когда вы видите уведомление , может определить, как вы на него ответите. Или даже если вы это заметите. Обычно перебои создают когнитивную перегрузку — и обманчивый дизайн развертывает их, чтобы веб-пользователю было сложнее полностью контролировать свои способности в ключевой момент принятия решения.
Темные шаблоны, используемые для получения согласия на сбор личных данных пользователей, часто сочетают нежелательное прерывание со встроенным путем эвакуации, предлагая простой способ избавиться от унылого меню, мешающего тому, что вы на самом деле пытаетесь сделать.
Яркие кнопки «согласен и продолжить» — повторяющаяся особенность этого аромата дизайна с темным узором. Эти привлекательные указатели появляются практически повсеместно в потоках согласия — чтобы побудить пользователей , а не , прочитать или рассмотреть условия использования услуги, и, следовательно, , а не , чтобы понять, с чем они соглашаются.
Это «согласие» освещенного бэкдора.
Это работает, потому что люди ленивы перед лицом скучных и / или сложных на вид вещей.И потому, что слишком много информации легко подавляет. Большинство людей пойдет по пути наименьшего сопротивления. Особенно, если он их успокаивающе оформлен в удобной кнопочной форме.
В то же время дизайн с темным узором гарантирует, что отказ — если он есть — будет почти невидимым; Обычный выбор — текст в оттенках серого на сером фоне.
Некоторые обманчивые дизайны даже включают призыв к действию, отображаемый на красочной кнопке, которую они действительно хотят, чтобы вы нажали — с текстом, который говорит что-то вроде «Хорошо, выглядит отлично!» — чтобы еще больше подтолкнуть к принятию решения.
Аналогичным образом, менее заметный вариант отказа может содержать отрицательное предложение, чтобы подразумевать, что вы собираетесь что-то упустить или рискуете произойти что-то плохое, нажав здесь.
Ужасная правда в том, что обманчивый дизайн очень легко нарисовать.
Что касается T&C, это действительно стрельба по рыбе в бочке. Потому что люди ненавидят скучать или сбивать с толку, и существует бесчисленное множество способов принимать решения, которые выглядят отталкивающе скучными или сложными — будь то представление стопки непонятного юридического языка крошечными буквами в оттенках серого, чтобы никто не потрудился прочитать его в сочетании со значениями по умолчанию, установленными для выбора, когда люди нажимают «ок»; развертывание намеренно сбивающей с толку фразировки и / или запутанного дизайна кнопок / переключателей, из-за которого пользователь не может быть уверен, что включено, а что выключено (и, следовательно, что отказаться и что выбрать) или даже может ли отказ фактически означать выбор чего-то вы действительно не хотите…
Friction — еще один ключевой инструмент этого темного искусства: например, дизайн, требующий гораздо больше щелчков / нажатий и взаимодействий, если вы хотите отказаться.Например, переключатели для каждой отдельной транзакции обмена данными — потенциально работающие с сотнями отдельных элементов управления, на которые пользователь должен нажать, по сравнению с несколькими нажатиями или даже одной кнопкой, чтобы согласиться со всем. Все взвешивания намеренно односторонние. И это не в пользу потребителя.
Обманчивый дизайн также может создать впечатление, что отказ от него даже невозможен. Например, по умолчанию пользователи могут делиться своими данными, и, если они попытаются найти способ отказаться, потребовать от них найти труднодоступный альтернативный щелчок, а затем также потребовать от них прокрутки до конца длинных условий и положений, чтобы найти скрытый переключатель, где они могут фактически отказаться.
Facebook использовал этот метод для крупномасштабного кражи данных, связав учетные записи пользователей WhatsApp с учетными записями Facebook в 2016 году. Несмотря на предыдущие заявления о том, что такого поворота в области конфиденциальности никогда не произойдет. Подавляющее большинство пользователей WhatsApp, вероятно, никогда не осознавали, что они могут сказать «нет», не говоря уже о последствиях для конфиденциальности согласия на привязку их учетных записей.
Сайты электронной торговли также иногда предлагают дополнительное (платное) дополнение таким образом, чтобы оно выглядело как обязательная часть транзакции.Например, использование ярко окрашенной кнопки «Продолжить» во время оформления заказа на рейс, но которая также автоматически объединяет дополнительные дополнительные услуги, такие как страхование, вместо того, чтобы просто спрашивать людей, хотят ли они ее купить.
Или использование предварительно установленных флажков, чтобы утащить недорогие товары или небольшое благотворительное пожертвование в корзину, когда пользователь занят оформлением заказа — это означает, что многие клиенты не заметят этого до тех пор, пока покупка не будет сделана.
Компаниитакже были уличены в том, что они использовали обманчивый дизайн для перепродажи более дорогих вариантов, например, скрывая более дешевые рейсы и / или маскируя цены, чтобы было труднее понять, какой вариант является наиболее экономичным на самом деле.
Темные шаблоны, препятствующие попыткам отказа от подписки, ужасающе распространены в электронном маркетинге. Например, UX для отказа от подписки, который требует, чтобы вы щелкнули смехотворное количество раз и продолжали подтверждать, что да, вы действительно хотите выйти.
Часто эти дополнительные экраны обманчиво спроектированы так, чтобы напоминать экраны «успешной отмены подписки», которые люди ожидают увидеть, вытащив маркетинговые крючки. Но если вы посмотрите очень внимательно на обычно очень крошечные буквы, вы увидите, что они на самом деле все еще спрашивают, хотите ли вы отказаться от подписки.Уловка состоит в том, чтобы заставить вас не отказываться от подписки, заставляя вас думать, что вы уже это сделали.
Еще один часто используемый обман, направленный на манипулирование потоками согласия в сети, работает против пользователей путем представления нескольких выборочно предвзятых примеров, что создает иллюзию полезного контекста вокруг решения. Но на самом деле это попытка с турбонаддувом манипулировать пользователем, представляя корыстно искаженное представление, которое никоим образом не является полной и сбалансированной картиной последствий согласия.
В лучшем случае лукавит.Проще говоря, это обман и нечестно.
Вот только один пример выборочно предвзятых примеров, представленных во время потока согласия Facebook, используемого для поощрения европейских пользователей к включению его технологии распознавания лиц. Нажатие кнопки «продолжить» приводит пользователя к экрану принятия решения, но только после того, как ему будет показано это предвзятое межстраничное объявление…
Facebook также использует здесь эмоциональные манипуляции, в формулировках своих выборочных примеров, играя на страхах людей (утверждая, что его технология «поможет защитить вас от посторонних») и играя на чувстве доброй воли людей (утверждение вашего согласия будет полезным. людям с нарушением зрения) — чтобы попытаться добиться согласия, заставляя людей чувствовать страх или вину.
Вам бы не понравилось такое эмоционально манипулятивное поведение, если бы с вами поступал человек. Но Facebook часто пытается манипулировать чувствами своих пользователей, чтобы заставить их вести себя так, как он хочет.
Например, чтобы подтолкнуть пользователей к размещению большего количества контента — например, путем создания искусственного слайд-шоу «воспоминаний» из вашего профиля и профиля друга, а затем предложить вам поделиться этим без запроса для контента на вашей временной шкале (подталкивая вас сделать это, потому что, ну, что подумает ваш друг, если вы решите не делиться этим?).Конечно, это служит его бизнес-интересам, потому что большее количество контента, размещаемого в Facebook, вызывает большее вовлечение и, следовательно, больше просмотров рекламы.
Или — в последней отчаянной попытке помешать человеку удалить свою учетную запись — Facebook, как известно, использовал имена и фотографии своих друзей в Facebook, чтобы заявить, что такой-то человек будет «скучать по вам», если вы покинете службу. Итак, уход из Facebook внезапно приравнивается к тому, чтобы бросить друзей.
Отвлечение — это еще один обманчивый метод проектирования, используемый для того, чтобы ускользнуть от пользователя больше, чем он думает.Например, симпатичные мультфильмы, которые подаются, чтобы заставить вас чувствовать себя осторожным и неуверенным в отношении бренда — например, когда они периодически просят вас проверить настройки конфиденциальности.
Опять же, Facebook использует эту технику. Мультяшный внешний вид процесса проверки конфиденциальности призван дать вам уверенность в том, что вы предоставите компании больше ваших данных.
Вы даже можете возразить, что весь бренд Google представляет собой темный узор: по-детски раскрашенный и звучащий, он предлагает что-то безопасное и забавное.Даже игривый. Чувства, которые он вызывает, и, следовательно, работа, которую он выполняет, не имеют никакого отношения к бизнесу, которым на самом деле занимается компания: слежка и отслеживание людей, чтобы убедить вас купить что-то.
Еще один пример дизайна с темным узором: уведомления, которые появляются, когда вы, скажем, собираетесь купить билет на самолет или номер в отеле, или смотрите на пару обуви, которые побуждают вас «поторопиться!» поскольку осталось только X мест или пар.
Это играет на FOMO людей, пытаясь ускорить транзакцию, заставляя потенциального клиента чувствовать, что у него нет времени подумать об этом или провести дополнительные исследования, и, таким образом, помешать более рациональному и осознанному решению, которое они могли бы принять в противном случае.
Самое интересное в том, что невозможно узнать, действительно ли осталось всего два места по такой цене. Подобно автомобилям-призракам, которые Uber был замечен в показе в своем приложении — которые, по его утверждению, были предназначены для иллюстративных целей, а не для точного отображения автомобилей, доступных для вызова, — пользователям Интернета остается верить в то, что им говорят, это правда.
Но почему вы должны доверять компаниям, которые намеренно пытаются ввести вас в заблуждение?
Темные узоры указывают на этический вакуум
Выражение «темный узор» довольно старинное с точки зрения Интернета, хотя вы, вероятно, слышали, как его часто обсуждают в последнее время.Википедия приписывает UX-дизайнеру Гарри Бриннуллу создание монеты еще в 2010 году, когда он зарегистрировал веб-сайт (darkpatterns.org), чтобы вести хронику и назвал эту практику неэтичной.
«Темные шаблоны, как правило, очень хорошо работают в A / B и многовариантных тестах просто потому, что дизайн, который заставляет пользователей что-то делать, скорее всего, приведет к большему количеству конверсий, чем тот, который позволяет пользователям принимать осознанное решение», — писал Бригнулл в 2011 году. именно поэтому веб-дизайнеры склонялись к таким хитростям: на первый взгляд это работает.Гнев и недоверие приходят позже.
Спустя почти десять лет веб-сайт Бригнулла все еще храбро призывает к обманчивому дизайну. Так что, возможно, ему следует переименовать эту страницу в «зал вечного позора ». (И да, прежде чем вы укажете на это, вы действительно можете найти бренды, принадлежащие родительской организации TechCrunch Oath, среди тех, кого призывают к разработке темных шаблонов … Справедливо сказать, что потоки согласия на темные шаблоны постыдно широко распространены среди средств массовой информации, многие из которых стремитесь монетизировать бесплатный контент с помощью таргетинга на рекламу, требующую большого количества данных.)
Конечно, основная концепция обманчивого дизайна имеет корни, уходящие корнями в историю человечества. См., Например, оригинальный троянский конь. (Что-то вроде « обратного » дизайна с темным узором — учитывая, что греки намеренно создали привлекательное зрелище, чтобы возбудить любопытство троянца, заставив их ослабить бдительность и направить его в окруженный стеной город, позволив фатальной ловушке сработать).
По сути, чем больше инструментов построили люди, тем больше возможностей они нашли для того, чтобы затащить пыль в глаза другим людям.Интернет просто усиливает практику и усиливает связанные с ней этические проблемы, потому что обман может осуществляться удаленно и в огромных масштабах. Здесь люди, которые лгут вам, даже не рискуют испытывать чувство вины, потому что им не нужно смотреть вам в глаза, пока они это делают.
В наши дни отказ от дизайна темных паттернов чаще всего означает, что вы невольно согласились на сбор ваших личных данных и их передачу очень большому количеству брокеров данных, которые получают прибыль от фоновой торговли информацией людей — не давая понять, что они это делают. ни что именно они делают, чтобы превратить ваши данные в свое золото.Итак, да, вы платите за бесплатные потребительские услуги своей конфиденциальностью.
Другой аспект дизайна темного рисунка был направлен на поощрение пользователей Интернета к формированию привыкания к приложениям и службам. Часто подобная зависимость, образующая темные узоры, менее заметна на экране — если только вы не начнете подсчитывать количество уведомлений, которыми вас обыгрывают, или эмоциональный шантаж, который вы чувствуете, чтобы отправить сообщение для «друга-друга», или не пропустите свой ход в «серии игр».
Это «зацепленная» школа дизайна продукта Нир Эяля. Что на самом деле столкнулось с некоторой негативной реакцией в последнее время, когда крупные технологии теперь конкурируют — по крайней мере, внешне — за так называемые инструменты «цифрового благополучия», позволяющие пользователям расслабиться. Тем не менее, платформы все еще в значительной степени контролируют эти инструменты. Так что нет никаких шансов, что вас убедят полностью отказаться от их услуг.
Темный узор тоже может стоить вам денег напрямую. Например, если вас обманом заставили подписаться или продолжить подписку, которую вы на самом деле не хотели.Хотя от таких вопиюще вопиющих обманов, связанных с подпиской, избавиться гораздо труднее. Потому что потребители скоро замечают, что их жалит 50 долларов в месяц, которые они никогда не собирались тратить.
Нельзя сказать, что в электронной коммерции теперь нет преступлений, связанных с обманным путем. Темные узоры стали чуть более тонкими. Вынуждая вас совершать сделки быстрее, чем вы могли бы, скажем, или перепродавать вещи, которые вам на самом деле не нужны.
Хотя потребители обычно понимают, что им продали то, чего они не хотели или в которых они не нуждались.Вот почему обманчивый дизайн не является устойчивой бизнес-стратегией, даже если отбросить этические соображения.
Короче говоря, это краткосрочное мышление в ущерб репутации и лояльности к бренду. Тем более, что теперь у потребителей есть множество онлайн-платформ, где они могут высказаться и осудить бренды, которые их обманули. Так что обманывайте клиентов на свой страх и риск.
Тем не менее, людям требуется больше времени, чтобы понять, что их конфиденциальность продается по реке. Если они вообще осознают.Вот почему дизайн с темным рисунком стал таким ключевым инструментом для огромной, не ориентированной на потребителя индустрии рекламных технологий и брокеров данных, которая стала толстой, незаметно высасывая данные людей — благодаря вселяющей смазку дизайну с темным узором.
Думайте об этом как о раздутом осьминоге-вампире, невидимо обернутом вокруг потребительской сети, использующем свои бесчисленные щупальца и присоски, чтобы постоянно управлять решениями и закрывать пользовательское агентство, чтобы поддерживать поток данных — со всеми методами A / B-тестирования и инструментами геймификации. нужно победить.
«Стало значительно хуже», — соглашается Бриннулль, обсуждая практику, которую он начал критически описывать почти десять лет назад. «Технологические компании постоянно фигурируют в международных новостях из-за неэтичного поведения. 5-6 лет назад этого не было. Их использование темных узоров — это верхушка айсберга. Неэтичный интерфейс — мелочь по сравнению с неэтичной бизнес-стратегией ».
«UX-дизайн можно охарактеризовать как способ поведения компании по отношению к своим клиентам», — добавляет он, говоря, что обманчивый веб-дизайн, следовательно, просто симптом более глубокого недуга Интернета.
Он утверждает, что основная проблема действительно связана с «этичным поведением в американском обществе в целом».
Ложное сокрытие коммерческих намерений, безусловно, пронизывает все отрасли брокерских услуг и рекламных технологий, которые стоят за большей частью «бесплатного» потребительского Интернета. Здесь потребителей явно держали в неведении, поэтому они не могли видеть и возражать против того, как их личная информация передается, нарезается на кусочки и используется для попыток манипулировать ими.
С точки зрения рекламных технологий, проблема заключается в том, что манипуляции не работают, когда они очевидны.А цель таргетированной рекламы — манипулировать решениями людей, основываясь на информации о них, полученной в результате тайного наблюдения за их действиями в Интернете (таким образом, выявляя, кто они такие, по их данным). Это может быть решение о покупке. В равной степени это могло быть голосование.
Ставки значительно выросли сейчас, когда интеллектуальный анализ данных и поведенческое профилирование широко используются для попытки повлиять на демократические процессы.
Поэтому неудивительно, что Facebook так скромно объясняет, почему определенный пользователь на его платформе видит конкретную рекламу.Потому что, если была прояснена масштабная операция по слежке, лежащая в основе алгоритмического решения о показе конкретной рекламы, человек, увидевший ее, мог бы почувствовать, что манипулируют. И тогда они, вероятно, будут менее склонны благосклонно относиться к бренду, к которому их призывают купить. Или политическое мнение, к формированию которого их подталкивали. И бизнес Facebook, связанный с рекламными технологиями, может пострадать.
Темный узор, который пытается подтолкнуть вас к передаче вашей личной информации, является, как говорит Биргнулл, лишь вершиной обширной и темной индустрии, которая намеренно торгуется на обмане и манипуляциях — потому что она опирается на ложь, которую люди не делают. не заботятся об их конфиденциальности.
Но люди явно заботятся о конфиденциальности. Достаточно взглянуть на то, до какой степени организации, занимающиеся рекламными технологиями, пытаются запутать и обмануть потребителей относительно того, как их данные собираются и используются. Если люди не против, чтобы компании шпионили за ними, почему бы просто не сказать им прямо, что это происходит?
И если люди действительно здорово делятся своей личной и личной информацией с кем-либо, и совершенно нормально относятся к тому, что их отслеживают везде, куда бы они ни пошли, и что ведется учет всех людей, которых они знают и с которыми имеют отношения, зачем индустрии рекламных технологий это нужно? шпионить за ними в первую очередь? Они могут просто заранее запросить все ваши пароли.
Обман, обеспечиваемый дизайном темного рисунка, не только разрушает конфиденциальность, но и имеет пугающий эффект, ставя пользователей сети под повсеместное, тайное наблюдение, а также рискует сделать возможной масштабную дискриминацию. Поскольку непрозрачные решения, сделанные на основе выводов, сделанных на основе данных, взятых без согласия людей, могут означать, что, например, только определенным типам людей показаны определенные типы предложений и цен, а другим — нет.
Facebook был вынужден внести изменения в свою рекламную платформу после того, как было показано, что категория таргетинга рекламы, на которую он позволяет рекламодателям настраивать таргетинг рекламы, называется «этническая близость» — также известные пользователи Facebook, чья онлайн-активность указывает на интерес к «контенту, относящемуся к определенной этнической принадлежности». сообщества »- можно использовать для размещения объявлений о жилье и трудоустройстве, дискриминирующих защищенные группы.
Совсем недавно крупные политические скандалы с рекламой, связанные с поддерживаемыми Кремлем кампаниями дезинформации, нацеленными на США и другие страны через платформу Facebook, и массовое ограбление пользовательских данных Facebook, в котором участвовала скандальная политическая консалтинговая компания Cambridge Analytica, развертывающая приложения викторин для неправильного извлечения данных людей по порядку. для создания психографических профилей для таргетинга политической рекламы пролил свет на риски, исходящие от платформ, которые работают, систематически скрывая своих пользователей.
В результате этих скандалов Facebook начал предлагать уровень раскрытия информации о том, кто платит за рекламу и запускает ее на своей платформе. Но многие аспекты его платформы и операций остаются скрытыми. Даже те компоненты, которые немного открываются, по-прежнему не видны большинству пользователей — благодаря продолжающемуся использованию компанией темных шаблонов, чтобы манипулировать людьми, заставляя их принимать без реального понимания.
И все же, несмотря на то, что дизайн с темным узором был гладко успешным маслом в двигателях индустрии рекламных технологий в течение многих лет, позволяя ему избежать такого большого количества фоновой обработки данных без согласия, постепенно, постепенно, некоторые из более темных практик этого сектора освещаются и отключаются — в том числе из-за некачественной безопасности, когда так много компаний вовлечены в торговлю и добычу данных людей.Просто есть больше возможностей для утечки данных.
Законы о конфиденциальности также ужесточаются. А изменения в правилах защиты данных ЕС — ключевая причина, по которой дизайн с темным рисунком снова всплыл в онлайн-обсуждениях. Сейчас эта практика находится под гораздо большей правовой угрозой, поскольку GDPR ужесточает правила, касающиеся согласия.
На этой неделе Норвежский совет потребителей провел исследование, в котором Facebook и Google подверглись критике за систематическое использование вариантов дизайна, которые подталкивают людей к принятию решений, которые негативно влияют на их конфиденциальность, например, по умолчанию при обмене данными и трение, внесенное в процесс отказа, чтобы меньше люди будут.
Еще одно манипулятивное дизайнерское решение, отмеченное в отчете, особенно иллюстрирует обманчивые уровни, до которых будут опускаться компании, чтобы заставить пользователей делать то, что они хотят — с наблюдателем, указывающим, как Facebook рисует фальшивые красные точки на своем пользовательском интерфейсе во время принятия решения о согласии потоков, чтобы побудить пользователя подумать, что у него есть сообщение или уведомление. Тем самым подталкивая людей соглашаться, не читая мелкий шрифт.
Справедливый и этичный дизайн — это дизайн, который требует, чтобы люди соглашались с любыми действиями, которые приносят пользу коммерческой службе за счет интересов пользователя.Однако слишком часто бывает наоборот: пользователям Интернета приходится изрядно потрудиться и попытаться защитить свою информацию или избежать укуса за то, чего они не хотят.
Вы можете подумать, что типы персональных данных, которые собирает Facebook, тривиальны, и поэтому задаетесь вопросом, что же такого особенного, если компания использует обманчивый дизайн для получения согласия людей? Но цели, для которых может быть использована информация людей, вовсе не тривиальны, как показывает скандал с Cambridge Analytica.
Один из недавних сборов данных Facebook в Европе также подчеркивает, как он использует темные шаблоны на своей платформе, чтобы попытаться нормализовать технологии, все более враждебные конфиденциальности.
Ранее в этом году он начал запрашивать у европейцев согласие на обработку их селфи для целей распознавания лиц — весьма спорную технологию, которую ранее блокировало вмешательство регулирующих органов в регионе. Тем не менее, теперь, благодаря уверенности Facebook в создании манипулятивных потоков согласия, он, по сути, нашел способ обойти основные права граждан ЕС — путем социальной инженерии европейцев, чтобы игнорировать их собственные интересы.
И этот тип манипуляций не ограничивается исключительно определенными, более строго регулируемыми географическими регионами; Facebook так обращается со всеми своими пользователями. Европейские пользователи только что первыми получили последний набор дизайнов с темным рисунком, в преддверии глобального развертывания, благодаря новым правилам защиты данных, вступающим в силу 25 мая.
Генеральный директорМарк Цукерберг даже зашел так далеко, что злорадствовал по поводу успеха этого обманчивого метода работы на сцене на европейской конференции в мае, заявив, что «подавляющее большинство» пользователей «добровольно» выбрали таргетированную рекламу через новый поток согласия. .
На самом деле поток согласия является манипулятивным, и Facebook даже не предлагает абсолютного отказа от целевой рекламы на своей платформе. «Выбор», который он предоставляет пользователям, — согласиться на его таргетированную рекламу или удалить свою учетную запись и полностью покинуть службу. Что на самом деле не лучший выбор, если сравнить его с мощью платформы Facebook и сетевым эффектом, который она использует для удержания людей, использующих ее сервис.
«Принудительное согласие» является ранней целью для групп, проводящих кампании по обеспечению конфиденциальности, использующих GDPR, открывая двери в некоторых странах-членах ЕС для коллективного соблюдения прав физических лиц на данные.
Конечно, если вы читаете PR Facebook или Google по поводу конфиденциальности, они утверждают, что они безмерно заботятся о них, говоря, что они предоставляют людям все средства контроля, которые им необходимы для управления и контроля доступа к их информации. Но элементы управления с нечестными инструкциями по их использованию на самом деле вовсе не элементы управления. А отказы, которых не существует, скорее пахнут замком.
Платформы, безусловно, прочно удерживаются на сиденье водителя, потому что — до тех пор, пока суд не примет иное решение — они контролируют не только кнопки и рычаги, но и положение, размеры, цвета и, в конечном итоге, наличие или отсутствие кнопок и рычагов.
И поскольку эти крупные технологические гиганты стали настолько доминирующими в качестве сервисов, они могут обладать огромной властью над своими пользователями — даже отслеживая не-пользователей на больших участках остальной части Интернета и предоставляя им даже меньше контроля, чем люди, которые де-факто заблокированы, даже если, технически говоря, пользователи службы могут иметь возможность удалить учетную запись или отказаться от основного продукта в потребительской сети.
Крупные технологические платформы также могут использовать свой размер для анализа поведения пользователей в широком масштабе и A / B-тестирования темных шаблонов, которые лучше всего обманывают людей.Таким образом, представление о том, что пользователи добровольно соглашаются в массовом порядке отказаться от своей конфиденциальности, остается большой ложью, присущей потребительскому Интернету.
Люди просто выбирают тот вариант, который им заранее сделали.
Вот где все обстоит как есть. Но будущее дизайна с темным узором выглядит все более туманным.
Изменения витают в воздухе.
Что изменилось, так это попытки юридически оспорить цифровое лицемерие, особенно в отношении конфиденциальности и согласия.Это произошло после того, как многочисленные скандалы выявили некоторые очень сомнительные практики, которые допускаются с помощью интеллектуального анализа данных без согласия, что делает очевидными как риски, так и ущемление прав пользователей.
Европейский GDPR ужесточил требования к согласию — и создает возможность возмещения ущерба в виде штрафов, которые стоит применить. Это уже привело к тому, что некоторые компании, работающие с данными, полностью отключились или покинули Европу.
Новые законы о зубах делают юридические проблемы жизнеспособными, чего раньше не было.Хотя для крупных отраслевых изменений потребуется время, так как придется ждать, пока судьи и суды вынесут решение.
«Это очень хорошо, — говорит Бриннулль из GDPR. Хотя он еще не готов назвать это смертельным ударом, в котором действительно нуждается обманчивый дизайн, предупреждая: «Нам придется подождать, чтобы увидеть, будет ли укус так же силен, как кора».
Между тем, каждый скандал, связанный с защитой данных, способствует повышению осведомленности общественности о том, как нарушается и нарушается конфиденциальность, а также о рисках, вытекающих из этого, — как для отдельных лиц (например,г. мошенничество с идентичностью) и общества в целом (будь то вмешательство в выборы или, в более широком смысле, попытки разжечь пагубное социальное разделение).
Таким образом, в то время как дизайн с темным узором практически повсеместен в сегодняшней потребительской сети, обманные методы, которые он использовался для защиты и включения, находятся в заимствованном времени. Направление движения — и направление инноваций — это защита конфиденциальности, контроль со стороны пользователей и, следовательно, дизайн, направленный против обмана. Даже если наиболее укоренившиеся практикующие слишком обременены, чтобы отказаться от своих темных искусств без боя.
Как же тогда выглядит будущее? Что такое «световой узор»? Путь вперед — по крайней мере, в том, что касается конфиденциальности и согласия — должен быть ориентирован на пользователя. Это означает искренний запрос разрешения — использование честности для завоевания доверия посредством включения , а не отключения пользовательского агентства.
Дизайн должен отстаивать удобство использования и ясность, представляя подлинный, добросовестный выбор. Это означает отсутствие неприемлемых для конфиденциальности настроек по умолчанию: так что согласие, а не отказ, и согласие, которое дается свободно, потому что оно основано на подлинной информации, а не на личном обмане, и потому, что оно также всегда может быть отозвано по своему желанию.
Дизайн также должен быть чутким. Он должен понимать разнообразие и учитывать его, предлагая четкие варианты без намеренного подавления. Цель состоит в том, чтобы сократить разрыв в восприятии того, что предлагается, и того, что покупатель думает, что он получает.
Те, кто хочет видеть сдвиг в сторону легких моделей и простых сделок, также отмечают, что честно совершенные онлайн-транзакции будут более счастливыми и здоровыми для всех заинтересованных сторон, потому что они будут отражать то, чего люди на самом деле хотят.Таким образом, вместо того, чтобы обманным путем получать краткосрочную прибыль, компании будут закладывать основу для лояльности к бренду и органического и устойчивого роста.
Альтернатива световому шаблону также очевидна: рост недоверия, рост гнева, новые скандалы и, в конечном итоге, отказ потребителей от брендов и услуг, которые пугают их и заставляют чувствовать себя использованными. Потому что никому не нравится чувствовать себя эксплуатируемым. И даже если люди не удаляют учетную запись полностью, они, скорее всего, изменят свое взаимодействие, меньше будут делиться информацией, станут менее доверчивыми, менее заинтересованными, ища альтернативы, которые им действительно нравятся.
Также неизбежно, если массовый обман продолжится: больше регулирования. Если предприятия не будут вести себя этично сами по себе, будут разработаны законы, чтобы заставить их измениться.
Потому что, конечно, вы можете обмануть людей на время. Но это не устойчивая стратегия. Вы только посмотрите на политическое давление, которое сейчас оказывают на Цукерберга законодатели США и ЕС. Обман — это долгая игра, которая в конце почти всегда заканчивается неудачей.
Путь вперед должен заключаться в новой этической сделке для потребительских веб-сервисов — отходе от бизнес-моделей, которые монетизируют бесплатный доступ с помощью обманного сбора данных.
Это означает, что ваши пользователи доверяют вам, потому что ваш бизнес предоставляет инновационные и честные услуги, которые волнуют людей.
Это также означает изменение архитектуры систем для обеспечения конфиденциальности по дизайну. Микроплатежи на основе блокчейна могут предложить один из способов открытия потоков доходов на основе использования, которые могут предложить альтернативу или дополнение к рекламе.
В том, что касается рекламных технологий, также ведется работа над некоторыми интересными проектами, такими как браузер Brave на основе блокчейна, который стремится создать систему таргетинга рекламы, которая выполняет локальный таргетинг на устройство (требуется только знание языка пользователя. и широкое региональное расположение), а не текущая облачная модель обмена рекламой, построенная на основе массового наблюдения.
Технологи часто гордятся своей инженерной изобретательностью. Но если все пойдет по плану, у них будет гораздо больше возможностей порадоваться тому, что они построили в будущем, потому что они не будут слишком стесняться говорить об этом.
Понимание систем и шаблонов дизайна
Хотя это может показаться новым подходом к цифровому рабочему процессу, концепция системы дизайна не нова для творческих отраслей. В основе любой дизайн-системы лежит язык шаблонов проектирования, который решает типичные проблемы, с которыми может столкнуться дизайнер.
Идея языка шаблонов зародилась в архитектуре и городском дизайне более 40 лет назад и может быть применена практически к любой дизайнерской дисциплине.
Дизайн-системы — популярная тема для разговоров в современном мире цифровых продуктов, но использование систематизированного набора повторяемых дизайнерских решений — не новая идея.
Дизайн-системы, такие как Material Design, являются модной темой, но систематический подход к дизайну был неотъемлемой частью издателей журналов на протяжении десятилетий.Листая страницы любого крупного журнала, легко увидеть, что каждый раздел уникально определен как шаблон с общим макетом, шрифтами, цветами и т. Д.
Шаблоны дизайна, используемые для разделов страницы, позволяют последовательно и эффективно размещать текст и изображения, дополняя творческое видение публикации.
Глядя на журналы конкурентов, легко увидеть, как язык дизайна одного языка соотносится с другим.
На протяжении десятилетий журнальная индустрия полагалась на системы дизайна для быстрого и единообразного форматирования письменного и визуального контента.
Если они еще не сделали этого, дизайнеры из многих отраслей скоро включат язык дизайна и шаблоны в свой рабочий процесс. Для дизайнеров цифровых продуктов эта тема постоянно развивается, и многие из них впервые учатся проектировать из библиотек шаблонов в сложных системах (или даже помогают их определять).
При согласовании шаблонов проектирования программного обеспечения с кодовой базой интерфейса пользователя возникает дополнительная сложность, что может затруднить изучение языка дизайна.
Целостность языков дизайна
Язык дизайна, как и любой другой язык, сложен и содержит нюансы, которые поначалу могут показаться сложными для изучения.Вот почему полезно думать о языке дизайна как о сложной системе , «состоящей из множества компонентов, которые могут взаимодействовать друг с другом».
Чтобы понять сложную систему, важно думать о языке проектирования целостно :
- Начните с обзора того, как дизайн влияет на бренд или бизнес с высоты птичьего полета.
- Затем подумайте о роли дизайна с кросс-функциональными командами и другими дизайнерами.
- Наконец, подумайте, как дизайн влияет на продукт и пользователей в определенный момент.
Эта целостная перспектива подчеркивает систематический подход к рабочим процессам проектирования и позволяет легко применять язык дизайна при решении конкретных задач.
На практике язык проектирования — это ресурс, используемый для уменьшения избыточности и повышения непрерывности подхода проектировщиков к общим проблемам проектирования. Например, типичная проблема, с которой сталкиваются дизайнеры продукта: «Мне нужно разместить призыв к действию, чтобы пользователи щелкнули».
Системы дизайнаособенно эффективны при решении повторяющихся проблем дизайна продукта, таких как необходимость в кнопке с призывом к действию.
Это то, что было решено раньше, поэтому вместо того, чтобы изобретать колесо (или кнопку), язык дизайна определил бы повторно используемую кнопку «шаблон дизайна» с предустановленными свойствами, такими как цвет и форма, а также рекомендации по передовым методам. .
Язык дизайна цифровых продуктов обычно представляет собой многофункциональный ресурс, предназначенный для повышения эффективности рабочего процесса и совместной работы команд.
В некоторых случаях язык расширяется до библиотеки живых шаблонов, которая напрямую подключается к внешней кодовой базе и метрическому анализу шаблонов.Этот тип сложной системы с различными зависимостями делает крайне необходимым целостный подход к решению проблем.
В зависимости от продукта, команды и ресурсов существуют разная степень детализации и сложности системы проектирования.
В изучении языка дизайна замечательно то, что товарищи по команде, как правило, очень увлечены интерфейсом и взаимодействиями, используемыми для определения продукта. Изучение нового языка, как правило, является сложной задачей, но это также может быть захватывающим опытом, который объединяет команду!
Общие вопросы к «проектированию» системного мышления
Свободное владение языком дизайна обеспечит качество системы через евангелизацию, которая может включать:
- Обучение новых дизайнеров;
- Наставничество младших сотрудников и управляющих подрядчиков; или
- Работа напрямую с инженерами для улучшения интерфейса продукта перед выпуском.
Благодаря этим совместным усилиям проектировщик сможет обеспечить соблюдение или уточнение руководящих принципов для системы в зависимости от необходимости.
Какими бы ни были обязанности, есть пара общих вопросов о мышлении систем проектирования, за которые дизайнер может нести ответственность:
О чем я должен думать при проектировании в дизайн-системе?
В зависимости от сложности дизайн-системы важно начать с комплексного подхода к решаемой проблеме.Рассмотрим предыдущий пример кнопки.
Если предварительно задан цвет # 1f9efc, а дизайнер делает его # 1b3e9b без предварительной консультации с другими дизайнерами, использующими ту же библиотеку шаблонов, это может вызвать системную ошибку.
При работе с системой проектирования подумайте о том, как решаемая проблема повлияет на весь цикл разработки продукта. Во многих случаях не будет и не должно быть большого влияния, потому что библиотека шаблонов уже прошла валидацию.
Если решаемая проблема является новой для системы проектирования, может появиться возможность развить библиотеку шаблонов и помочь определить новый шаблон проектирования.
Когда система развивается, это новость для рабочего процесса команды. Здесь необходима гибкость, потому что шаблоны проектирования будут повторяться с течением времени. Однако, несмотря на то, что изменить цвет кнопки легко, необходимо всегда учитывать более сложную систему.
Для этого полезно определить таксономию для организации системы дизайна и библиотеки шаблонов. Используемая терминология должна легко пониматься с точки зрения функциональности.
Эта диаграмма предлагает высокоуровневую иерархию того, как может быть организована библиотека шаблонов системы проектирования.Группируя артефакты дизайна по общепринятым темам, библиотека шаблонов позволяет системе работать в рамках командных рабочих процессов и развивать коммуникацию так, как говорят о шаблонах проектирования.
Как мне узнать, когда мне нужно разорвать шаблон или создать новый шаблон в дизайн-системе?
Необходимость сломать или создать новый шаблон проектирования обычно зависит от зрелости системы. Когда дизайн-система развивается, шаблоны часто меняются.По мере того, как система устанавливается, должен действовать процесс запроса на изменение, чтобы обеспечить непрерывность и качество.
Также важно учитывать сложность системы. Если изменение шаблона влияет на других дизайнеров и команды, процесс может занять больше времени для реализации и часто требует более глубокого уровня усилий или ресурсов (например, обновления руководств по языку дизайна, библиотек шаблонов или клиентской базы кода).
Как правило, библиотека шаблонов не должна быть жесткой.Думайте об этом как о наборе инструментов, который может решать проблемы и выполнять задачи. Если все попытки разработать в рамках библиотеки шаблонов не достигают целей проекта, интуиция может привести к поиску нового инструмента или, возможно, к изменению существующего шаблона.
Взгляните на диаграмму ниже. Общее практическое правило состоит в том, что элементы идентичности и , которые являются основными строительными блоками бренда, редко меняются, поскольку они помогают определить бренд и артефакты дизайна.
В большинстве крупных организаций есть отдельные руководства по стилю для элементов, связанных с брендом, особенно для логотипов, цветов и шрифтов, которые не часто меняются. Для элементов , таких как кнопки, это может или не может повторяться в зависимости от эволюции языка дизайна, но они также имеют менее частые изменения из-за их связи со всеми аспектами продукта.
Изменения в шаблонах проектирования или новые шаблоны часто возникают на уровне взаимодействия компонентов , и , , поскольку они определяют пользовательские потоки и наборы функций.Обычно новые потоки пользователей определяются в дорожной карте продукта, особенно при развертывании функций.
Новые шаблоны проектирования будут иметь свойства, аналогичные шаблонам, уже определенным в библиотеке (например, шрифты и цвета), но могут потребовать обновления интерфейса или интерактивных состояний в дополнение к языку проектирования.
Менеджер продукта или владелец продукта, работающий с дизайнером, предоставит требования к новым функциям, которые соответствуют бизнес-целям.Принимая решение о разрыве или создании нового шаблона проектирования, помните теорию сложных систем и убедитесь, что решение является общим.
Пример страницы из руководства по стилю дизайн-системы.
Вот несколько шагов, которые следует учитывать, когда вы думаете о том, как сломать или изменить шаблон проектирования:
Обеспечение контроля качества и непрерывности
Помните, что качество — это общая цель продукта. Каждый несет ответственность за то, чтобы дизайн-система выполняла свою работу.
Всегда придерживайтесь целостного подхода и продумывайте потенциальные последствия нарушения шаблона или создания нового шаблона.
Спросите себя:
- Разрушение шаблона — единственный способ решить мою проблему?
- Как это повлияет на другие команды, если я нарушу эту схему?
- Что произойдет с библиотекой шаблонов, если я нарушу этот шаблон?
Общение с соавторами
Поговорите с дизайнерами и членами кросс-функциональной команды, чтобы узнать, есть ли у кого-нибудь такие же ограничения.Узнайте все о требованиях к платформе и о том, как предложенный шаблон будет работать во всем семействе продуктов.
Спросите себя:
- Кто еще работал над этим продуктом или платформой?
- Каковы лучшие практики платформы, для которой я разрабатываю?
- С кем я могу поговорить, чтобы помочь с моим решением и рекомендациями?
Общие сведения о возможностях внешнего интерфейса
Узнайте о возможностях внешнего интерфейса.Если изменение представляет собой просто обновление свойств HTML / CSS / JavaScript, обычно не требуется нарушать шаблон или создавать что-то совершенно новое.
Скорее, это могло бы быть простое обновление руководства по языку дизайна. Как дизайнеру важно тесно сотрудничать с клиентской частью и потенциально находить способы совместной работы еженедельно или ежедневно.
Спросите себя:
- Была ли задействована команда внешнего интерфейса в этом обновлении дизайна?
- Рассматриваю ли я изменение внешнего интерфейса?
- Чего-то не хватает в рекомендациях по передовой практике?
Подтвердить решение
Если определено, что необходим новый шаблон, решение следует согласовать с сотрудниками и конечными пользователями и согласовать с бизнес-целями.
Если интерфейсные компоненты привязаны к метрикам, быстрый A / B-тест поможет с проверкой. В противном случае отлично подойдет проведение юзабилити-тестов.
Спросите себя:
- Есть ли у нашей команды процесс запроса на изменение для проверки новых шаблонов проектирования?
- Что мне нужно сделать, чтобы подтвердить свое решение?
- Создает ли это решение новый поток пользователей или это дополнительная функция?
Та же работа, другой образ мышления
При проектировании в рамках системы очень важно, чтобы дизайнеры продукта использовали общий образ мышления, необходимый для принятия решений.Принципы сложной системы и системного мышления помогут дизайнерам расти в карьере. То же верно и для процесса построения из библиотеки шаблонов.
От Mailchimp до Mozilla образ мышления и методология, используемые для создания библиотеки шаблонов, могут быть применены к широкому спектру цифровых продуктов и приложений.
Эти подходы полезны для создания нового языка дизайна или внесения вклада в уже существующий, потому что, как только формируется образ мышления, систематические методы становятся, ну, в общем, «систематическими».”
Знание о том, что другие отрасли и направления дизайна уже много лет используют аналогичные методы оптимизации рабочих процессов, дает дизайнерам продуктов отличную точку отсчета для передового опыта.
В конце концов, проектирование внутри системы не полностью изменит способ выполнения работы. Конечно, появятся некоторые новые инструменты для подключения и управления сложностями, но в конечном итоге это переход к целостному мышлению, который действительно поможет улучшить рабочие процессы.
• • •