Таблица цветов артемия лебедева: Таблица безопасных цветов для журнала «Интернет»

Таблица безопасных цветов от Лебедева (не работает).

?
Таблица безопасных цветов от Лебедева (не работает).
greatdesigner
December 10th, 2009


255.255.204255.255.153255.255.102255.255.51255.255.0204.204.0
FFFFCCFFFF99FFFF66FFFF33FFFF00CCCC00

255. 204.102255.204.0255.204.51204.153.0204.153.51153.102.0
FFCC66FFCC00FFCC33CC9900CC9933996600
255.153.0255.153.51204.153.102204.102.0153.102.51102.51.0
FF9900FF9933CC9966CC6600996633663300
255.204.153255.153.102255. 102.0204.102.51153.51.0102.0.0
FFCC99FF9966FF6600CC6633993300660000
255.102.51204.51.0255.51.0255.0.0204.0.0153.0.0
FF6633CC3300FF3300FF0000CC0000990000
255.204.204255.153.153255.102.102255.51.51255.0.51204. 0.51
FFCCCCFF9999FF6666FF3333FF0033CC0033
204.153.153204.102.102204.51.51153.51.51153.0.5151.0.0
CC9999CC6666CC3333993333990033330000
255.102.153255.51.102255.0.102204.51.102153.102.102102.51.51
FF6699FF3366FF0066CC3366996666663333
255. 153.204255.51.153255.0.153204.0.102153.51.102102.0.51
FF99CCFF3399FF0099CC0066993366660033
255.102.204255.0.204255.51.204204.102.153204.0.153153.0.102
FF66CCFF00CCFF33CCCC6699CC0099990066
255.204.255255.153.255255. 102.255255.51.255255.0.255204.51.153
FFCCFFFF99FFFF66FF FF33FFFF00FFCC3399
204.153.204204.102.204204.0.204204.51.204153.0.153153.51.153
CC99CCCC66CCCC00CCCC33CC990099993399
204.102.255204.51.255204.0.255153.0.204153.
102.153
102.0.102
CC66FFCC33FFCC00FF9900CC996699660066
204.153.255153.51.204153.51.255153.0.255102.0.153102.51.102
CC99FF9933CC9933FF9900FF660099663366
153.102.204153.102.255102.0.204102.51.204102.51.153 51.0.51
9966CC9966FF6600CC6633CC663399330033
204. 204.255153.153.255102.51.255102.0.25551.0.15351.0.102
CCCCFF9999FF6633FF6600FF330099330066
153.153.204102.102.255102.102.204102.102.15351.51.15351.51.102
9999CC6666FF6666CC666699333399333366
51.51.25551.0.25551. 0.20451.51.2040.0.1530.0.102
3333FF3300FF3300CC3333CC000099000066
102.153.25551.102.2550.0.2550.0.2040.51.2040.0.51
6699FF3366FF0000FF0000CC0033CC000033
0.102.2550.102.20451.102.2040.51.2550.51.1530. 51.102
0066FF0066CC3366CC0033FF003399003366
153.204.25551.153.2550.153.255102.153.20451.102.1530.102.153
99CCFF3399FF0099FF6699CC336699006699
102.204.25551.204.2550.204.25551.153.2040.153.2040.51.51
66CCFF33CCFF00CCFF3399CC0099CC003333
153. 204.204102.204.20451.153.153102.153.1530.102.10251.102.102
99CCCC66CCCC339999669999006666336666
204.255.255153.255.255102.255.25551.255.2550.255.2550.204.204
CCFFFF99FFFF66FFFF33FFFF00FFFF00CCCC
153.255.204102.255. 20451.255.2040.255.20451.204.2040.153.153
99FFCC66FFCC33FFCC00FFCC33CCCC009999
102.204.15351.204.1530.204.15351.153.1020.153.1020.102.51
66CC9933CC9900CC99339966009966006633
102.255.15351.255.1530.255.15351. 204.1020.204.1020.153.51
66FF9933FF9900FF9933CC6600CC66009933
153.255.153102.255.10251.255.1020.255.10251.153.510.102.0
99FF9966FF6633FF6600FF66339933006600
204.255.204153.204.153102.204.102102.153.10251.102.510. 51.0
CCFFCC99CC9966CC66669966336633003300
51.255.510.255.510.255.00.204.051.204.510.204.51
33FF3300FF3300FF0000CC0033CC3300CC33
102.255.0102.255.5151.255.051.204.051.153.00.153.0
66FF0066FF3333FF0033CC00339900009900
204. 255.153153.255.102102.204.0102.204.51102.153.5151.102.0
CCFF9999FF6666CC0066CC33669933336600
153.255.0153.255.51153.204.102153.204.0153.204.51102.153.0
99FF0099FF3399CC6699CC0099CC33669900
204.255.102204.255.0204. 255.51204.204.153102.102.5151.51.0
CCFF66CCFF00CCFF33CCCC99666633333300
204.204.102204.204.51153.153.51153.153.102153.153.0102.102.0
CCCC66CCCC33999966999933999900666600
255.255.255204.204.204153.153.153102.102.10251. 51.510.0.0
FFFFFFCCCCCC999999666666333333000000

