8 тенденций дизайна электронной коммерции на 2020 год, чтобы очаровать ваших клиентов

 тенденции дизайна электронной коммерции 2020 "width =" 700 "height =" 410 "/> 
 
<figcaption> Иллюстрация OrangeCrush </figcaption></figure>
<p> Привычки онлайн-шоппинга постоянно развиваются, поэтому неудивительно, что Тенденции дизайна электронной коммерции развиваются вместе с ними. </p>
<p> Последние тенденции дизайна электронной коммерции 2020 г. сосредоточены на передовых технологиях, таких как виртуальная реальность и искусственный интеллект, а также на креативных маркетинговых технологиях, которые обеспечивают большую индивидуальность и удобство использования на бесчисленных устройствах, которыми обладают современные потребители. </p>
<p> Ознакомьтесь с нашим списком самых больших тенденций в области дизайна электронной коммерции 2020 года. Вот то, что сегодняшние клиенты хотят и ожидают от покупок в Интернете. </p>
<h2> 9 тенденций дизайна электронной коммерции, которые будут огромными в 2020 году <br /> — </h2>
<ol>
<li> Движение в изображениях продуктов </li>
<li> Нетрадиционные макеты сетки </li>
<li> Целевая страница-гибриды страницы продукта </li>
<li> Фирменные коробки доставки </li>
<li> Личные описания продуктов и викторины </li>
<li> Shoppable сообщения в социальных сетях </li>
<li> Интеллектуальные чат-боты AI </li>
<li> Интерактивные визуальные эффекты продукта </li>
</ol>
<h3> <a name= 1. Движение в изображениях продуктов

Сразу же, тенденции дизайна электронной коммерции 2020 года используют более продвинутые визуальные эффекты, начиная с дизайна движения. Это означает меньше статических изображений и более динамичных, движущихся. Мы смотрим больше видео, кинограмм, анимации и микровзаимодействий.

Мы видели, как эти элементы дизайна движений редко использовались в прошлом, но современные технологии делают их все более и более распространенными. Сайты электронной коммерции, помимо других отраслей, полагаются на них не только для привлечения внимания.

 Пример тенденции дизайна электронной коммерции с использованием дизайна движения на фотографиях продуктов "width =" 990 "height =" 596 "/> 
 
<figcaption> Via Alo Yoga. </figcaption></figure>
<figure data-id=  Detox Страница продукта режима "width =" 814 "height =" 512 "/> 
 
<figcaption> Через режим детоксикации. </figcaption></figure>
<p> Движение в дизайне электронной коммерции предлагает множество практических преимуществ, идеально подходящих для демонстрации продуктов в более реалистичной форме. легкий. Как доказывает вышеприведенный пример Alo Yoga, дизайн движений в визуалах продуктов дает покупателям лучшее представление о том, что они покупают, увеличивая конверсии и снижая доходность, предоставляя потребителям больше информации. </p>
<figure data-id=  Видео в изображениях продуктов "width =" 640 "height =" 362 "/> 
 
<figcaption> Via Aether. </figcaption></figure>
<figure data-id=  Пример дизайна движения для элементов" width = "990" height = "616" /> 
 
<figcaption> через элементы. </figcaption></figure>
<h3> <a name= 2. Нетрадиционные макеты сетки
 Уникальная страница категории продуктов для электронной коммерции "width =" 367 "height =" 671 "/> 
 
<figcaption> Via Rhizom Studio. </figcaption></figure>
<div class='code-block code-block-3 ai-viewport-1 ai-viewport-2' style='margin: 8px 0; clear: both;'>
<!-- Yandex.RTB R-A-268541-2 -->
<div id=

В течение многих лет квадратная сетка доминировала электронная коммерция (представьте бесконечную прокрутку миниатюр Amazon). Строгие строки и столбцы продуктов одинакового размера позволяют структурировать все, упростить просмотр и работать хорошо для адаптивного дизайна. Но для некоторых брендов экспериментирование с новыми макетами приносит свои плоды, что приводит к увеличению и другие интернет-магазины прыгают с решающей позиции.

