Ваш мозг использует цвета, чтобы распознавать особенности продуктов и брендов, которые их производят. Вот почему оттенок зеленовато-желтого цвета, подходящий для ПК, вызывает рвоту кексом. Одним словом, это цветовая психология на работе. Вот полное руководство о том, как использовать цвета в маркетинге и рекламе.
Одно дело знать, что цвета важны в маркетинге и рекламе, но настоящая проблема заключается в использовании цветовой психологии для общения с покупателями. Вы, наверное, уже знакомы с основами цветовой психологии, такими как красный = страсть и белый = чистота, но это только начало всех сложных способов, которыми цвет может влиять на то, как покупатель думает и воспринимает продукт.
Хотите цвета, которые будут говорить за вас?
Наши дизайнеры могут создать именно то, что вам нужно.
Если вы хотите, чтобы другие люди купили вашу книгу, вам нужно создать для нее привлекательное «лицо». Лучший способ сделать это — хорошо продуманная обложка книги. Обложка создает первое впечатление у читателей, и это может стать решающим фактором, который заставит людей выбирать вашу книгу с полок вместо конкурентов. Очевидно, что дизайн обложки книги важен. Но что…
Что нужно учитывать при принятии решения о том, насколько гибкой должна быть ваша система проектирования
Крис Койер, автор CSS Tricks and Codepen, недавно опубликовал статью «Для кого предназначены системы проектирования?», В которой он рассказывает об аудитории для различных систем проектирования с открытым исходным кодом.
В статье он обсуждает настраиваемость системы проектирования и роль, которую она играет в том, насколько полезна система проектирования для использования не компанией. Он заключает, что системы проектирования имеют разные уровни настройки — от «совсем нет» до давая людям широкий контроль над тем, как они применяют стили (или «тему BYO», как он ее называет).
Я хочу погрузиться в этот «спектр настройки»: различные варианты, аудитория, которую они обслуживают, как может выглядеть их реализация, и их риски.
Именно здесь компании создают систему проектирования в основном для себя. Систему дизайна, которая никоим образом не настраивается, очень сложно использовать, если вы хотите создать отдельный продукт, поскольку вы не можете придать ему собственный внешний вид.
Когда мы запустили систему дизайна Shopify, Polaris , это не было настраиваемым вообще. В 2018 году мы решили сделать Polaris частично настраиваемым, и мы все еще работаем над его расширением, чтобы сделать большинство вещей настраиваемыми.
Мы реализовали параметры настройки, поскольку обнаружили, что, хотя Нулевая настраиваемость является отличным способом обеспечения согласованности, так как по мере роста компании отсутствие гибкости стало настоящей ловушкой.
Команды начали разрабатывать визуальный стиль, который намеренно отличается от брендинга нашей компании, что Polaris не позволяет. Например, команда Shopify Point of Sale начала экспериментировать с темным режимом, потому что он сделал систему более удобной для использования в темных витринах, а команда Shopify Plus начала экспериментировать с разными цветами, шрифтами и интервалами, потому что они хотели визуально отличаться от Основной продукт. Сторонние разработчики в настоящее время сталкиваются с той же проблемой, поскольку они не могут надлежащим образом выразить свой бренд.
Чтобы иметь возможность создавать эти продукты с использованием Polaris, этим командам и сторонним организациям в настоящее время приходится форкать систему. В результате мы получили несколько разных вилок, которые все делают по-разному.
Так что, если вы хотите создать систему проектирования, которую нельзя настроить, учтите, что быть обоснованными причинами настройки вашей системы, которые вы еще не предвидели.
Это другой конец спектра. Эта опция дает пользователю полный контроль над стилем.
В Интернете вы видите множество чистых систем проектирования HTML и CSS, которые позволяют этот уровень настройки. Поскольку они предоставляют необработанный HTML, очень легко настроить практически что угодно.
Риск, связанный с этим подходом, заключается в том, что весьма вероятно, что потребители вашей системы будут интегрировать хуки CSS и JS в эту необработанную разметку. Это сделает систему очень сложной в обслуживании, поскольку любое изменение в разметке имеет хорошие шансы нарушить реализацию одного из ваших потребителей.
Accordion Blueprint системы Salesforce Lightning Design System предоставляет необработанный HTML.
Системы проектирования, использующие каркасы (или слои представления), такие как React, немного отличаются. Они скрывают свою базовую разметку, затрудняя ее изменение, что значительно упрощает обслуживание системы. Создавая такое четкое разделение между тем, что публично раскрывается, и тем, что доступно только в системе, вы создаете гораздо лучшее определение того, какие изменения вносят риск нарушения реализации потребителем.
Многие системы на основе React по-прежнему допускаю подобный уровень настройки, допуская переопределения классов. Вы не сможете свободно настраивать разметку так, как вы можете с помощью необработанного HTML, но вы все равно сможете применять переопределения стилей к определенным элементам и, таким образом, по-прежнему будете иметь большой контроль над тем, как компонент выглядит и ведет себя.
Интерфейс материала (например, библиотека React для Google Material Design) позволяет переопределять классы
Этот уровень гибкости может быть очень полезным и привлекает большую аудиторию. Его способность полностью адаптироваться к потребностям пользователя очень мощная.
В зависимости от того, для кого предназначена ваша система проектирования и что они могут с ней делать, этот шаблон также может быть рискованным. Предоставление людям такого уровня контроля над стилем может создать ту же проблему, которую системы проектирования должны решить в первую очередь: иметь тысячу различных вариантов одного и того же компонента или шаблона.
Хороший пример Проблема, которую мы пытаемся решить с помощью систем проектирования. Взято из выступления React Amsterdam Андрея Оконечникова.
Поэтому этот уровень настройки обычно не идеален для системы проектирования, которая должна обеспечивать согласованность, поскольку она слишком привлекательна для потребителей, чтобы полностью модифицировать компоненты для обслуживания. к их потребностям. Тем не менее, это отличный способ предоставить полностью настраиваемый шаблон.
Управляемое построение темы позволяет тематике ваших компонентов в той степени, которая позволяет третьим сторонам использовать их для создания своего собственного продукта, с его собственный внешний вид, но устраняет риск чрезмерной настройки людей. Это именно то, что мы будем пытаться сделать с Polaris в будущем.
Многие системы проектирования позволяют вам изменять определенные переменные Sass для настройки таких вещей, как цвета и шрифты. Управляемое построение тем — это одно и то же, за исключением Sass и некоторых дополнительных функций.
Вместо настройки вещей с помощью переменных Sass, Polaris использует всеобъемлющий компонент React, называемый ThemeProvider который предоставляет набор цветов. Эти цвета затем используются для стилизации компонента (ов). Если вы предоставляете только частичный набор цветов, Polaris использует цвета, которые вы определили, для создания остальных, что делает его максимально удобным для темы вашего интерфейса.
Пример темы объект, который настраивает цвета нашего компонента TopBar.
Этот подход имеет два больших преимущества перед переменными Sass:
Возможность предоставить только частичный набор цветов делает очень легко (и быстро) создать собственный интерфейс.
Он предоставляет потребителям очень преднамеренный общедоступный API настройки, который далек от таких вещей, как переменные SCSS и классы CSS, которые в Polaris технически модифицируемы, но никогда не должны изменяться поскольку они являются частным API.
Есть две основные причины, по которым мы находим это различие между публичным и частным API столь важным. Во-первых, когда люди изменяют вещи, используя наши частные API, мы не знаем, что будет серьезным изменением, что довольно проблематично в публичной библиотеке. Во-вторых, мы хотим обеспечить согласованность. Наша система проектирования построена с учетом очень специфического набора принципов проектирования, и, допуская слишком большую кастомизацию, мы создадим риск того, что потребители нарушат эти принципы.
Этот подход имеет свой собственный набор проблем, хотя , Один из них заключается в том, что он опирается на переменные CSS и в системе, подобной Polaris, которая в значительной степени опирается на встроенные функции Sass (в основном это цветовые утилиты, такие как lighten darken и rgba ), это создает реальную проблему. Поскольку система тем не знает, какими будут цвета до времени выполнения, она не может использовать эти функции Sass для изменения цветов, и поэтому нам нужен альтернативный способ их генерации.
Это Проблема, которую мы еще не решили, но мы работаем над решением, чтобы мы могли начать расширять этот API. В настоящее время мы разрешаем людям настраивать цвета только в нашем компоненте TopBar но мы работаем над улучшением системы, чтобы также разрешить настройку шрифтов и, возможно, даже настройки анимации во всем Polaris. Мы также изучаем, как сделать API менее специфичным для компонента, так как это может привести к несоответствиям пользовательского интерфейса. Мы исследуем схему, в которой вы не сможете настроить эти свойства для каждого компонента, но только на глобальном уровне.
Учитывая все обстоятельства, мы считаем, что эта реализация — хорошее начало, поскольку это обеспечивает только необходимое количество гибкости. Он хорошо выполняет принципы, о которых мы действительно заботимся, и в то же время дает потребителям возможность придать своему продукту свой внешний вид.
Если вы заинтересованы в изучении этого уровня настройки для своего собственного дизайна Система не забудьте проверить Theme UI, который является проектом с открытым исходным кодом, который предоставляет очень похожий API на систему ThemeProvider которую мы используем для Polaris.
Поскольку Банк Англии раскрывает лицо новой банкноты, мы разговариваем с его главным кассиром об изменяющихся портретах и конструктивных особенностях банкноты.
Автор Генри Вонг
« Нота 1725 г. была напечатанная часть — декларация «обещание заплатить», которая появляется на всех законных платежных средствах, виньетка (портрет в верхнем левом углу), первая цифра наименования (5) и большая часть текста.
Другие элементы записки были написаны от руки, включая дату, номер выпуска, подпись кассира и точную стоимость. При необходимости суммы можно было добавлять вручную, в результате чего общая денежная стоимость могла быть больше или меньше 50. В то время банкноты использовались как способ перевода денег, а не как повседневная валюта.
За этими банкнотами следовали банкноты с печатными блоками сумм — отображение деноминации белыми буквами на черном фоне — для предотвращения изменений. Впервые напечатанная банкнота стоимостью 50 фунтов стерлингов была выпущена в 1855 году и действовала до 1940-х годов ».
Записка 1981 года
Он заложил основы для работы над искусственным интеллектом, рассмотрев вопрос о том, могут ли машины мыслить.
Его наследие сегодня вокруг нас. Компьютеры являются неотъемлемой частью современной жизни, от того, как мы работаем, до того, как мы общаемся и как мы делаем покупки. Это невероятные научные достижения Тьюринга, которые отражены в дизайне, и причина, по которой он был выбран, чтобы появиться на банкноте за 50 фунтов стерлингов ».
Привет друзья. Сегодня у нас в гостях Роман Полищук, представитель студии Brandbe. Роман расскажет, как и зачем дизайнеру использовать карту ассоциаций. Передаю ему слово… Хороший дизайн – это хорошая идея, заключенная в привлекательную форму. В некоторых работах дизайнеров страдает форма, в некоторых – идея, а в некоторых – и то и другое. Часто это происходит…
Французские Южные Территории и доменная зона .tf сегодня у нас на обед. Раз территории французские, то и еда такая же. Кухня Франции считается одной из самых вкусных в мире, но мы сегодня приготовим что-нибудь простое и доступное. Например, сэндвич «Крок-месье». Нам понадобится: 4 ломтика тостового хлеба; 4 тонких ломтика ветчины; 4 тонких ломтика швейцарского сыра;…
Одна из ведущих производственных компаний и агентств Великобритании о том, почему иллюстраторы должны задуматься обо всем, что связано с GIF, движением и анимацией. Если вы ищете барометр в области иллюстративных трендов, нужно только взглянуть на AOI World Illustration Awards, проводимую каждый год в Лондоне. На праздновании всех событий в 2019 году в шорт-листе и среди…
Если вы предприниматель и владелец малого бизнеса без профессионального опыта в области дизайна, вам может быть страшно даже подумать о том, как создать логотип самостоятельно. С чего начать? Какие инструменты вам нужны? Как сделать так, чтобы это выглядело профессионально? Я понимаю, это страшно. Но это также полностью обучаемо, вот увидите. Несмотря на то, что ваш…
Хорошо, когда у тебя много работы, много проектов. Это значит, что с заработком у тебя тоже все хорошо, и ты сможешь ни в чем себе не отказывать. Вот только со временем обычно проблема. Его катастрофически ни на что не хватает. Я вот все вспоминаю зимнее время: четыре проекта на ведении, работа новостным редактором, плюс еще…
Лучшие советы по успешному удержанию клиентов от креативного директора Sparkloop. Подсказка: относитесь к этому как к истинному роману. В эпоху, когда мы пытаемся встретиться с потенциальными жизненными партнерами, взглянув на сексуальные профили и проведя пальцем влево или вправо, чтобы принять или отклонить, поиск клиентов тоже становится быстрым хитом? Стал ли бизнес похожим на популярные приложения…