Автор: дизайн-студия Артемия Лебедова.

ПРоверил я цвета на 9 разных мониторах (PC) у друзей, на всех цвета разные. Таблица удобна для получения характеристик цвета и только.

Tags: artlebedev, Артемий Лебедев, дизайнер

Цвета элементов

Цвета элементов

Цвета элементов

Фоновый цвет и цвет текста для всей страницы назначаются параметрами тега BODY:
<body bgcolor=»цвет» text=»цвет»>…тело страницы…</body>
Цвет шрифта для отдельных участков текста (тег также может управлять размерами шрифта):
<font color=»цвет»>. ..участок текста…</font>
Цвет фона таблицы: (аналогично и для отдельных ячеек, только table меняется на tr,td или th)
<table bgcolor=»цвет»>…тело таблицы(ячейки)</table>
Цвет базового шрифта для всей страницы также можно определять тегом:
<basefont color=»цвет»> -расположенным в голове страницы (чаще применяется для установки размеров шрифта)

Современные браузеры (от IE 4.0.) распознают 140 предопределенных цветов. Таблицу с названиями этих цветов Вы можете посмотреть здесь.
Задание цвета возможно как в именном так и в цифровом выражении, то есть в виде: <BODY BGCOLOR=tomato> или <font color=FF34C6>
В цифровом выражении цветность шифруется интенсивностью трех основных цветов: красного, зеленого и синего(RGB) в шестнадцатеричной системе. 00- нулевая интенсивность, FF- максимальная насыщенность. Соответственно: 000000- черный цвет, FF0000- красный, 00FF00 — зеленый, 0000FF — синий, FFFFFF- белый максимальной интенсивности. Исходя из этого правила, цвета с одинаковыми значениями всех трех параметров (Red=Green=Blue) будут серым, но разной интенсивности.

Могу порекомендовать очень маленькую бесплатную программку «Pixie» возвращающую цвет пиксела, на котором находится курсор мыши. Удобно при подборе фона под фотографии, например. Последнюю версию в интернете вы можете найти здесь.
Для наглядности, я насобирал для вас небольшую коллекцию цветов (Верхняя часть из них, колонками по три, была выставлена в качестве примера правильного подбора цветов, в RU/ководстве Артемия Лебедева.)

d9d9d9 a3bf00 ffc200 003562 0069a3 9eb03
a6a6a6 008992 ff0000 006d93 000000 c4a100
9b8f9b d3c2ad 000000 e8aa00 ffffff fad69f
Примеры цветов в RGB
f39e77 a8d59d 9595c6 9999ff 009933 990066
f6b580 99cc99 968187 cc0033 007299 009999
fad295 99cccc ae88b8 960018 e96b9e ff6633
fff99d 99ccff c699bd 999966 a9834f 0099ff
c7e19e 99add5 ff99cc 33cc66 6699cc 660066

В заключении рассмотрим иерархию цветовых тегов:

<html><head><basefont color=yellow></head>
<body bgcolor=white text=red>
<font color=blue>
Текст под действием тега font
<table border><tr><td>
Текст в таблице<br>
<font color=green>Текст в таблице под действием тега font</font>
</table>
</font>
</body></html>

Текст под действием тега font
Текст в таблице
Текст в таблице под действием тега font
Желтый цвет заданный тегом basefont переназначается параметром text тега body на красный*. Любой текст введенный сейчас без дополнительных цветовых тегов будет отображен красным. Но в предложенном примере такой тег имеется:- <font color=blue>. Он окрашивает верхнюю строку примера в голубой цвет. В границы тега попадает и таблица, но на текст находящийся внутри таблицы действие этого тега не распространяется! Таким образом текст таблицы будет выведен цветом указанным в параметре text (красным). Если же мы применим для текста внутри таблицы свой собственный тег<font color=green> то он будет исправно работать.
ЗАКЛЮЧЕНИЕ! Текст внутри таблицы следует снабжать собственными тегами <FONT>.(это касается и размеров)

*Тег <basefont> тем не менее остается актуальным из-за возможности управлять размером шрифта по умолчанию, что невозможно для тега BODY.


Как откалибровать цвета в FreeHand.



Если вы когда-либо проводили некоторое время, просматривая диалоговое окно «Настройки» FreeHand, вы могли заметить небольшой флажок «Настроить цвета дисплея» и кнопку рядом с ним под названием «Калибровать…»
Вы когда-нибудь задумывались, для чего это нужно? Если вы знаете, для чего это может быть, вы не найдете ответа в Руководстве. В Руководстве пользователя (онлайн и печатная версия) эта функция даже не упоминается.
Для чего это и как им пользоваться? Это объясняется в названии — вы можете использовать эту функцию для калибровки цветов, которые FreeHand показывает на мониторе. А нужно это потому, что приходится как-то полагаться на то, что видишь.
Итак, что делать? Нажмите кнопку «Калибровать…». Вы увидите это окно:

