Як часто ви дивилися на щось перед собою, і думали: «яке дивовижне поєднання кольорів»? Напевно, не один раз. Якщо ви при цьому так чи інакше пов'язані з дизайном, то з чималою ймовірністю ви б хотіли використовувати побачений набір квітів в якійсь зі своїх робіт. Саме тому компанія Adobe випустила додаток, яке раніше називалося Kuler, а днями оновилося і отримало нове ім'я Adobe Color CC.
Останнє оновлення iOS-продуктів Adobe явно є найбільшим за всю історію і дозволяє зрозуміти, що подальше майбутнє своє компанія пов'язує чітко з - всі продукти отримали букви CC в назві і поліпшили свою інтеграцію з хмарою. Тепер велика частина додатків розділена на «компаньйонів» Illustrator та «компаньйонів» Photoshop, що виразилося в зміні кольорів і назвах додатків. Практично всі програми безкоштовні, якщо ви купили підписку на Creative Cloud, таким чином, Adobe дає всі більше причиндля оформлення цієї самої підписки. Але повернемося до Colors CC.
.
Досить багатьом він вже відомий, але хто чує про даний сервіс вперше, даний пост для вас.
Adobe Kulerявляє собою колірний мікшер з можливістю створення, редагування, експорту різних колірних палітр, які можна використовувати в таких програмах як Adobe Photoshop, Illustrator та ін.
Можливо, багато хто з вас вже стикалися з проблемою підбору потрібної кольорової палітри для свого проекту. В цьому випадку можна скористатися цим цікавим інструментом.
Крім створення власних колірних палітр Adobe Kuler надає можливість використовувати вже створені палітри. Вони розташовані в розділі «Explore». Там же можна відсортувати їх по популярності і тд.
Розділ «Explore» онлайн-сервісу Kuler
Щоб скористатися всіма можливостями сервісу необхідна реєстрація, на щастя, вона безкоштовна. досить мати обліковий запис(Adobe ID) на сайті adobe.com.
При роботі в Adobe Photoshop також можна використовувати розширення Kuler. В останніх версіях Adobe Photoshop він присутній за замовчуванням. Включити його можна через Вікно -> Розширення -> Kuler. (Window -> Extensions -> Kuler).
Ось так виглядає вікно даного розширення в програмі Adobe Photoshop:
Вікно Adobe Kuler в програмі Photoshop
Подібних Adobe Kuler інструментів досить багато. Є і онлайн-сервіси та десктопні програми, які можна завантажити та встановити на свій комп'ютер.
Перевагою ж Kuler перед десктопними версіями є зручність використання. Навіть якщо доведеться встановлювати заново операційну системуна вашому комп'ютері, можна не турбуватися, що створені колірні палітри зникнуть, а вони будуть збережені в вашому кабінеті на сайті Adobe.com.
Сподіваюся, що ця стаття додасть в ваш арсенал корисних сервісівще один інструмент для створення ваших проектів.
Я думаю всім читачам і без того зрозуміло, що кольори не повинні дратувати, вони повинні бути не контрастними в роботі з основними дозволами моніторів відвідувачів, і т.п. нісенітниця, яка вже не раз обсмоктувати на інших блогах. Я не буду повторювати їх слова, досить погуглити.
Про що ж я все таки буду писати? Про кілька сервісах-міксерах - підбирачах адекватних для відвідувача квітів, що є безсумнівно корисним інструментом в роботі юзабілістов. Кольори, безсумнівно, дуже важливий інструмент в досягненні більшої зручності на сайті, що яскраво доводить на собі приклад Яндекса. Наприклад - то ж колірне розмежування блоків, які я мимохідь описав в замітці про ідеальних формах, і збираюся найближчим часом зайнятися продовженням цього питання.
ColorSchemer Studio
Що таке міксер? Це, якщо по-простому, змішувач. Неважливо чого, але в моєму випадку це кольори - адже для того, щоб отримати який-небудь колір потрібно створити комбінацію з декількох інших. Отже - нам потрібен хороший, і зручний інструмент для цього самого змішування, причому з обов'язково інтуїтивним інтерфейсом, і купою примочок, реалізованих в цьому самому інтерфейсі, який інтуїтивний. Ми ж юзабілістов, ага.
Щоб мої думки знайшли під собою підставу - я заглянув в википедию, щоб подивитися - що вона видасть мені за визначенням «міксер» (. Отже, що ми там маємо:
міксер- малий побутовий приладпризначений для збивання яєць, приготування напоїв, мусів, омлетів, рідкого тіста і т.п. Міксери бувають стаціонарні і ручні (більш поширені пристрої).
Дуже ... дуже вичерпну відповідь на настільки конкретний запит. Щоб надалі у інших людей не було проблем - я створив визначення Колірний міксер.
У першій частині цієї серії статей я розповім про програму ColorSchemer Studioвід однойменної компанії, яка була першопрохідцем у створенні подібних продуктів, кількість яких вже перевалило за кілька десятків, в найрізноманітніших видах
На скріншоті нижче можна поглянути на найголовніший інструмент програми - колірне колесо. Саме в ньому ми будемо проводити більшу частину свого перебування в даній програмі. Використовується він просто - достатньо вибрати колір, і він покаже найбільш підходящі, і контрастні кольори для нього. Все просто.Це стартовий інструмент, за яким зазвичай витікає найбільше кількість часу - адже сусідній колір може сподобається більше, а у нього (у сусіднього то пак) ще кілька більш сумісних. Загалом - краса, а не інструмент.
Інструмент «Кольорові гармонії» допомагає нам побачити етапи переходів між двома основними кольорами. Причому видає цей інструмент 2 види можливих переходів - темний, і світлий. Зручно.
Кольори з кращого сумісністю
У цьому інструменті все просто до неподобства - вибираємо колір, і програма видає нам кольору, які найкращим чиномпідходять для того, щоб використовувати їх разом з оригіналом. Зауважу, що самі по собі ці кольори можуть бути і не дуже гарними, але ось у використанні разом з іншими 5ю - виходять дійсно красиві речі.
Photoschemer
Цікава, і нова функція у програми - взяти з фотографії кілька кольорів, і згенерувати на їх базі сумісні. Вбиваємо двох зайців - на фотографіях в більшості випадків природні кольори, які не викликають відторгнення. Як можна побачити з скриншоту - кольору дійсно хороші, і не пробують з'їсти наш мозок.
колірної міксер
Знову найпростіший, і інтуїтивно зрозумілий інструмент - завантажуємо два різні кольори, І отримуємо різноманітні пропорції від їх змішування. Чесно кажучи - я жодного разу цей інструмент не використовував за непотрібністю. Хоча сподіваюся комусь він все таки буде потрібно, інакше б він не був у складі програми. Можливо художникам?
Аналізатор колірних поєднанням
Уявімо собі, що колірну добірку ми вже зробили, тепер потрібно пожинати плоди. Аналізатор поєднань двох кольорів - фоновий і текстовий. Тобто це найкращий інструмент для юзабілістов - підібравши колір фону можна миттю отримати його найкраще поєднання для тексту. Супер адже.
швидке превью
Мало того, що програма підбере з вашою допомогою гарні кольори, так вона ще й допоможе їх в правильному порядку розташувати на сторінці. Використовуються, до речі, психологічні методи для цього інструменту, що цікаво саме по собі.
печатка
Після того як ми зберегли свою іменну колірну палітру - можливо буде потрібно її роздрукувати? І це легко зробити за допомогою інструменту Print Your Color Schemes. Цим же інструментом можна перегнати отримані результати в pdf - відмінна можливість, якщо враховувати, що pdf стандартизировали.
Імпорт та експорт
Крім друку було б непогано мати можливість імпортувати і експортувати кольору з того ж Photoshop. І нам знову дають цю прекрасну можливість. Ось список, які сумісні з можливістю імпорту-експорту програми.
імпорт:Організувати імпорт можна з будь-якої сайтовой CSS (ну нічого собі ...), gif зображення, файлу колірних таблиць (.act), і кольорової палітри photoshop (.aco)
експорт:Експортувати можна назад в будь-яку CSS, або html body атрибути, в gif зображення, колірну палітру photoshop, файли колірних таблиць, колірну палітру illustrator (боже, і сюди дісталися), Adobe Fireworks, і в Corel Painter
Досить об'ємний список, чи не так?
Також в програму входить понад-зручна піпетка в якості бонусу. Її речі можна скачати окремо безкоштовно.
Ціна
На жаль і ах - але за програму вимагають грошенят, що цілком логічно - продукт адже відмінний. Коштує вона 49 доларів в обох варіаціях - як для Windows, так і для MacOS (я думаю, багато хто вже перелякалися, дивлячись на скріншоти, що користувачів windowsзалишили за бортом. На щастя це не так).Щоб протестувати програму можна скористатися 15-денною trial-версією, але буде заважати попап при старті програми.
готові поєднання
А тепер саме смачненьке - на сайті програми просто МОРЕ отличнейших колірних рішень. Дерзайте!
Онлайнова версія ColorSchemer Studio
висновки
Купувати програму звичайно варто (її зрозуміло можна і зламати, але це особиста справа кожного). ColorSchemer Studio надає море можливостей для юзабілістов, графічних дизайнерів, і навіть художників. Початківцям теж варто її радити, адже вона допоможе нам уникнути монстрів з непереможними квітами.
У першій статті ми з'ясували що таке колірний міксер, і з чим його потрібно їсти для більшого збільшення апетиту на прикладі програми ColorSchemer Studio. Безсумнівно хороша річ, але платна, а я вирішив сьогодні присвятити статтю безкоштовного, і web-based інструменту від компанії Adobe, які також як і компанія ColorSchemer вчасно просікли про те, чого не вистачає дизайнерської братії. Отже зустрічайте - Adobe Kuler.
Ця замітка буде не в приклад менше, ніж попередня, але не менш корисна. Чому менше? Тому що веб-сервіси як би не старалися, а дорости до повноцінної програми поки не можуть - отже - менше можливостей, але зручніше. Ще один безперечний плюс - Kuler зберігає результати в вашому Adobe ID - тобто в разі зміни вашими операційними системами, або постійних змінах комп'ютера (робота-дім, будинок і робота) - все буде доступно, якщо на комп'ютерах є інтернет. Що набагато зручніше, ніж возити на флешці готові палітри з ColorSchemer Studio.
колірної міксер
У порівнянні з програмою на комп'ютері - веб сервіси явно поступаються в можливостях, але не так вже й сильно як раніше. Тут є все, що потрібно, і навіть трохи зверху.
На відміну від ColorSchemer Studio, де роль міксера безсоромно виконує колірне колесо (color wheel) - тут з цим обов'язком справляється якийсь колірної боченок. Щонайменше у мене асоціації були саме такі - ми заважаємо кольору в бочці, при цьому дивимося на цю саму бочку зверху. В принципі - зовсім не утруднює, і навіть швидше за все полегшує завдання - очікуваний колір можна отримати набагато швидше.
А можна і не отримати. На жаль при всьому видимому зручності - я часто ловлю себе на думці, що знаю приблизно який колір хочу, але не знаю як його отримати - і тут Kuler робить в своєму інтерфейсі найбільшу підлість - не знаючи колірних кодів, і не розібравшись в механіці сервісу - очікуваний колір отримати досить важко.
На щастя розробники з Adobe Labs знають свою роботу добре, тому до кілька дивним інтерфейсу звикаєш швидко.
Готові колірні рішення
У найперший раз коли потрапляєш на - видається красивий рейтинг кращих, на думку відвідувачів, палітр - вибрати можна відразу їх і з ними ж продовжити роботу. Плюси зрозумілі - далеко ходити не потрібно, все вже готово на поличці.
З мінусів хотілося б сказати тільки одне - кулер досить популярний сервіс, і вибравши кольору з першій десятці є ризик зустріти «колірного клона» свого майбутнього сайту. Тобто найкраще рішення- це все таки створити свій унікальний збірник, благо це зручно.
уже готові рішенняможна відсортувати за кількома способами:1. за оцінкою- пояснювати в принципі нічого - видаються кращі збірники квітів за версією користувачів Кулера, які ви, до речі, теж можете оцінити і подивитися детально.
2. за популярністю- наскільки я зрозумів в даному розділі видаються самі Популярні колірні рішення. Мені здається, що цей рейтинг не набагато відрізняється від сортування за оцінкою, адже переважна більшість людей далі другий-третій сторінки кулера не піде.
3. нові- якщо ви тільки що створили свою унікальну палітру, і хотіли б щоб її хтось побачив і скачав, крім вас - цей розділ саме для таких як ви. Тут публікуються найновіші колірні палітри. З мінусів - щохвилини створюється більше 20 палітр, тому загубитися можна і тут.
Створивши своє рішення ви теж можете додати його на сайт.
експорт
На жаль імпорту в самому сервісі немає, тобто поліпшити вже готову палітру вашого сайту не вийде. Вийде лише тільки заново їх відтворити. На щастя експорт тут в наявності і дозволяє перенести готові результати в будь-який з інструментів Adobe лінійки CS2 і CS3. Молодці. На жаль тут немає експорту в Corel, і інші програми, відмінні від Adobe зі зрозумілих причин.висновки
Як і будь-який веб-рішення якоїсь задачі інструмент трохи програє у функціональності своїм програмним побратимам, але зате виграє в зручності і швидкості отримання результату. Рекомендую використовувати даний сервіс в разі того, якщо ви часто міняєте свій комп'ютер, ваші кольори розміщені в інтернеті нікуди від вас не дінуться. Для тих же, у кого проблеми з перенесенням даних немає - рекомендую все ж скористатися платним програмним аналогом - ColorSchemer Studio.