В чем преимущество отказа от однородного расположения сетки? Во-первых, вы будете выделяться, так как этот стиль дизайна все еще в меньшинстве. Но это также дает вашему бренду острый и современный вид, особенно полезный для модной или молодой индустрии.

Если вы правильно разработали свой сайт, вы также можете привлечь больше внимания или внимания к определенным продуктам, например, к стратегическому выделению бестселлеров без явного указания на них.

 Пример сетки электронной торговли разных размеров "width =" 727 "height =" 614 "/> 
 
<figcaption> Via Dôen. </figcaption></figure>
<p> Одно слово предупреждения: этот дизайн электронной коммерции Тренд работает лучше всего для брендов с довольно ограниченным ассортиментом. Если вы продаете много продуктов, эта установка может занимать слишком много места на экранах и вводить в заблуждение покупателей. Чтобы воспользоваться альтернативными сетками, не вкладывая олл-ин, попробуйте разнообразить размер карточек товара, как доен, выше. </p>
<figure data-id=  Пошаговые сетки продуктов "width =" 709 "height =" 632 "/> 
 
<figcaption> Via Curioos. </figcaption></figure>
<figure data-id=  Скриншот асимметричной сетки" width = "1251" height = "627" /> 
 
<figcaption> Via Femme & Fierce. </figcaption></figure>
<h3> <a name= 3. Целевая страница-гибриды страницы продукта

Старые тенденции дизайна электронной коммерции вращаются вокруг идеи, что покупатели начинают с домашней страницы сайта, а затем находят продукт, который ищут. Хотя это все еще справедливо для некоторых покупателей, в последние несколько лет появилось множество других подходов, которые полностью обходят домашнюю страницу.

Объявления и публикации в социальных сетях часто направляют покупателей прямо на страницу продукта, поэтому многие посетители никогда не видят домашнюю страницу. Имея это в виду, дизайнеры электронной коммерции теперь больше элементов, как правило, на целевых страницах, чтобы их дизайн страницы продукта. Получающиеся в результате гибриды похожи на мини-магазины, сосредоточенные вокруг одного продукта или категории с четкой навигацией, которая позволяет легко исследовать остальную часть сайта.

 Страница продукта Limnia "width =" 640 "height =" 391 "/> 
 
<figcaption> Via Limnia. </figcaption></figure>
<figure data-id=  Тенденция электронной коммерции, объединяющая страницы продукта и целевые страницы. "width =" 586 "height =" 557 "/> 
 
<figcaption> Через JPSDesign. </figcaption></figure>
<p> То, что мы видим, — это более отдельные страницы продукта, часто используемые в качестве зонтичных страниц для определенной категории. продуктов (например, пример «Молодость + любовь» выше). Подобные страницы продуктов дают посетителям все, что им нужно знать о вашем интернет-магазине, и это удобнее, быстрее и удобнее для покупателей. </p>
<h3> <a name= 4. Фирменные упаковочные коробки

Одно из главных правил брендинга — никогда не упускать возможность. Большинство компаний уже знают о важности брендинга на пакетах продуктов, но для интернет-магазинов и услуг подписки существует еще один часто пропускаемый пустой лист для брендинга: сама коробка отгрузки.

 Упаковочная коробка для Halal Plate. "Width =" 2000 "height =" 1367 "/> 
 
<figcaption> Дизайн Rockstar-Creations. </figcaption></figure>
<figure data-id=  Preggonista транспортная коробка, пример тенденции дизайна электронной коммерции в 2020 году для индивидуальной упаковки "width =" 1600 "height =" 1000 "/> 
 
<figcaption> Design by JianBranding ™. </figcaption></figure>
<p> Индивидуальные коробки для доставки и доставки делают больше, чем просто продвигают ваши бренда, они делают клиентов более заинтересованными в поставках и поощряют лояльность. Это возможность рекламировать ваши специальные функции, веб-сайт, социальные сети или даже просто цвета вашего бренда. Некоторые компании даже делают все возможное, используя экологически чистые коробки и упаковку. </p>
<figure data-id=  Ящик для вина Il Faro. "Width =" 2000 "height =" 2000 "/> 
 