Нажмите на каждый цвет, который вы хотите откалибровать (и вы должны захотеть откалибровать их все). Возьмем, к примеру, пурпурный:

.

Теперь вам нужно настроить ползунки, но в каком порядке? А вот и наш большой друг — Фотошоп. Если у вас его нет (вы дизайнер или кто?), поищите что-нибудь другое, например условно-бесплатный графический конвертер.
В Photoshop установите плавающий элемент Picker на ползунки CMYK. Затем выберите все необходимые комбинации (C, M, Y, CM, CY, MY) и создайте цветную точку с каждой из них. Затем выберите инструмент «Пипетка» и наведите его на каждый цвет. Посмотрите на всплывающее окно Info и запишите значения RGB. Вам не понадобятся значения CMYK, потому что вы не можете откалибровать их в FreeHand (почему, Macromedia?). Во всяком случае, это влияет только на дисплей.

На этом этапе может быть полезно записать эти значения прямо в диалоговом окне калибровки FreeHand. Но вы не можете сделать это прямо. Потому что FreeHand предлагает вам только процентные значения. Итак, вы должны взять калькулятор и разделить 255 (количество возможных градаций каждого цвета) на 100 (проценты). Если батарейки в калькуляторе рабочие, вы должны получить «2,55». Затем вы берете каждое значение цвета и делите его на 2,55. Эта операция даст вам то же значение цвета, но в процентах от 255.
Например, в случае Magenta значения RGB будут 211, 0, 102, а процентные значения будут 83, 0, 40. Вам придется приблизить значения, поскольку FreeHand позволяет вводить только целые числа.
Проделав это для каждого цвета, вы получите точное соответствие каждого цвета на экранах FreeHand и Photoshop.
Мои ценности также могут подойти вам. Попробуйте их:

ГОЛУБОЙ
Значения RGB 0 169 218
Проценты 0 66 85
ПУРПУРНЫЙ
Значения RGB 211 0 102
Проценты 83 0 40
ЖЕЛТЫЙ
Значения RGB 255 215 0
Проценты 100 84 0
ГОЛУБОЙ+ПУРПУРНЫЙ
Значения RGB 0 16 88
Проценты 0 6 34
ГОЛУБОЙ+ЖЕЛТЫЙ
Значения RGB 0 134 73
Проценты 0 52 28
ПУРПУРНЫЙ+ЖЕЛТЫЙ
Значения RGB 214 0 39
Проценты 83 0 15

Наслаждаться!



Авторские права 1996-1997 гг. по ст. Лебедев
[email protected]

Будущее дизайна логотипов по ст. Студия Лебедева: гениальность или неоднозначность? | Милена Абросимова | Музли

Это как русская рулетка, только по дизайну: никогда не знаешь, что выпадет и понравится ли.

Знаменитое русское искусство. Студия Лебедева запустила услугу «Экспресс-дизайн» в 2017 году. Несложно догадаться, какой контекст подразумевает это название: экономия денег и времени. Об одном нужно сказать: клиенты видят готовую работу, как только она сделана. Вам решать, нравятся ли такие креативные логотипы или ненавидят их внутренности.

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

Знак с надписью: Быстро. Дешевый. Чертовски круто.

Экспресс-доставка концепции дизайна!

Идея раздавать простые и дешевые дизайны родилась с конкретной целью: помочь стартапам обрести индивидуальность, разработав идеи логотипа за выходные. Ценник невысок для работы от такой крупной компании (примерно $1580), но это доступная сумма для малого бизнеса, начинающего твердо стоять на ногах. Полученная прибыль расходуется по ст. Студия Лебедева на новую мебель, компьютеры, стеллажи и прочую полезную мелочь.

Вы можете подумать, что это очень благородно. Однако студия ставит и свои условия: стартап должен быть как можно меньше, а реализованные идеи логотипа не подлежат обсуждению. Так что бизнесмены знают, на что они подписываются.

Некоторые проекты экспресс-дизайна

Креативные логотипы стали вирусными

Даже какой-то «черный пиар» все равно остается пиаром, верно? Получив созданные дизайны, часть клиентов осталась, мягко говоря, недовольна. Но вместо того, чтобы пожаловаться или начать бесполезную ссору со студией, они просто выложили эти шедевры в сеть, чтобы узнать мнение сообщества. Такие скандальные концепции дизайна собирали массу лайков, репостов и комментариев. Наиболее широко обсуждались идеи логотипа белорусской бургерной № 9.0257 JohnFedor » и пекарня под названием « Булочная » (в переводе с русского просто «пекарня»).

Логотип магазина бургеров JohnFedorДизайн логотипа магазина бургеров JohnFedor

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

Скрыть боль Гарольд и надпись «дизайн»

Дамы и господа, позвольте представить вам новейший логотип компании «Полированный Бетон». Несомненно, это новое слово в графическом дизайне. Это будущее дизайна. Если логотип кажется запутанным, странным, случайным… проблема не имеет ничего общего с конкретным. Это если мягко намекать.

Оставить комментарий

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *