Material Design на русском. Часть 15 — Применение цвета в UI | by Ruslan Sharipov | Jan, 2021

Базовый цвет для списков и прочих поверхностей, таких как нижний список действий (англ. bottom sheets), боковая навигационная панель (navigation drawer), различные меню, диалоговые окна и карточки — белый. Эти компоненты конечно же могут включать и другие цвета для создания контраста между другими поверхностями. Контраст просто может явно показать края у поверхности, чтобы показать высоту например…

Палитра 2021: все цвета года в одной подборке

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

Цвета Pantone 2021 года: идеальный серый и светящийся

Свет в конце туннеля: Pantone ищет заземления и поддержки на 2021 год, объявляя о выпуске дуэта PANTONE 17-5104 Ultimate Gray (представьте промышленную бетонную плиту) и PANTONE 13-0647 Illuminating (теплый мягкий желтый закат) в качестве цвета (ов) года в 2021 году.

 цвет pantone 2021 года "width =" 810 "height =" 558 "/> 
 
<figcaption> через Pantone </figcaption></figure>
<p> <span style= Только однажды эксперты Институт цвета Pantone когда-либо награждал этот престиж двумя цветами (в 2016 году, чтобы признать гендерную изменчивость). Сейчас это похоже на медаль; после подобных 2020, черт возьми, 2021 заслуживает этого.

Первоначально предсказывалось, что это будет год затишья в Classic Blue, t его прошлый год был самым бурным из всех, что только можно представить, и, возвращаясь к нему, я чувствую головокружение и резкость. . Тем не менее, причудливые взлеты и (в основном) спады изоляции служат прекрасным примером того, насколько ненасытно вышел из-под контроля этот год. Выносливость, сила и оптимизм вытащили нас сквозь кожу зубов, и именно эти три черты мы приписываем серому и желтому цвету 2021 года.




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




— Леатрис Эйсман, исполнительный директор Pantone

 Образец цвета Pantone 2021 "width =" 1980 "height =" 890 "/> 
 
<figcaption> Via Pantone </figcaption></figure>
<p> <span style= С одной стороны, Ultimate Grey кажется твердым и непроницаемым и мрачный. С другой стороны, у нас есть более светлый, обнадеживающий и актуальный Светящийся желтый. Объедините эти два, и вы увидите теплую стойкость в выборе цвета Pantone.

Не только это, но и отражение происходящего в мире событий. Это тональное сочетание охватывает серьезность продолжающейся борьбы, такой как движение Black Lives Matter и приказы о домоседстве, и в то же время подтверждает надежду, связанную с недавними всемирными объявлениями, которых мы все ждали: существует множество вакцин против COVID готов к распространению в ближайшие месяцы.

 Фотография целевой страницы Black жизней материи "width =" 2000 "height =" 1125 "/> 
 
<figcaption> Через Black Lives Matter </figcaption></figure>
<p> <span style= Как и другие бедствия в настоящее время подавляющее нас (изменение климата, системный расизм и т. д.), кажется, что пройдет вечность, прежде чем мы выйдем на другую сторону, но мы каким-то образом знаем, что добьемся этого.

Это то странное человеческое чувство, сочетание тяжелого страха и болезненного позитива, которое скрывается за выбором Pantone серого и желтого цветов на 2021 год: год, чтобы собраться вместе, собрать кусочки и по большей части оценить наши шанс с нетерпением ждать…

… а для нас это означает начинать с дизайна!

Вот несколько прекрасных примеров дизайна, демонстрирующих, как выглядят Illuminating и Ultimate Grey в действии.

 Мотивационная цитата на серо-желтой печатной публикации "width =" 1932 "height =" 1058 "/> 
 
<figcaption> Автор goopanic </figcaption></figure>
<figure data-id=  Серо-желтый иллюстрированный дизайн логотипа "width =" 1708 "height =" 486 "/> 
 
