Сервис для
сео - оптимизаторов

Найди ошибки на сайте
Ошибки мешают продвижению сайта
Исправь ошибки на сайте
Сайт без ошибок продвигать легче
Получи новых клиентов
Новые клиенты принесут больше прибыль

Модные веб-палитры и дизайн материалов Цветовые схемы и инструменты

  1. 1. 20 сайтов дня с великолепными цветовыми схемами
  2. 2. Цвет в материальном дизайне: теория и инструменты
  3. Идеальная палитра: как дизайн материала облегчает цвет
  4. Материал Цвета
  5. Палитра материалов
  6. Материал UP: Цвета
  7. 3. Полезные инструменты для создания и понимания цветовых палитр
  8. Coolors
  9. Стилизовать меня
  10. Adobe Color CC
  11. Paletton
  12. Color-Hex

Несколько недель назад, Мэтт Десло @mattdesl , графический программист, работающий в Jam3 , показал нам интересную разработку, осуществленную на нашей платформе. Как вы уже знаете, Awwwards собирает информацию о наиболее значимых веб-сайтах с 2009 года, что делает нас важным источником для анализа тенденций веб-дизайна.

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

Мэтт разработал инструмент, который запрашивает каждую страницу галереи победителей Awwwards, а затем ищет в HTML все доступные метаданные, такие как имя сайта, автор, дата, URL, миниатюра и т. Д. Пиксели RGB каждой миниатюры анализируются для получения грубого цвета. палитра из 3 основных цветов.

Несколько недель назад, Мэтт Десло   @mattdesl   , графический программист, работающий в   Jam3   , показал нам интересную разработку, осуществленную на нашей платформе

Результатом является блестящая визуализация данных, в которой каждый сайт представлен в виде круговой диаграммы, показывающей распределение его трех основных цветов. Визуализация была выполнена с использованием Canvas2D. Мэтт также использовал множество инструментов с открытым исходным кодом, в том числе Node.js , d3.js , здор`ово , а также Browserfy ,

.........

1. 20 сайтов дня с великолепными цветовыми схемами

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

Указанный список должен включать самый последний SOTM

# c0dfd9 # e9ece5 # b3c2bf # 3b3a36

УРОВЕНЬ

По Vide Infra По Vide Infra

# edd9c0 # c9d8c5 # a8b6bf # 7d4627

Brdr. Крюгер

Релакс, мы хорошие парни Релакс, мы хорошие парни

# dddfd4 # fae596 # 3fb0ac # 173e43

QED Group

Мадео Мадео

#feffff # 98dafc # daad86 # 312c32

Тай

По denkwerk По denkwerk

# 6534ff # 62bcfa # fccdd3 # bbc4ef

Crea Carte

По Dataveyes По Dataveyes

# 16174f # 963019 # f6f1ed # 667467

Bonhomme

Bonhomme Bonhomme

# 262216 # 49412c # 97743a # b0a18e

Хорошо легендарный

По инструменту и Y & R NY По инструменту и Y & R NY

#bccbde # c2dde6 # e6e9f0 # 431c5d # e05915 # cdd422

Антон и Ирэн

Антон и Ирина, студия Олега Чулакова

.........

2. Цвет в материальном дизайне: теория и инструменты

Как и следовало ожидать, в последнее время появилось множество цветовых инструментов, основанных на Философия дизайна материалов что Google представил в I / O 2014 , Это была самая важная тенденция в последнее время, и именно поэтому мы составили список ресурсов, которые помогут вам понять и реализовать цветовые оттенки, предоставленные нам Material Design.

Идеальная палитра: как дизайн материала облегчает цвет

Цветовой дизайн материала. Цвет должен быть неожиданным и ярким.

Материал Цвета

Палитра материалов

Материал UP: Цвета

.........

3. Полезные инструменты для создания и понимания цветовых палитр

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

Coolors

Coolors - это интуитивно понятное приложение, которое позволяет нам просто создавать комбинации цветов, обмениваться палитрами и даже экспортировать их в различные форматы, такие как SVG, PDF или SCSS.

http://coolors http://coolors.co

Стилизовать меня

Stylify me предоставляет нам основы руководства по стилю сайта, включая цвета, шрифты, размеры и интервалы.

http://stylifyme http://stylifyme.com

Adobe Color CC

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

https://color https://color.adobe.com

Paletton

Дизайнерский инструмент для создания цветовых комбинаций, которые хорошо работают вместе.

http://paletton http://paletton.com/

Color-Hex

Color-hex - это интересный инструмент, который помогает нам выбирать монохроматические цвета, триадные цвета, аналогичные цвета или оттенки. Это позволяет нам визуализировать нашу палитру в различных цветовых моделях, таких как RGB, HSL, HSV и CMYK. Он также генерирует код CSS для выбранного цвета с предлагаемыми комбинациями для текста, теней, фона и т. Д. Http://www.color-hex.com/

http://www.color-hex.com