Как стать автором
Обновить
  • по релевантности
  • по времени
  • по рейтингу

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

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



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

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

Мои правила дизайна хорошего интерфейса

Веб-дизайнИнтерфейсыUsability
image

В этой статье я привожу примеры основных принципов или концепций, которыми руководствуюсь при проектировании десктопных интерфейсов. Не планирую выступать новатором или поучителем, но с радостью поделюсь набором установок, который помогает мне в работе.
Читать дальше →
Всего голосов 59: ↑55 и ↓4+51
Просмотры95K
Комментарии 27

Цветной зазор

Я пиарюсь
ColorLuft — это компьютерная программа. Её предназначение подмечать разницу между непосредственным восприятием цвета и тем, какой цвет припоминается. Принцип работы довольно прост. Вгрузить картинку, внимательно её рассмотреть и нажать кнопку «Start» (внизу справа). Затем, двигая ползунки, попытаться восстановить исходную картинку. Для получения результатов надавить кнопку «Results» (появится вместо «Start»). Ничего суперсложного и сверхъестественного.

image

Читать дальше →
Всего голосов 20: ↑16 и ↓4+12
Просмотры6.2K
Комментарии 18

Цветовая палитра от мастеров живописи: Color Lisa

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

Приложения наподобие Color CC (еще его называют Kuler) и сайты типа ColourLovers дали нам возможность сохранять для себя и попутно делиться с остальными любимыми палитрами. К счастью, достаточно много подобных ресурсов, которые помогают в работе. И мне хочется добавить еще один — Color Lisa.



Читать дальше →
Всего голосов 24: ↑22 и ↓2+20
Просмотры13K
Комментарии 8

Об относительной яркости, или насколько живучим бывает легаси

Обработка изображенийIT-стандарты
Я уверен, что многим программистам знакома формула:

Y = 0.299 R + 0.587 G + 0.114 B

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

Вычисляет она относительную яркость цвета (relative luminance или в некоторых контекстах luma; не путать с lightness и brightness) и широко применяется для преобразования цветного RGB-изображения в Grayscale и связанных с этим задач.

Формула растиражирована и процитирована в тысячах статей, форумных обсуждений и ответов на StackOverflow… Но дело в том, что единственно-правильное её место — на свалке истории. Использовать её нельзя. Однако же используют.

Но почему нельзя? И откуда же взялись именно такие коэффициенты?
Мини-экскурс в историю
Всего голосов 87: ↑87 и ↓0+87
Просмотры34K
Комментарии 128

Маленькие дизайн-алгоритмы против большого тлена

Блог компании HeadHunterИнтерфейсыUsabilityДизайн мобильных приложенийПрототипирование


Никогда не поздно пить “Боржоми”. Даже если кажется, что RGB уже никогда не станет ярче, пользователи не начнут понимать тебя с полупикселя, а стену “ВКонтакте” никто возвращать не собирается. Выход есть — надо бежать!
Читать дальше →
Всего голосов 32: ↑16 и ↓160
Просмотры4.9K
Комментарии 25

Вы ни черта не понимаете в цветах

UsabilityГрафический дизайн

Это все розовый

Я думаю многие сталкивались с ситуацией, девушки пытаются убедить нас, что совершенно очевидно, что цвет ее белья вовсе не черный, а очевидно ониксовый или обсидианово-дымчатый. При том, что там явно #000000ff или максимум #080808d5, если белье слегка прозрачное. Или вдруг та же девушка внезапно решает перекрасить стены и начинает мечтательно описывать всю красоту оттенков, которые она хотела бы получить. И вы погружаетесь вместе с ней в чудесный мир лавандовых стен и пытаетесь определиться со шторами. То ли цвет пенящейся морской волны, то ли кораллово-бирюзовый. Где-то на этом этапе вы начинаете тоскливо смотреть на стену, размышляя о том, какой оттенок придаст ей ваш мозг после хорошего разбега.



Я решил разобраться в том, что за странные картины роятся в голове у других, когда мы произносим «нежно-зеленый» или «золотисто-лаймовый». Естественно, все это вылилось в бесчеловечные эксперименты на живых людях, которым я выдал Inkscape, рисунок выше и попросил заполнить квадраты цветами.
Читать дальше →
Всего голосов 107: ↑98 и ↓9+89
Просмотры67K
Комментарии 466

7 способов использования синего в цветах вашей фирмы

Блог компании ЛогомашинаРабота с векторной графикойГрафический дизайн
image