<figcaption> Дизайн G @ rry. </figcaption></figure>
<figure data-id=  <img class=  Коробка для упаковки Corganic. "width =" 800 "height =" 515 "/> 
 
<figcaption> Дизайн Зейнепа Яяна. </figcaption></figure>
<h3> <a name= 5. Личные описания продуктов и викторины

Как и во многих других отраслях, тенденции дизайна электронной коммерции 2020 года склоняются к персонализации и более человечному подходу к обращению с клиентами. В то время как более жесткий формат «пушистого рекламного описания + маркированных точек» на протяжении десятилетий был краеугольным камнем страниц с товарами, сегодня интернет-магазины предпочитают нечто менее механическое.

 Снимок экрана: страница продукта Feals "width =" 977 "height =" 620 "/> 
 
<figcaption> Via Feals. </figcaption></figure>
<p> Посмотрите, как скептически настроен продавец CBD (см. Выше) впервые покупатели каннабиса с осторожным подходом рассказывают о преимуществах новыми способами и обращают внимание на общие проблемы, благодаря креативному дизайну страницы продукта и чуткому тону голоса в своей копии. </p>
<p> Вы можете добавить больше человечности к своим описаниям продуктов с помощью таких разделов, как советы по использованию, отзывы или даже рекомендации по продуктам, такие как Fur и Curist (ниже). Все эти новые, убедительные способы составить список функций продукта — огромный шаг вперед в персонализации электронной коммерции. </p>
<figure data-id=  Персональные, описательные страницы продукта из ETQ "width =" 776 "height =" 605 "/> 
 
<figcaption> Через ETQ. </figcaption></figure>
<figure data-id=
 Снимок экрана со страницы продукта из меха" width = "1105" height = "651" /> 
 
<figcaption> Via Fur. </figcaption></figure>
<figure data-id=  Викторина по рекомендации продукта из Curist "width =" 1146 "height =" 632 "/> 
 
<figcaption> Via Curist. </figcaption></figure>
<h3> <a name= 6. Покупаемые посты в социальных сетях

Как мы уже упоминали в наших тенденциях цифрового маркетинга 2020 года, платформы социальных сетей позволяют легко продавать товары напрямую через посты. Золотое правило UX заключается в том, чтобы заказчики выполняли как можно меньше работы, поэтому предоставление им возможности совершать транзакции, даже не покидая их любимый сайт в социальных сетях, — это короткий путь к увеличению продаж.

Преимущества продажи напрямую на таких платформах, как Instagram и Snapchat, довольно очевидны: эти визуальные средства идеально подходят для покупок в Интернете. Сами каналы социальных сетей также начинают осознавать это и внедряют новые функции для размещения магазинов электронной коммерции.

 Снимок экрана, показывающий тенденцию дизайна электронной коммерции 2020 года для публикуемых сообщений в социальных сетях "width =" 899 "height =" 462 "/> 
 
<figcaption> Покупаемые посты в социальных сетях побуждают подписчиков становиться покупателями, а покупатели — подписчиками, поскольку мы видим на домашней странице Мо, разработанной akorn.creative. </figcaption></figure>
<figure data-id=  Промо для рекламы покупок в Snapchat "width =" 1024 "height =" 768 "/> 
 
<figcaption> Via Snapchat Business. </figcaption></figure>
<p> Еще одной тенденцией является продвижение этих постов на вашем сайте. Пример из Moe (выше) «показывает» их шоппинг-канал в Instagram на их веб-сайте. Несмотря на то, что покупаемые посты в социальных сетях увеличивают продажи среди подписчиков, реклама этих постов на вашем веб-сайте также поощряет постоянных клиентов следить за вами в социальных сетях. </p>
<h3> <a name= 7. Умные искусственные чат-боты

