Как стать автором
Обновить

Palette-Digital Artist – компьютер-палитра

Чулан
Перед вами – очередной участник конкурса на лучший компьютерный дизайн NextGen PC Design Competition, устраиваемого компанией Microsoft.
Palette-Digital Artist — это концепт планшетного компьютера, созданного специально для художников, дизайнеров и других людей, близких с искусству. В его основу положен принцип палитры, которыми пользовались художники с незапамятных времён.
«Палитру» можно будет подключать к компьютеру, внешнему экрану или другой периферии по беспроводному интерфейсу. Основная «фишка» устройства — рабочая поверхность, оборудованная фотооптическими датчиками с возможностью распознавания цветов.

больше фото
Всего голосов 10: ↑7 и ↓3 +4
Просмотры 729
Комментарии 6

Палитры цветов у 33 сайтов

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

Процесс анализа палитры показался мне интересным и я провел анализ еще 33 сайтов, которые посещаю периодически и чаще всего. Ниже я хотел бы поделиться с теми, кому это интересно, результатами анализа.
Читать дальше →
Всего голосов 68: ↑60 и ↓8 +52
Просмотры 2.9K
Комментарии 61

Простой способ создания цветовой схемы(палитры)

Веб-дизайн *
Добрый день, друзья, хочу поведать вам один секрет, который помогает мне быстро и правильно найти цветовую схему для сайта.Прошу строго не судить, возможно, некоторые из вас знают этот прием, но вот мой друг, не знал, а когда я поведал ему, как легко найти цвета для цветовой схемы сайта – он был поражен простотой решения. Я не претендую на уникальность, либо открытие нового метода, просто я это знаю, и мне это помогает.
Для того чтобы нам создать цветовую схему. Нам понадобится такая хорошая программа, как Adobe Photoshop, причем подойдет практически любая версия. Особых знаний работы с фотошопом для этого т.с. трюка не НАТО, все делается буквально в пару кликов.
Читать дальше →
Всего голосов 132: ↑125 и ↓7 +118
Просмотры 13K
Комментарии 38

VIRTUO — электронная палитра

Дизайн
image

Минчанка Яна Климова придумала, как сделать процесс рисования на планшете более интересным и «приближенным к реальности». Ее электронная палитра VIRTUO дает возможность почувствовать себя всамделишним художником. Принцип действия устройства понятен из иллюстраций: светодиодные краски смешиваются на сенсорном экране, а от размера стилуса-кисточки зависит то, как будет выглядеть линия…
Читать дальше →
Всего голосов 36: ↑34 и ↓2 +32
Просмотры 1.1K
Комментарии 23

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

Чулан

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



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

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

Читать дальше →
Всего голосов 39: ↑38 и ↓1 +37
Просмотры 2.5K
Комментарии 4

Интерфейс выбора цвета

Интерфейсы *
В недавно вышедшем Photoshop CS5 к закладкам Color и Swatches (1) и диалогу (2) добавился так называемый HUD Color Picker (3):

Средства для работы с цветом в Adobe Photoshop

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

Разумеется, тут есть над чем работать. Собственно, наличие нескольких разных палитр/диалогов в самом Photoshop намекает на то, что там не все гладко и продуманно. Ниже я хочу показать пример интерфейса работы с цветом, который мог бы во многом заменить все эти разрозненные контролы и даже привнести что-то новое.

Вот как это выглядит:

Цветовое колесо

А вот как это работает
Всего голосов 120: ↑101 и ↓19 +82
Просмотры 5.1K
Комментарии 70

Кластеризация палитры изображения и сжатие в формате PNG

Алгоритмы *
Из песочницы

Аннотация


В данной статье читателю предлагается опыт разработки алгоритма сжатия изображения, хранящегося в формате PNG. Сжатие осуществляется за счет квантования палитры с использованием классификатора К–внутригрупповых средних. Приводится исходный код алгоритма, написанный на языке Java. Указываются проблемы и дальнейшие пути улучшения алгоритма.
Читать дальше →
Всего голосов 47: ↑46 и ↓1 +45
Просмотры 13K
Комментарии 38

Пять бесплатных инструментов для выбора цветовой схемы сайта

Веб-дизайн *
Перевод
Один из самых важных факторов при создании уникального и узнаваемого дизайна — цвет. Грамотный выбор цветовой схемы может определить успех или провал сайта. Когда посетитель бросает первый взгляд на веб-страницу, то выбранные вами цвета посылают ему мгновенное сообщение об этой странице. К счастью, существует много инструментов, которые помогут выбрать правильную цветовую схему. Вот пять лучших из них.
Читать дальше →
Всего голосов 148: ↑134 и ↓14 +120
Просмотры 225K
Комментарии 41

Создание игры на ваших глазах — часть 4: Шейдер для fade in по палитре (а-ля NES)

Программирование *Разработка игр *Unity *
Tutorial
Сегодня я расскажу о реализации шейдера, позволяющего сделать fade in/out по палитре, как это делалось в старых NES-играх и т.п.

Суть состоит в том, что при наличии ограниченной палитры цветов нельзя было постепенно затемнить (или наоборот вывести из темноты) картинку, т.к. просто напросто не существовало нужных цветов в палитре. И это решалось путем использования разных цветов, которые воспринимаются как более темные. То есть нужно вам сделать fade in желтого объекта, а в палитре нет темно-желтых оттенков — вот и приходится сначала делать объект синим (выглядит темным), потом — красным и т.п.