Эта статья о том как использовать синий цвет в логотипе и фирменном стиле. Мы собрали самые популярные оттенки и сочетания синего, вы узнаете, где их применяют чаще всего и какого эффекта можно добиться с их помощью. Эта статья будет полезна всем, кто использует синий в дизайне своего проекта или еще думает, какой цвет выбрать.
Читать дальше →
Всего голосов 17: ↑15 и ↓2+13
Просмотры15K
Комментарии 12

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

Блог компании Логомашина
image

Мы уже писали о том, как использовать синий цвет в дизайне и фирменном стиле вашей компании. Теперь настала очередь красного. Вы узнаете, какие преимущества дает использование этого цвета в фирменном стиле, с какими цветами он сочетается лучше всего. Cтатья поможет выбрать бренд-цвет и, с его помощью, улучшить свой проект.
Читать дальше →
Всего голосов 24: ↑11 и ↓13-2
Просмотры6.2K
Комментарии 4

Цвет в дизайне интерфейсов: инструкция по применению

Блог компании Я люблю ИПВеб-дизайнИнтерфейсыГрафический дизайн
Перевод


Как создать чистый интерфейс, используя всего лишь один цвет? Вы узнаете из этой статьи. Перевод «Я люблю ИП».


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


У меня есть другое мнение на этот счёт: теория цвета бесполезна.


Но если теория цвета не является прочной основой для выбора цвета в дизайне интерфейсов, то что тогда является?


Вот вам мой ответ: модификация цвета. Всё дело в небольших изменениях цвета, а не в их выборе из цветового круга.


Другими словами: основным навыком в придании цвета дизайну интерфейсов является умение модифицировать один основной цвет во множество различных вариаций.


Я знаю, что это звучит немного странно. Но послушайте меня, я дам вам практическую инструкцию для адаптации цвета в вашем дизайне.


Вы готовы? Тогда поехали.

Читать дальше →
Всего голосов 57: ↑56 и ↓1+55
Просмотры49K
Комментарии 24

Цвет: от шестнадцатеричных кодов до глаза

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


Почему мы воспринимаем background-color: #9B51E0 как этот конкретный фиолетовый цвет?



Долгое время я думал, что знаю ответ на этот вопрос. Но хорошенько поразмыслив, осознал значительные пробелы в своих знаниях.
Читать дальше →
Всего голосов 104: ↑104 и ↓0+104
Просмотры44K
Комментарии 26

Хамелеон меняет цвет при помощи нанокристаллов

Научно-популярное


Швейцарские учёные из женевского университета установили, каким образом хамелеон меняет цвет своей кожи. Оказалось, что животное пользуется комбинированным методом смены окраса. Частички его кожи имеют несколько пигментных цветов, и в то же время он использует структурную окраску для увеличения вариантов расцветок.
Читать дальше →
Всего голосов 32: ↑30 и ↓2+28
Просмотры15K
Комментарии 7

CRI: у меня для вас плохие новости

Блог компании LampTestГаджетыКомпьютерное железо
Все, кто разбирался с качеством света светодиодных ламп и все, кто читал мои статьи о светодиодных лампах, знают о таком параметре, как индекс цветопередачи (CRI, он же Ra). Считается, что у качественного света для жилых помещений CRI должен быть не меньше 80.

Недавно я столкнулся с лампой, CRI у которой был вполне приличным — 83.4, но она давала очень неприятный зеленоватый свет.


Я попытался разобраться, что с ней не так.
Читать дальше →
Всего голосов 79: ↑78 и ↓1+77
Просмотры98K
Комментарии 125

Почему от 3D болит голова / Часть 2: Дискомфорт из-за качества видео

Научно-популярноеAR и VRМозгЗдоровье

Why 3D is so painful?




Это вторая статья из серии «Почему от 3D болит голова». В первой части речь шла в основном про проблемы кинооборудования. Во второй части речь пойдет про общие проблемы контента. Что такое «вырви глаз»-сцены? Какими они бывают? Почему они попадают даже в блокбастеры? Также очень важный аспект субъективное восприятие. В набравшем наибольшее количество плюсов комментарии к первой статье серии, автор пишет: «Фильм «в триде» чаще всего имеет 2-3 сцены, где это самое «триде» заметно, обычно именно для этого и снятые, а в остальном отличается только мутной темной картинкой через заляпанные очки...» Почему картинка мутная и темная, и когда могут закончиться «темные времена 3D» было подробно рассказано в первой части, а вот почему про одни и те же фильмы одни говорят, что там «слишком трехмерные сцены, аж глаза ломит», а другие «3D эффекта в фильме совершенно не видно» будет рассказано ниже.
Читать дальше →
Всего голосов 47: ↑47 и ↓0+47
Просмотры25K
Комментарии 48

Коротко об экранах

