Підбираємо кольори для візуалізації даних: інструменти

Поговоримо про інструменти, які допоможуть у виборі ідеальних кольорів для візуалізації даних.

➡ ➡ ➡ Читайте попередню частину туторіала.

color_choices

Коли мова заходить про пошук ідеальної кольорової схеми для візуалізації даних, ми рекомендуємо знайти схему, яка вже існує. Це не означає, що вам не потрібно мати сильне розуміння основ вибору кольору, бо навіть наявні кольорові схеми повинні бути налаштовані для даних, які ви використовуєте. Іншими словами, це все-таки важливо, щоб ви мали розуміння того, як правильно підбирати колір.

Давайте перевіримо кілька інструментів, які допоможуть вам почати у:

1) Colorpicker for Data

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

2) Color Hunt

Якщо ви просто шукаєте попередньо зроблену кольорову схему для перегляду, Color Hunt – це інструмент для вас. Цей сайт присвячений тільки колоровим схемам, що дозволяє легко отримати і розкрити HEX коди.

Однак є обмеження, яке полягає в тому, що кожна зі схем має лише чотири кольори. Якщо даних вимагає більше відтінків, цей інструмент не підійде.

3) Designspiration.net

Designspiration.net дасть вам тисячі прикладів графіки для натхнення, але він також дозволяє сортувати дизайни за кольором.

Це відмінний інструмент для візуалізації даних (навіть якщо презентація не заснована на даних), тому що він показує, як кольори виглядають один відносно іншого. Інструмент кольорового сортування також дає вам HEX коди, що дає можливість легко підібрати потрібну вам комбінацію.

4) FlatUIColorpicker.com

Як частина бекоштовного набору інструментів для UI Designmodo, вони створили інструмент, щоб допомогти вам розкрити кольори для використання в процесі дизайну. Хоча ці кольори не обов'язково є частиною схем попередньо зроблених, вони дійсно чудові для показу вам яскравих, насичених кольорів, які використовуються для дизайну користувацького інтерфейсу. Ви можете легко переглядати їхні кольорові списки і створювати свої власні кольорові схеми за допомогою палітри кольорів.

5) Adobe Color CC

Класичний інструмент для ів, які використовують продукти Adobe, Adobe Color CC дозволяє створювати свої власні кольорові схеми з використанням математичної моделі на основі схем (монохромних, аналогових, тріадних і так далі). Adobe Color CC також має великий розділ де можна знайти готові кольорові схеми.

Що робити, якщо ви все ще не можете знайти, що вам треба?

Що робити, якщо ви вирішите, що ви дійсно шукаєте унікальну кольорову схему, якої немає серед готових?

Створення кольорової схеми для візуалізації даних з нуля може бути доволі складним, тому що кольори, які ви використовуєте повинні або показувати величезний контраст або природну прогресії.

Відмінний спосіб знайти натхнення для цих типів кольорових схем – шукати в своєму оточенні. Це можуть бути кольорові фото, фреска, захід, або що-небудь з природи. Якщо ви озирнетеся навколо, щоб знайти кольорові схеми, які звертаються до вас у вашому фізичному оточенні, ви можете використовувати їх, щоб створити кольорову схему для віртуального.

Якщо у вас є гарне око, ви навіть будете у змозі створити кольорову схему таким чином, шляхом методу проб і помилок. Проте, більш імовірно, що знадобиться інструмент, як Adobe Capture CC або Chroma by Softpress, щоб захоплювати кольори з зображень, для використання у своїх проектах.

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

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

Засвоївши те, як підбирати кольори для візуалізації даних не баріться із практикою 😉

kazhut-dyzajnery-ne-vmiyut-pysaty-5

Залишити відповідь