<figcaption> Автор Hawnit_Studio </figcaption></figure>
<figure data-id=  Желтый логотип напечатан на серых рекламных материалах" width = "1920" height = "1084" /> 
 
<figcaption> Лукас Матеус Виа Беханс </figcaption></figure>
<figure data-id=  Желто-серый плакат "width =" 2018 "height =" 1340 "/> 
 
<figcaption> Автор Wedge Studio Via Behance </figcaption></figure>
<figure data-id=  печатная выставочная брошюра с иллюстрациями "width =" 1872 "height =" 1184 "/> 
 
<figcaption> Масаоми Фудзита / тегусу Виа Беханс </figcaption></figure>
<figure data-id=  Желтая танцующая иллюстрация "width =" 1600 "height =" 1200 "/> 
 
<figcaption>автор Fran Pulido Via Dribbble </figcaption></figure>
<div class=

Хотите больше красок в своей жизни?
Получите оптимистично мощный желто-серый дизайн!

Лучшие умные лампочки (2020): окружающее освещение, комплекты, цвета и многое другое

Если вы что-нибудь как я, Вы провели детство в мечтах об огнях, которыми можно управлять, хлопая в ладоши. Идея Клаппера была блестящей — больше не нужно вставать с кровати, чтобы нажать на выключатель! (Вы все еще можете его купить.) Но с тех пор технологии прошли долгий путь. Теперь вы можете управлять освещением, устанавливать таймеры и…

Как правильно выбирать цвета пользовательского интерфейса для мобильного и веб-дизайна

Цвет не добавляет приятного качества дизайну — он усиливает его. Pierre Боннар Дизайн любого веб-сайта или приложения — это создание эстетически приятного и функционального продукта, который удовлетворял бы потребности всех пользователей (или решал их проблемы). Выбор цвета всегда был одним из основных ингредиентов тщательно проработанного дизайна пользовательского интерфейса. Это может существенно повлиять на то, как…

Цвета: как видят пользователи с дальтонизмом и цветовой слабостью

При создании графиков и диаграмм не обойтись без использования разных цветов. Мы в Datawrapper уже много писали о цвете. В процессе работы очень легко забыть тех пользователях, которые не могут различать цвета так же хорошо, как и вы (особенно если вы лично с ними не знакомы). Нужно ли о них вообще беспокоиться? На этот вопрос не так легко ответить. Количество читателей с дальтонизмом (цветовой слепотой) разнится в зависимости от местности, возраста, пола и типа слепоты.…

Цвета: как видят пользователи с дальтонизмом и цветовой слабостью

При создании графиков и диаграмм не обойтись без использования разных цветов. Мы в Datawrapper уже много писали о цвете. В процессе работы очень легко забыть тех пользователях, которые не могут различать цвета так же хорошо, как и вы (особенно если вы лично с ними не знакомы). Нужно ли о них вообще беспокоиться? На этот вопрос не так легко ответить. Количество читателей с дальтонизмом (цветовой слепотой) разнится в зависимости от местности, возраста, пола и типа слепоты.…

Как подбирать цвета для фото

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

Основы психологии цвета

Если вы сделали какой-либо дизайн, вы, по крайней мере, немного знаете о цветовой психологии с точки зрения ассоциаций между цветами и эмоциями. Красный = страстный, синий = успокаивающий и так далее. Мы знаем, что желтый — игривый оттенок, но w hy — желтый, такой вздымающийся? Соблазнительно сказать «это просто так», но это слишком легко объяснить.…

Лучшие цвета для оформления сайта: палитры из кино

Один из первых вопросов, который встает перед созданием сайта — какие цвета выбрать для дизайна. Ведь они влияют не только на внешний вид и стиль, но и на успех с точки зрения продолжительности посещения и продаж. Лучшие цвета для оформления сайта Цвета для сайта на тему мода и красота Спорт, хобби и развлечения Бизнес и…