Компьютерное железоМониторы и ТВ


Именно такими параметрами должны обладать изображения на современных планшетах, чтобы маркетологи могли с чистой совестью говорить про реалистичную картинку.
Читать дальше →
Всего голосов 25: ↑20 и ↓5+15
Просмотры14K
Комментарии 24

Цвет коренного европейца

Блог компании GenotekНаучно-популярноеБиотехнологииЗдоровьеБудущее здесь
Часть населения Земли рождается со светлой кожей. Родина человечества — Африка, цвет кожи наших предков был темным. Долгое время популярной оставалась гипотеза о том, что светлая кожа досталась европейцам от неандертальцев. Анализ ДНК неандертальцев показал, что в их популяции действительно встречались люди с разными цветами волос и кожи. Современные исследования опровергают популярную гипотезу, доказывая, что цвет кожи обитателей Европы начал меняться уже после вымирания неандертальцев. Постепенно оттенок приближался к современному. Сейчас изменение цвета кожи объясняют через физиологические процессы.

image

Высокий мужчина со светлой кожей, который хорошо усваивает лактозу — типичное описание современного юноши европеоидной расы. В действительности эти европейские юноши уже не те, что были 8 000 лет назад. Почему у европейцев светлая кожа — в новом материале от Genotek.
Читать дальше →
Всего голосов 36: ↑29 и ↓7+22
Просмотры29K
Комментарии 72

Мета-материалы: оптические иллюзии структурного цвета

Научно-популярноеНанотехнологииФизикаХимияБудущее здесь


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

Если Природе потребовались долгие миллионы лет эволюции, чтобы создать всё многообразие цветов, то учёные материаловеды и физики за последние несколько десятков лет научились в прямом смысле слова «синтезировать» цвета в лаборатории. За достижениями науки в области мета-материалов и цветными, но бесцветными микроструктурами добро пожаловать под кат!
Сезам откройся!
Всего голосов 16: ↑16 и ↓0+16
Просмотры10K
Комментарии 11

Быстрее, громче, ярче: физика брачных «танцев» колибри

Блог компании ua-hosting.companyМатематикаНаучно-популярноеБиотехнологииФизика


Кому-то нужен принц на белом коне, сразивший всех драконов в округе (да простят меня Таргариены), кому-то умный и веселый, кому-то лишь бы красивый. Но это касается нас, людей. В животном же мире, особенно среди наших пернатых друзей, все немного иначе. Чтобы завоевать расположение, самцы разных видов вытворяют самые разнообразные вещи: танцуют, поют, дерутся, строят гнезда, воруют гнезда, еще немного дерутся, дарят подарки и т.д. и т.п. Каждый вид отличается своими особенными «брачными прелюдиями». И колибри не исключение. Эти маленькие, но очень прыткие создания объединяют скорость, звук и цвет, чтобы привлечь внимание дамы сердца. И вот ученые задаются вопросом — как действия одного самца отличаются от подобных действий другого? Как самка делает выбор, и на чем он основывается? Сегодня мы с вами узнаем, как ученые преобразовали танец колибри в формулы и графики, приправив все это физическими терминами. Поехали.
Читать дальше →
Всего голосов 19: ↑17 и ↓2+15
Просмотры3.4K
Комментарии 3

Создание мозаичной картинки

PythonОбработка изображений
Наверняка вы неоднократно видели в интернете такие картинки:

image

Я решил написать универсальный скрипт для создания подобных изображений.
Читать дальше →
Всего голосов 28: ↑28 и ↓0+28
Просмотры7.9K
Комментарии 16

Увидеть почти невидимое, еще и в цвете: методика визуализации объектов через рассеиватель

Блог компании ua-hosting.companyВизуализация данныхЧитальный залНаучно-популярноеФизика


Одной из самых знаменитых способностей Супермена является суперзрение, которое позволяло ему рассматривать атомы, видеть в темноте и на огромное расстояние, а еще видеть сквозь предметы. Эту способность крайне редко демонстрируют на экранах, но она есть. В нашей же реальности видеть сквозь практически полностью непрозрачные объекты также можно, применив некоторые научные трюки. Однако, полученные снимки всегда были черно-белые, до недавнего времени. Сегодня мы познакомимся с исследованием, в котором ученые из университета Дьюка (США) смогли сделать цветной снимок объектов, спрятанных за непрозрачной стеной, применив однократное световое воздействие. Что это за супер-технология, как она работает и в каких областях может применяться? Об этом нам расскажет доклад исследовательской группы. Поехали.
Читать дальше →
Всего голосов 23: ↑21 и ↓2+19
Просмотры6.5K
Комментарии 4