Ниже я покажу, как выглядит конечный вариант написанного шейдера:



Сразу только оговорюсь — применять или нет подобный шейдер в нашей игре, мы еще не решили. Так как выглядит он на современном пиксель-арте с большим количеством цветов, немного спорно.
Читать дальше →
Всего голосов 20: ↑16 и ↓4 +12
Просмотры 21K
Комментарии 10

«Томат» против #FF6347 — трагикомичная история названий цветов в CSS

Блог компании ua-hosting.company Веб-дизайн *
Перевод

Просто рыжий кот. Или он цвета #FFCC33?

В разделе «Named Colors» в последней спецификации CSS размещен перечень из сто сорок одного стандартного цвета. Каждый из них имеет не только код, но и свое название. И это не только «черный», «белый» и знакомые всем нам оттенки, но и такие цвета как «лимон шифон», «коралловый» и «шоколадный».

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

Эта история берет начало в 1980-х годах в Массачусетсе. Изначально, цвета CSS были продуктом X Window System (X), графического пользовательского интерфейса (GUI), распространенного в MIT с 1984 года. В июне 1986 был сформирован первый список цветов этого GUI, после настройки его для работы на терминале VT240. Список включал в себя шестьдесят девять основных цветов и оттенков, которые записывались ста тридцатью восьмью способами с учетом регистра (то есть «darkred» и «DarkRed» были разными цветами).
Читать дальше →
Всего голосов 58: ↑56 и ↓2 +54
Просмотры 38K
Комментарии 59

Цвет в дизайне

Блог компании ua-hosting.company Веб-дизайн *Работа с векторной графикой *
Нет надобности расписывать, как важен цвет в дизайне. Удачное цветовое решение — это уже половина успеха проекта. В помощь развивающимся дизайнерам — немного теории цветового круга и подборка ссылок на полезные ресурсы.



Базовый цветовой круг пригодится в выборе наиболее подходящего сочетания цвета (или поможет гармонично совместить между собой определенные оттенки). Он изображает базовые и известные еще со школы правила смешивания основных цветов: красного, синего и желтого. Если смешать красный и желтый — получится оранжевый, синий и желтый дадут зеленый, а красный с синим — фиолетовый. Оранжевый, зеленый и фиолетовый — это вторичные цвета. Третичные цвета, как красно-фиолетовый и фиолетово-синий, получены от смешивания основных с вторичными.

Читать дальше →
Всего голосов 31: ↑25 и ↓6 +19
Просмотры 70K
Комментарии 10

Какие цвета используют самые популярные сайты

Веб-дизайн *Графический дизайн *


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

Цвет существенно влияет на показатели продаж в интернете и посещаемости сайтов в целом. Почти половина пользователей формируют мнение о веб-сайте на основе его дизайна. Цветовая гамма играет здесь далеко не последнюю роль.

Дизайнер Пол Хеберт проанализировал 10 популярных сайтов. Он собрал статистику распределения цветов, используемых на главной странице сайта и в таблице стилей.
Читать дальше →
Всего голосов 27: ↑21 и ↓6 +15
Просмотры 25K
Комментарии 11

Две палитры пластика детям в радость

Блог компании Даджет 3D-принтеры DIY или Сделай сам Медгаджеты Будущее здесь
Recovery mode
Tutorial
Первый гаджет-обзор нового года является продолжением к последнему прошлого — тесту 3D-ручки . К ней пришла вторая палитра пластика, и меня попросили сделать дополнительное сравнение материала двух типов — PLA и Watson.



3D-ручка — это такой ручной художественный вариант 3D-принтера и работает с тем же расходником — филаментом. Это пластик, сформованный в виде проволоки, и он бывает двух основных типов — PLA и Watson. Компания Даджет предлагает оба варианта, удобно собранных в разноцветные палитры, откуда их удобно подавать в саму ручку.
Всего голосов 20: ↑11 и ↓9 +2
Просмотры 5.2K
Комментарии 2

3D-ручка 3Dali Plus и наборы пластиков для нее: «Палитра» PLA и «Палитра» Watson

Блог компании Даджет 3D-принтеры DIY или Сделай сам Медгаджеты Будущее здесь
Recovery mode
Tutorial
Внимание! Последний в этом году гаджет-обзор, вы еще можете успеть купить эту штуку кому-нибудь в подарок!



Что такое 3D-ручка? Это почти как 3D-принтер, только в качестве привода – ваша рука. Лично мне в руки такая штука попала впервые, границы ее применимости были для меня смутными, так что я открывал ее для себя сам, хотя планировал использовать в качестве подарка детям.
Всего голосов 17: ↑14 и ↓3 +11
Просмотры 11K
Комментарии 18

Полигоны Another World

Разработка игр *Реверс-инжиниринг *
Перевод

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


Хорошим выбором для этого мог бы стать DOOM. Мегахит 1994 года от id Software был портирован на всё, что только можно. Игра спроектирована вокруг ядра, чётко разделённого на слои. Обычно легко найти и прочитать реализацию шести подсистем ввода-вывода.


Другим выбором могла бы стать Another World 1991 года от Эрика Шайи, в Северной Америке более известная под именем Out Of This World. Я бы сказал, что на самом деле её интереснее изучать, чем DOOM, из-за полигональной графики, подходящей для диких оптимизаций. В некоторых случаях хитрые трюки позволяли игре работать на оборудовании, созданном за пять лет до выхода игры.



Всего голосов 53: ↑52 и ↓1 +51
Просмотры 11K
Комментарии 10