Pull to refresh
  • by relevance
  • by date
  • by rating

Kuler

Lumber room
Интересное приложение из недр Adobe Labs. Позволяет создавать цветовые палитры и обмениваться ими, а так же умеет работать с файлами Adobe Swatch Exchange (.ASE). Для работы с кулером (по-русски, наверное лучше сказать колером) необходим Flash Player 9.0.28.0. Однако, для того чтобы не просто «поиграть» с приложением, а начать его реально использовать, необходимо зарегистрироваться на сайте Эдоби.
Total votes 10: ↑6 and ↓4 +2
Views 315
Comments 0

Опубликовано руководство по дизайну Веб 2.0

HTML *


На дизайнерском сайте Web Design From Scratch опубликовано подробное руководство по дизайну Веб 2.0. Это руководство представляет собой список из 15 дизайнерских приемов, которые чаще всего используются на сайтах нового поколения, с конкретными примерами и скриншотами.
Читать дальше →
Total votes 76: ↑70 and ↓6 +64
Views 4K
Comments 35

матричная революция…

Lumber room
Известная компания производитель цифровой аппаратуры-Kodak представила революционное достижение в технологии производства съёмочных матриц, благодаря которому тёмные, смазанные цифровые снимки навсегда останутся в прошлом. Светочувствительность съёмочных матриц Kodak, изготовленных по новой технологии, выше в 2—4 раза (на 1—2 ступени экспозиции), чем у современных матриц обычной конструкции. Служа «глазами» цифровых камер, съёмочные матрицы преобразуют свет в электрические заряды, начиная тем самым процесс цифровой фиксации изображения.
Новое достижение двигает вперёд существующую технологию Kodak, которая стала стандартом в цифровой фотографии. На данный момент большинство съёмочных матриц строятся с так называемой «байеровской структурой», определённой порядком красных, зелёных и синих пикселов, впервые разработанной в 1976 г. учёным данной Kodak доктором Брайсом Байером. В новой структуре половина пикселов матрицы используется для улавливания зелёного света, в то время как остальные пикселы делятся поровну на чувствительные к красному и синему.В конце, после съёмки программа восстанавливает полный цветовой сигнал для каждого пиксела конечного изображения.
Новая технология добавляет «чистые» пикселы к красным, зелёным и синим элементам, образующим структуру съёмочной матрицы. Поскольку такие пикселы чувствительны к абсолютно всем длинам волн видимого света, то они воспринимают намного больше света, падающего на матрицу. Новое расположение пикселов в сочетании с программными алгоритмами Kodak, оптимизированными для новых структур, предоставляет пользователям повышение светочувствительности, напрямую, позволит улучшить эффективность фотокамер при съёмке в условиях плохой освещённости. Новая технология Kodak позволяет применять более короткие выдержки (чтобы уменьшить смазывание при съёмке движущихся объектов), а также разрабатывать матрицы с пикселами меньшего размера (следовательно, повышать разрешение при данном оптическом формате).
Компания Kodak начинает работать с рядом ведущих компаний, чтобы воплотить в жизнь новую технологию абсолютно во всей системе, а также оптимизировать сам процесс конструирования. Ожидается, что первая матрица Kodak, использующая новую, передовую технологию, станет доступна для опытно-конструкторских работ в первом квартале 2008 г.
Total votes 5: ↑3 and ↓2 +1
Views 216
Comments 3

Цветовое разнообразие от Nissan

Lumber room
Компания Nissan к 2010 году собирается начать выпуск автомобилей со специальным полимерным покрытием, которое позволит менять цвет авто буквально одним нажатием на кнопку.

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

Без воздействия тока, впрочем, машина с таким полимерным покрытием будет просто белой. Также не известно, насколько подобный подход к окраске авто отразиться на их общей стоимости. Но сама по себе идея довольно и интересна и заслуживает коммерческой реализации.

via Engadget
Total votes 25: ↑21 and ↓4 +17
Views 296
Comments 31

Цветовая схема и гамма

Lumber room
Статья будет полезна всем владельцам страничек в интернете — это и личные сайты и блоги (дневники). Написано, что бы помочь справиться с дикими сочетаниями цветов, сопровождающих, практически, каждый второй ресурс. Секретом не будет, что правильный подбор цветов, для того же сайта, играет ключевую роль в восприятии.

В статье:

В первой части:

  • Вводная информация.
  • Таблица базовых цветов и RGB-значений цвета.