Чат-боты не новы. Мы упомянули их невероятную эволюцию в наших тенденциях веб-дизайна в 2019 году. Так почему же мы упоминаем их снова сейчас? Поскольку чат-боты 2020 года настолько продвинуты, они практически неузнаваемы для своих предшественников всего несколько лет назад.

 Пример AI-чата для электронной коммерции. "Width =" 445 "height =" 653 "/> 
 
<figcaption> Via Fly by Jing. </figcaption></figure>
<p> Когда дело доходит до электронной коммерции, была технология, которая раньше сдерживала чат-ботов. Освоить ИИ гораздо сложнее, чем научные фильмы, в которые вы бы поверили. Но в 2020 году и в дальнейшем чат-боты будут более способны делать то, что должны, — в данном случае, помощь покупателям в принятии решений о покупке. </p>
<p> Преимущества чат-ботов остаются прежними: виртуальные недорогие продавцы-консультанты, работающие круглосуточно и без выходных, дают возможность совершать покупки в Интернете по-своему. Что нового, если их эффективность. Если вы обеспокоены тем, что неуклюжие и антисоциальные чат-боты раздражают ваших клиентов, эти дни прошли. Теперь вы даже можете подключить их к своим сообщениям в социальных сетях, как, например, Bombom ниже. </p>
<p> Чтобы максимально эффективно использовать чат-ботов, прочитайте наше подробное руководство о том, как использовать чат-ботов в вашей стратегии цифрового маркетинга. </p>
<figure data-id=  Bombom AI chatbot "width =" 1240 "height =" 648 "/> 
 
<figcaption> Via Bombom. </figcaption></figure>
<figure data-id=  Электронный чат-чат с AI" width = "1336" height = "645" /> 
 
<figcaption> Via Benni. </figcaption></figure>
<h3> <a name= 8. Интерактивные визуальные эффекты продукта

Усовершенствованный интерактивный визуальный дизайн, такой как виртуальная реальность (VR), дополненная реальность (AR) и 3D-изображения, стали доступнее, чем когда-либо, даже для малых и средних предприятий. Эта технология, как и дизайн движения, помогает покупателям лучше понять, чего ожидать от их продукта. Лучший опыт покупок ведет к увеличению продаж и повторному бизнесу.

 Дополненная реальность в электронной коммерции "width =" 658 "height =" 562 "/> 
 
<figcaption> Via gusnendar. </figcaption></figure>
<p></p>

		</div>

	</article>

</div>
<div class=

8 тенденций брендинга на 2020 год, чтобы сохранить ваш бренд свежим

2020 — это прекрасная возможность обновить и усовершенствовать ваш бренд. Мы проанализировали тенденции дизайна для логотипов, упаковки продуктов, веб-дизайна, типографики и графического дизайна, чтобы составить этот список тенденций брендинга 2020 года. Прежде чем мы углубимся в основные тенденции брендинга на 2020 год, давайте проясним одну вещь: брендинг — это все, поэтому относитесь к нему серьезно.…

Художники борются против ботов, крадущих их работу, чтобы продать — Новости

Бой в Твиттере против хитрых футболок раскрывает растущую проблему. Сегодня мы проснулись и увидели, что Art Twitter взял на себя досадных ботов, которые перебирают работы художников, чтобы одеться в футболки — то, что вы получаете на платформах с открытым исходным кодом, которые продаются менее уважаемыми продавцами. Художники давно привыкли работать, копируя и выдавая себя за…

«Мы хотели, чтобы это было похоже на картину эпохи Возрождения»

Для второго альбома южно-лондонского рэпера дизайнерская студия Curtis Hale стремилась создать образ, который был «его времени и времени». Автор Генри Вонг 26 ноября 2019 года 11:04 26 ноября 2019 года 11:22 Обложка для последнего альбома Stormzy, Heavy is the Head, представляет «ответственность, которую он чувствует» в соответствии со студией, стоящей за дизайном, Hales Curtis. По…

Что нужно, чтобы превратить винтажный F-16 в беспилотник

