https://blog.infotanka.ru/tags/cveta/ E2 (v3239; Aegea) https://blog.infotanka.ru/all/vopros-otvet-kak-vybrat-cvetovuyu-shemu/ https://blog.infotanka.ru/all/vopros-otvet-kak-vybrat-cvetovuyu-shemu/ https://blog.infotanka.ru/all/vopros-otvet-kak-vybrat-cvetovuyu-shemu/ <p>На прошедшем курсе мой коллега <a href="http://devg.ru/">Дима Тихвинский</a>, который обучал ребят основам D3.js, между делом прочитал неожиданно крутую лекцию про цвета. Для меня выбор цветов для визуализации всегда был головной болью, поэтому я с радостью поделюсь димиными секретами и отвечу на свой собственный вопрос:</p> <div style="background-color: #fff6c7; padding: 15px; padding-left: 35px; width:300px; margin-bottom:20px;"><p>Как выбрать цветовую схему?</p> </div><div class="e2-text-picture"> <a href="http://colorbrewer2.org" class="e2-text-picture-link"> <img src="https://blog.infotanka.ru/pictures/Untitled-7.png" width="700" height="432" alt="" /> </a></div> <p>Самое полезное открытие — набор палитр <a href="http://colorbrewer2.org" class="nu">«<u>Колорбрюер</u>»</a>. Он поддерживается в D3.js и часто используется в визуализациях, созданных с помощью этой библиотеки. В набор входят приятные монохромные и разноцветные палитры для отображения качественных и количественных параметров. Для числовых массивов, расходящихся в обе стороны от нуля, подобраны градиенты с белым цветом посередине шкалы. Майк Босток собрал <a href="http://bl.ocks.org/mbostock/5577023">все палитры вместе</a>:</p> <div class="e2-text-picture"> <a href="http://bl.ocks.org/mbostock/5577023" class="e2-text-picture-link"> <img src="https://blog.infotanka.ru/pictures/q.png" width="700" height="367" alt="" /> </a></div> <p>Интересно было узнать <a href="http://hclcolor.com/">о преимуществах цветового пространства HCL</a> для визуализации данных и сравнить между собой <a href="http://bl.ocks.org/mbostock/3014589">градиенты в разных пространствах</a>:</p> <div class="e2-text-picture"> <a href="http://bl.ocks.org/mbostock/3014589" class="e2-text-picture-link"> <img src="https://blog.infotanka.ru/pictures/Untitled-6.png" width="700" height="355" alt="" /> </a></div> <p>Ещё один полезный инструмент — <a href="http://tristen.ca/hcl-picker/#/hlc/6/1/21313E/EFEE69">HCL-пипетка</a>.</p> <p>Дима рассказал <a href="http://vis4.net/blog/posts/avoid-equidistant-hsv-colors/">о проблеме искуственных палитр</a>, советовал почитать психологический трактат <a href="http://ru.wikipedia.org/wiki/%D0%9B%D1%8E%D1%88%D0%B5%D1%80,_%D0%9C%D0%B0%D0%BA%D1%81">Макса Люшера</a> «Сигналы личности» и <a href="http://www.ozon.ru/context/detail/id/19379132/" class="nu">«<u>Искусство цвета</u>»</a> Иоханнеса Иттена о закономерностях цветовой гармонии и конструирования. И если психологические теории цвета лично у меня не вызывают доверия, то вторая книга точно достойна внимания.</p> <p>Делитесь в комментариях своими «цветовыми» рецептами!</p> Mon, 27 Jan 2014 21:34:53 +0300