Во второй части:

  • Обзор сайтов-микшеров по подбору правильных сочетаний.
  • Обзор очень полезной программы в этом деле — ColorPic.
 

Часть 2:

В прошлом посте (Часть 1 (!!! не Хабрахабр!!!)) я написал о цветах, таблицы базовых цветов и тд. Разобраться в этом не просто. И подбирать правильно желательные цвета с ходу бывает сложно. Для выполнения этих действий есть целая серия веб-сайтов-микшеров, о которых я собираюсь сейчас рассказать. Работают эти сервисы по простому принципу: вы выбираете один цвет, который вам хочется видеть в вашей работе, а сервис подбирает остальные.

kuler.adobe.com

Этот сервис работает имено так. Выбираете и настраиваете один цвет, другие настраиваются соответственно. kuler_adobe Есть раздел с отсортированными наборами цветов по рейтингу популярности. А так же с новыми палитрами. kuler_adobe2 http://kuler.adobe.com/
Читать дальше →
Total votes 44: ↑42 and ↓2 +40
Views 825
Comments 24

Цветовые миксеры. ColorSchemer Studio vs Adobe Kuler

Interfaces *


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

О чем же я всё таки буду писать? О нескольких сервисах-миксерах — подборщиках адекватных для посетителя цветов, что является несомненно полезным инструментом в работе юзабилиста. Цвета, несомненно, очень важный инструмент в достижении большего удобства на сайте, что ярко доказывает на себе пример Яндекса. Например — то же цветовое разграничение блоков, которые я мимоходом описал в заметке о идеальных формах, и собираюсь в ближайшее время занятся продолжением сего вопроса.

Читать дальше →
Total votes 30: ↑26 and ↓4 +22
Views 25K
Comments 31

Влияние цвета на отдачу с рекламы

Display advertising Design
Влияет ли цвет контекстовой рекламы на CTR(click through rate) и если да, то насколько? Примерно год назад я проводил эксперимент и пожертвовал отдачей с рекламы в течении двух недель, чтобы разобраться в этом.

Читать дальше →
Total votes 65: ↑62 and ↓3 +59
Views 1.4K
Comments 35

Эффективный цветовой контраст. Дизайн для людей с частичными проблемами зрения и восприятия цвета

Interfaces *Accessibility *
Translation
Здесь упоминаются три основных правила эффективного выбора цветов, которые хорошо воспринимаются практически всеми. Далее приводятся объяснения трех свойств цвета в человеческом восприятии — тона, яркости и насыщенности — в контексте науки о зрении.

Читать дальше →
Total votes 33: ↑31 and ↓2 +29
Views 4.9K
Comments 19

kuler делает Flickr

IT-companies
Translation


Adobe kuler — веб-приложение для создания и обмена наборами цветов, получило возможность итеграции с сервисом Flickr, для создания набора цветов на основе изображений. Чтобы попробовать, намжите кнопку Create (Создать) слева, затем выберите From an Image (Из Изображения). Следом за кнопкой для загрузки ваших снимков, вы найдете кнопку Flickr которая позаоляет просматривать и искать ваши изображения или расшаренные чужие. Как на скриншоте.

Другие нововведения:
— просмотр тем по времени (за посление 7 дней, последние 30 дней, все дни), для большего покрытия пользовательского контента.
— описание цветовой темы теперь включает режим More Info в котором вы можете выбрать аватар, и получить прямую ссылку на тему, для размещения в блоге, отправке по e-mail или по IM.
Total votes 15: ↑9 and ↓6 +3
Views 368
Comments 1

Графика в LaTeX. Часть II

LaTeX *
В конце прошлого года я опубликовал статью, посвящённую графике в LaTeX. Сегодня вот наконец собрался написать продолжение. Из-за объёма материала пришлось разбить статью на несколько частей.
В этой статье вы узнаете как импортировать растровую и векторную графику.
Читать дальше →
Total votes 35: ↑31 and ↓4 +27
Views 55K
Comments 38

Использование цвета в LaTeX