Когда ВВС США запустили F-16 Fighting Falcon в 1979 году, у них не было чего-то, чего не делал ни один другой военный самолет: компьютер. Четыре, на самом деле. Их электрические сигналы командовали самолетом вместо зубчатых колес и шкивов, открывая воздушные бои в цифровую эпоху. Теперь, после боев в войнах в Персидском заливе и Ираке, некоторые…

Как использовать цветовые слепые дружественные палитры, чтобы сделать ваши диаграммы доступными

 Палитра, удобная для дальтоников "width =" 800 "height =" 450 "/> <noscript> <img class= ИСПОЛЬЗОВАТЬ ЭТОТ ШАБЛОН

Оптимизация графики может помочь сделать ее более доступной, и это также не означает исключения цвета из ваших диаграмм и графиков. Вопреки распространенному мнению, более 99% людей, страдающих дальтонизмом, на самом деле могут видеть цвет, но не так, как тот, на кого не влияет дальтонизм.

В этом руководстве мы разберем различные виды дальтонизма и их особые соображения относительно визуализации данных. Мы также покажем вам, как эффективно использовать палитры, удобные для дальтоников, чтобы сделать вашу графику доступной для более широкого круга людей.

Мы собрали несколько готовых палитр для дальтоников, чтобы вдохновить вас. Для этого перейдите к разделу 4.

Содержание

  1. Что такое дальтонизм?
  2. Какие 3 вида дальтонизма?
  3. Почему цвет важен для визуализации данных
  4. Как создавать диаграммы с помощью палитры, не допускающей дальтонизма
  5. Ключевые выносы

Первым делом первым …

Что такое дальтонизм?

Дальтонизм — также известный как дефицит цветового зрения (ССЗ) — является недостатком в различении разных цветов. Это происходит, когда светочувствительная ткань в задней части глаза — сетчатка — не может должным образом реагировать на изменения длины волны света, которые позволяют людям видеть разные цвета.

 Цветовая палитра, удобная для дальтоников - retina "width =" 273 "height =" 221 "/> </p>
<p> <noscript> <img class= ИСТОЧНИК ИЗОБРАЖЕНИЯ

Хотя дальтонизм является в основном наследственным заболеванием, он также может быть результатом катаракты или травмы глаза, а также ряда заболеваний, включая болезнь Паркинсона, синдром Каллмана и диабет. Повреждение сетчатки, вызванное старением, может вызвать дальтонизм.

Какие 3 типа дальтонизма?

 Цветовые спектры 3 типов дальтонизма "width =" 1016 "height =" 257 "/> </p>
<p> <noscript> <img class= ИСТОЧНИК ИЗОБРАЖЕНИЯ

Существует три различных типа дальтонизма:

Слепота красного / зеленого цвета

По данным Colblindor, 99% всех дальтоников страдают от красной / зеленой дальтонизмом. Это далее разбито на две отдельные категории:

  • Протанопия : также упоминается как «красная слабость», люди, которые страдают от этого изменения красной / зеленой цветовой слепоты, не способны воспринимать красный свет.

 Нормальное зрение по сравнению с протанопией "width =" 620 "height =" 413 "/> </p>
<p> <noscript> <img class= Слева: нормальное зрение, справа: протанопия
ИСТОЧНИК ИЗОБРАЖЕНИЯ

Цветовая гамма протанопии выглядит следующим образом:

 Цветовой спектр протанопии "width =" 369 "height =" 193 "/> </p>
<p> <noscript> <img class= ИСТОЧНИК

  • Deuteranopia / Deuteranomaly : также известный как «зеленая слабость», этот тип красной / зеленой цветовой слепоты делает людей нечувствительными к зеленому свету (deuteranomaly) или неспособными воспринимать любой зеленый свет вообще (дейтеранопия).

 Нормальное цветовое зрение по сравнению с дальтонизмом "width =" 617 "height =" 410 "/> </p>
