converlab

Дизайн. Юзабилити. Конверсия.

Written by: Дмитрий Наумов on 09.09.2010 @ 1:52 пп

Выбор правильного цвета порой решает на сколько удачным получится дизайн в целом. Я бы не сказал что одно лишь грамотное цветовое решение способно «продавать» или существенно повышать конверсию трафика (хотя и такое бывает), но «неправильное» может испортить дело точно. Вопрос цвета очень многогранный, я открыл эту тему в посте о влиянии цветов на восприятие, сегодня решил собрать небольшую подборку веб-инструментов для работы с цветом.

Chir.ag

chirag

chir.ag

Chir.ag — проект который дает возможность определить цвет по названию. Ну, например, вам нужно узнать что представляет собой цвет «Indigo». Нет ничего проще — заходите на Chir.ag, находите в выпадающем списке Indigo, получаете не только образец цвета, но и его «состав» (в данном случае, #4F69C6).

ColoRotate

colorotate

Colorotate

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

PaletteMan

paletteman

paletteman

PaletteMan — еще один сервис для работы с палитрами. Не такой продвинутый и навороченный как ColoRotate, но кому-то этого и нужно. В вашем распоряжении два десятка базовых палитр, которые можно по-своему модернизировать.

CheckMyColours

checkmycolours

checkmycolours

CheckMyColours — очень любопытный сервис который оценивает цветовую гамму сайта в целом. Укажите адрес вашего сайта и CheckMyColours проведет ревизию стилей. Оценивается контраст, разность яркостей (в принципе, это и есть контраст, в данном случае просто он представлен по разному – в абсолютных и относительных величинах) и цветовых вхождений. После проверки CheckMyColours выдаст список ошибок.

Luminosity Colour Contrast Ratio Analyser

luminositycontrastratio

luminosity contrast ratio analyser

Luminosity Colour Contrast Ratio Analyser — более аскетичный инструмент нежели тот о котором рассказывалось выше. Его основная задача — оценивать насколько контраст двух цветов удовлетворяет требованиям грамотного дизайна. Вы указываете значения цветов и получаете результат. Требования по минимальным величинам контраста можно посмотреть там же.

Это далеко не все инструменты которые я нашел, скорее их малая часть, поэтому продолжение обязательно последует.

Popularity: 3% [?]

Поделиться в соц. сетях

0

Tags: ,

Catogories: Дизайн, Инструменты