LaTeX *
Сегодня я хочу вам представить ещё одну статью, посвящённую графическим возможностям издательской системы LaTeX. На сей раз речь пойдёт о цвете. Чаще всего эти возможности LaTeX игнорируются, так как доля цветных публикация довольна мала. К тому же чрезмерное использование цвета может только навредить — пёстрый многоцветный документ трудно читать и смотрится он малопривлекательно. Но умелое использование цвета может очень способствовать восприятию контента: выделение заголовков, подзаголовков, цитат, важных частей текста и даже ячеек таблиц помогает быстро уловить суть, не вчитываясь в подробности.
Так что кому стало интересно, жмём по ссылке:
Читать дальше →
Total votes 17: ↑16 and ↓1 +15
Views 53K
Comments 8

50 монохромных образцов дизайна web-сайтов

Web design *
Translation
Выбор цвета является ключевым элементом для успеха любого дизайна. Он определяет атмосферу и задает настроение. Один из способов отображения цвета, использование только оттенков, который называется монохроматической цветовой схемой.

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

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

В этой статье мы рассмотрим 50 монохроматических вариантов дизайна, сайты разбиты на категории в зависимости от преобладающих цветов, которые они используют (все варианты кликабельны).

Монохромные варианты дизайна
Total votes 98: ↑77 and ↓21 +56
Views 12K
Comments 58

Как подобрать цвет для оформления своей работы

Design
Эдвард Тафти в Envisioning Information упоминает об одном способе выбора цветовой палитры для оформления. Он говорит, что очень хорошо использовать цвета окружающего нас мира. Человеку должны быть приятны те сочетания цветов, которые окружают его в природной приятной обстановке в солнечный день.

Решив попрактиковаться, я взял несколько своих мыльничных фотографий, потыкал в них пипеткой и покрасил получившимися цветами маленький бессмыссленный шаблон.

Вот погожий зимний пейзаж



Под катом еще фотографии, а если вам интересен Тафти, у меня на сайте есть ссылки на его книги и примеры из них.

Читать дальше →
Total votes 86: ↑81 and ↓5 +76
Views 1.8K
Comments 43

Как видят мир дальтоники?

Health
Если уж делать алгоритм распределения внимания по изображению, то делать нужно по уму, а значит, жизненно важно становится определять «силу цвета».

Цветовосприятие


Ощущение цвета зависит от сигнала, поступающего в мозг от S, M и L колбочек. Вместе с тем, некоторые цвета, определяемые человеком, ощущают сразу несколько видов колбочек и именно из-за этого некоторые цвета кажутся ярче, чем другие, одинаковые по тону и насыщенности.


сone-response

Интересно, а как выглядели бы цвета, если сила восприятия их была бы одинакова с насыщенностью? Отвечая на этот вопрос, я написал программку, иллюстрирующую взаимоотношения цвета и восприятия. И вот результаты её работы:

Цветовая мишень: оригинал, пост-процессинг.
Другая цветовая мишень: оригинал, пост-процессинг.


Но приведённые изображения показывают результат только для полного цветового зрения. Интересно, а как смотрят на мир дальтоники?

Дальтонизм


А дальтоники бывают разные: дальтонизм возникает в основном из-за нехватки колбочек определённого типа. В случае нехватки колбочек двух типов, цвета вообще не различаются, мир выглядит монохроматическим, как на чёрно-белой фотографии. А вот в случае дефицита колбочек одного из типов S, M или L возникает ситуация неразличимости некоторых цветов.

Попробуем-ка промоделировать, основываясь на данных цветочувствительности колбочек, восприятие дальтоников!

Честно признаюсь, данные модели не калиброваны. В идеале, дальтоник не должен ощущать существенной разницы между оригиналом и результатом моделирования. Но ради того, чтобы представить, как – любопытно же? :)

На картинках – изображения после нормализации силы восприятия цвета. Мишени и скриншоты — мои, а фотографии взяты с сайтов отсюда, отсюда и отсюда.

Оригиналы:


Читать дальше →
Total votes 69: ↑66 and ↓3 +63
Views 2.1K
Comments 139

Про дальтонизм и моделирование цветовосприятия

Lumber room
Как выяснилось в обсуждении предыдущего поста про дальтонизм, модель зрения с недостатком красных и зелёных колбочек была не слишком точна.

За прошедшие три недели я три раза переписывал алгоритм, моделирующий нарушения цветового зрения, каждый раз проверяя результаты на реальных дейтанопах (недостаток «зелёных» колбочек) и протанопах (недостаток «красных» колбочек). И теперь я готов поделиться с вами результатами своих изысканий. :)