<p> <noscript> <img class= Слева: нормальное зрение, справа: дейтеранопия
ИСТОЧНИК ИЗОБРАЖЕНИЯ

Цветовая гамма дейтеранопии выглядит следующим образом:

 Спектр дальтоников - Deuteranopia "width =" 367 "height =" 192 "/> </p>
<p> <noscript> <img class= ИСТОЧНИК

Красная / зеленая дальтонизм передается по наследству и поражает мужчин больше, чем женщин. Причина этого в том, что гены, ответственные за это состояние, содержатся в Х-хромосоме.

 Палитра, удобная для дальтоников - статистика "width =" 600 "высота =" 646 "/> </p>
<p> <noscript> <img class= ИСПОЛЬЗОВАТЬ ЭТОТ ШАБЛОН

Слепота синего / желтого цвета

Люди, страдающие сине-желтой дальтонизмом, с трудом различают синий и желтый цвета.

Эта особая форма дальтонизма — также известная как тританопия — встречается гораздо реже, чем ее красно-зеленый аналог. Фактически, по данным Национальной медицинской библиотеки США, сине-желтая дальтонизм поражает менее 1 на 10 000 человек во всем мире.

Поскольку тританопия не вызвана генетическим признаком, связанным с Х-хромосомой, она одинаково присутствует как у мужчин, так и у женщин.

 Палитра для слепых - Тританопия "width =" 619 "height =" 413 "/> </p>
<p> <noscript> <img class= Слева: нормальное зрение, справа: тританопия
ИСТОЧНИК ИЗОБРАЖЕНИЯ

Цветовая гамма тританопии выглядит следующим образом:

 Цветовая гамма тританопии "width =" 357 "height =" 199 "/> </p>
<p> <noscript> <img class= ИСТОЧНИК

Полная слепота цвета

Люди, которые страдают от полной дальтонизма — также известного как Монохроматия — вообще не могут различить какие-либо цвета. По данным Color Blind Awareness, монохроматичность встречается у 1 из 33 000 человек крайне редко.

 Полная дальтонизм "width =" 513 "height =" 166 "/> </p>
<p> <noscript> <img class= ИСТОЧНИК ИЗОБРАЖЕНИЯ

Почему цвет так важен при визуализации данных?

Цвет играет важную роль в визуализации данных. Для начала, цвета используются для выделения важной информации, а также для иллюстрации взаимосвязей между различными типами данных. Цвет также играет важную роль в управлении глаз зрителя. Его можно использовать даже для стимулирования эмоций с помощью цветовой психологии.

 Цветовое колесо Диснея "width =" 700 "height =" 906 "/> <noscript> <img class= ИСПОЛЬЗОВАТЬ ЭТОТ ШАБЛОН

Можно даже утверждать, что цвета, используемые в диаграммах и инфографике, на самом деле рассказывают историю данных, которые они представляют. Как пишет Ева Мюррей в Forbes:

В визуализации данных цвет задает тон и вводит в действие сообщение для основного визуального дисплея. Это создает определенную атмосферу и может превратить скромную визуализацию в наполненную эмоциями историю данных.

СМОТРЕТЬ: все, что вам нужно знать о ЦВЕТЕ… менее чем за 3 минуты

Важно знать, как подбирать цвета, но когда вы оптимизируете доступность, нужно подумать не только о теории цвета и композиции.

ГОРЯЧАЯ ПОДСКАЗКА : функция фирменного комплекта Venngage позволяет автоматически импортировать фирменные цвета и фирменные шрифты в ваш дизайн.

Вы также можете использовать инструмент выбора цвета Venngage, чтобы легко переключать различные цвета, особенно полезный инструмент для работы с дальтониками.

 Палитра, удобная для дальтоников - редактор "width =" 641 "height =" 588 "/> </p>
<p> <noscript> <img class= Как создавать диаграммы с палитрой, не допускающей дальтонизма

1.) Заранее спланируйте свою цветовую схему

Использование дружественной палитры дальтоников не означает, что вам нужно идти на компромисс в эстетике или убирать весь цвет из ваших диаграмм. Планируя заранее, вы можете обеспечить, чтобы дружественная к дальтоникам палитра дополняла ваш дизайн, а не противоречила.

 Цветовая палитра, удобная для слепых "width =" 1125 "height =" 597 "/> </p>
<p> <noscript> <img class= ИСТОЧНИК ИЗОБРАЖЕНИЯ

Даже с помощью такого инструмента, как Venngage, который может резко сократить количество часов, необходимых для создания инфографики, он все же идеально подходит для уточнения вашей цветовой схемы, прежде чем вы погрузитесь и начнете новый проект.

В конце концов, если выяснится, что ваши цвета не особенно подходят для дальтоников, а доступность важна для вас, лучше узнать это, прежде чем вы потратите немало времени и усилий на дизайн.

Если вы не уверены, с чего начать, эти дальтоники могут быть полезны для быстрого определения того, как ваши цвета будут преобразовываться в различные формы дальтонизма:

 Цветовая палитра для слепых "width =" 661 "height =" 569 "/> </p>
<p> <noscript> <img class= ИСТОЧНИК ИЗОБРАЖЕНИЯ

Еще лучше, мы собрали несколько универсальных палитр для дальтоников:

 Цветовая палитра, удобная для слепых "width =" 816 "height =" 3329 "/> <noscript> <img class= ИСПОЛЬЗОВАТЬ ЭТОТ ШАБЛОН

ГОРЯЧИЙ СОВЕТ: Если вы застряли, попробуйте использовать инструмент, такой как Coblis, бесплатный симулятор дальтоников, который даст вам лучшее представление о том, как ваши изображения будут выглядеть людям с дальтонизмом.

2.) Избегать проблемных цветовых комбинаций

Еще одна причина, по которой вы должны заранее спланировать свою цветовую схему, это то, что вы можете избежать использования проблемных цветовых комбинаций, некоторые из которых могут сделать ваши диаграммы или инфографику полностью недоступными для дальтоников.

Цветовые комбинации, которых следует избегать для людей с дальтонизмом, включают:

  • Красный и зеленый
  • Зеленый и коричневый
  • Зеленый и синий
  • Синий и серый
  • Синий и фиолетовый
  • Зеленый и серый
  • Зеленый и черный

Если вы застряли и обязательно должны использовать одну из этих комбинаций, попробуйте настроить оттенки так, чтобы один был очень темным, а другой — очень светлым — большинство дальтоников могут обнаружить контраст, поэтому это, вероятно, приведет к все проще.

 Палитра, удобная для дальтоников - Проблемные цвета "width =" 816 "height =" 6500 "/> <noscript> <img class= ИСПОЛЬЗОВАТЬ ЭТОТ ШАБЛОН

3.) Используйте очень контрастные цвета

Как упоминалось ранее, контрастность не является проблемой для большинства людей, страдающих дальтонизмом. Затемните и осветлите свои цвета соответственно, чтобы сделать контраст более выраженным. Вы также можете играть с разными оттенками, а также с уровнями яркости и насыщенности.

 Палитра, удобная для дальтоников - шаблон "width =" 816 "height =" 1056 "/> <noscript> <img class= ИСПОЛЬЗОВАТЬ ЭТОТ ШАБЛОН

4.) Использовать узоры и текстуры

Использование шаблонов и текстур в вашем дизайне — отличный способ включить визуальные элементы в ваш дизайн, которые не зависят от цвета.

 Палитра, удобная для дальтоников - гистограмма "width =" 768 "height =" 458 "/> </p>
<p> <noscript> <img class= ИСТОЧНИК ИЗОБРАЖЕНИЯ

В редакторе дизайна Venngage есть библиотека шаблонов, которые можно использовать для улучшения дизайна и повышения его доступности.

 Редактор Venngage - паттерны "width =" 194 "height =" 502 "/> </p>
<p> <noscript> <img class= ИСПОЛЬЗОВАТЬ ЭТОТ ШАБЛОН

Подсказка : библиотека Venngage содержит более 4000 значков, которые можно использовать для повышения доступности инфографики и диаграмм.

 Палитра, удобная для дальтоников - icons "width =" 222 "height =" 537 "/> </p>
<p> <noscript> <img class= ИСПОЛЬЗОВАТЬ ЭТОТ ШАБЛОН

 Палитра для слепых - шаблон "width =" 893 "height =" 445 "/> <noscript> <img class= ИСПОЛЬЗОВАТЬ ЭТОТ ШАБЛОН

7.) Держите ваш дизайн в чистоте и простоте

Когда вы разрабатываете для обеспечения доступности, важно, чтобы ваша инфографика была максимально простой и оптимизированной. Принятие минималистического подхода поможет обеспечить более легкое понимание ваших презентаций независимо от того, является ли ваша аудитория дальтоником.

Основные приемы использования палитр, удобных для дальтоников

Оптимизация инфографики и диаграмм для людей, страдающих дальтонизмом, важна как для доступности, так и для инклюзивности. Также возможно обойтись без ущерба для эстетического качества процесса.

Следующие меры могут помочь гарантировать, что дальтоники действительно могут участвовать в ваших проектах:

  • Выбор палитр, удобных для дальтоников
  • Избегание проблемных цветовых комбинаций
  • Использование различных текстур и узоров для выделения важной информации, а не только цвета
  • Использование символов и значков для дополнения сообщений, предупреждений и предупреждений с цветовой кодировкой
  • Использование сильно контрастных цветовых комбинаций
  • Принятие минималистического дизайна, чтобы избежать ненужной путаницы.

Объединение всех этих элементов поможет сделать ваши проекты более доступными для дальтоников. В конце концов, чем больше людей вы сможете взаимодействовать, тем более результативной будет ваша работа.

Похожие записи в блоге:

6 способов использовать значки инфографики как профессионал
Что нужно и чего не нужно выбирать в цвете инфографики
Как подобрать цвета, чтобы увлечь читателей и эффективно общаться

Google с открытым исходным кодом Cardboard SDK, чтобы сохранить его

Задолго до того, как Google представил Daydream и впоследствии оставил его мертвым в воде, компания создала платформу Cardboard. Вы можете использовать картонные гарнитуры в качестве сверхнизкого бюджета для виртуальной реальности и по сей день, и они совместимы практически с любым телефоном регулярной формы на рынке. Сейчас Google открыл исходный код VR SDK, который позволит заинтересованным…

Королевская академия хочет, чтобы посетители переосмыслили окружающую среду через дизайн

Eco-Visionaries опирается на различные творческие практики в попытке найти решения для экологического кризиса. Автор Генри Вонг 5 ноября 2019 года 15:06 5 ноября 2019 года 17:36 Новая выставка в Королевской академии объединяет творческих людей — в областях искусства, архитектуры и дизайна — и представляет их ответы на продолжающийся климатический кризис. Выставка под названием «Эко-визионеры» является…

ЭЙ! перемещает, чтобы сосредоточиться на «чудесах японской кухни»

Сеть японских ресторанов обновила свой бренд и представила новые возможности для розничной торговли, стремясь «оставаться актуальными». Автор Генри Вонг 29 октября 2019 года 17:02 30 октября 2019 года 11:39 YO! был пересмотрен консалтинговой компанией Zag в попытке «изменить бренд на все более конкурентном рынке». Обновление бренда включает в себя такие активы, как дизайн меню, упаковка…

5 советов, чтобы начать / Финансы / Сайты и биржи фриланса. Обзоры фриланс бирж. Новости. Советы. Фриланс для начинающих. FREELANCE.TODAY

Пассивный доход — это деньги, которые вы продолжаете зарабатывать на продукте или услуге при минимальном количестве обслуживания или вовсе без него. И хотя для начала требуется выполнение определенной работы, план получения пассивного дохода может стать отличным дополнением к потоку доходов дизайнера. Есть так много вещей, которые вы можете сделать — создать дизайн электронной книги или…