И так, целью моделирования на самом деле было даже не картинка-результат, а создание алгоритма, который позволяет сказать, насколько, скажем, красный цвет воспринимается сильнее синего. Попутно было выяснено, что некоторые сервисы, моделирующие потерю цветового зрения на самом деле просто смещают a-b коэффициенты в CIE Lab модели и проверка на реальных дальтониках показала, что результат, выдаваемый ими далёк от позитива :)

Из-за этого пришлось вернуться к теории и провести детальную работу по моделированию работы сетчатки глаза при восприятии цветов.

Читать дальше →
Total votes 24: ↑24 and ↓0 +24
Views 1.3K
Comments 16

ТрактатЪ о силе цвета

Lumber room

Что такое сила цветовосприятия?



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

Технически это связано с силой сигнала, поступающего в мозг от S, M и L колбочек: тона, близкие к жёлтому воспринимаются одновременно S и M рецепторами, а тона, близкие к красно-фиолетовому (маженте) – M и L.
Cамым ярким тоном по восприятию является красно-оранжевый, чуть менее яркими воспринимаются жёлто-зелёные и красно-фиолетовые тона. Явными аутсайдерами являются синие и лазурные тона: они по интенсивности в 3,5 и 5 раз слабее, чем самый яркий тон.

Читать дальше →
Total votes 39: ↑38 and ↓1 +37
Views 2.5K
Comments 4

Какой цвет у Вселенной?

Popular science
Какой цвет у Вселенной? Или, если быть точным, видимой части неба? Этот вопрос возник, когда бравые американские учёные исследовали распределение звёзд в соседних галактиках. Ответ таков:

image


Похоже, что это оттенок бежевого (Beige: #F5F5DC ) цвета. Чтобы найти его, учёные усреднили цвета одного из наиболее многочисленных наборов галактик — обзор 2dF, который состоит примерно из 200 000 объектов. Конечно же получившийся усреднённый спектр даёт излучение во всех диапазонах, однако воспринять мы можем только один. Этот «Цвет Вселенной» стал менее голубым за последние 10 миллиардов лет. Это может означать только одно: красных звёзд становится больше.

Среди претендентов на название цвета были «skyvory» (дословный перевод «небесная кость»), univeige («космологический беж»), а победителем стало название «cosmic latte» — «космическое кофе c молоком».

Конечно же, технические характеристики:

Hex triplet:	#FFF8E7
RGB:				255, 248, 231
HSV:				42°, 9%, 100%
CMYK:				0%, 2%, 9%, 0%


По мотивам картинки дня.
Total votes 72: ↑56 and ↓16 +40
Views 821
Comments 74

Как достичь профессионального вида с помощью цвета

Design
Translation
image

Что заставляет дизайн выглядеть скоординированным, спланированным и профессиональным? Ответ: 'цвет'.

Далеко не каждый проект нуждается в использовании мягкого корпоративного синего цвета для того, чтобы выглядеть профессионально. Планирование цвета означает создание структуры, которая бы описывала, какие использовать цвета и как их использовать. Цвет — самый неподдающийся элемент дизайна. «Хороший» цвет жестко связан с такими неуловимыми вещами как личный вкус и интуиция, и, в то же время, с технической позиции с калибровкой монитора и контрастом.

Но цвет просто необходим для контента. Если Вы уделите вебсайту достаточно времени для его совершенства, то читатели вероятно уделят достаточно времени его просмотру. Хороший выбор цвета сделает это возможным.

В этой статье мы будем делать обзор некоторых методик, чтобы достигнуть красивого сочетания цвета для Ваших проектов в сети.
Читать дальше →
Total votes 194: ↑167 and ↓27 +140
Views 5.9K
Comments 38

Значение цветов в различных культурах

Lumber room
image
Все знают, что в различных культурах цвета могут восприниматься по разному — представляю перевод инфографика, который описывает значения цветов для разных культур.
Читать дальше →
Total votes 31: ↑21 and ↓10 +11
Views 474
Comments 15

Цвета в web-дизайне: Выбор правильного сочетания для вашего сайта

Web design *
Sandbox
Цвета в web-дизайнеЦвет, безусловно, является важным источником эмоции. Цвета могут устанавливать правильный тон и передавать необходимые эмоции посетителям, могут взволновать, вызвать множество чувств и стимулировать к действиям. Он является чрезвычайно мощным фактором воздействия на пользователей.
Читать дальше →
Total votes 117: ↑106 and ↓11 +95
Views 356K
Comments 57