Pull to refresh

Comments 61

Связь посещаемости и цветовой гаммы была бы интересна )))
думаю, большинство сайтов — очень посещаемые (за 50000 уников)
* исключение — хабраредактор, у него немного меньше :)
Для информативности также следовало бы привести % отношение цветов на сайте.
Столько белого, столько серого и т.д.
И попробовать проанализировать взаимосвязь этой цветовой карты с воздействием оказываемом на пользователя.

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

Я не дизайнер поэтому возникает вопрос.
А почему у Башорга 5 «белых» цветов? Я понимаю, что они немного различаются, но они внешне почти не различимы. Где какой на сайте?

И еще вопрос- Сайт, которого нет. Это что? =)
вы не поверите, но у башорга на самом деле «белых» цветов 5: #ffffff, #f7f7f7, #f3f3f3, #f0f0f0, #eeeeee
используются для фонов нумерации страниц, самих блоков с постами, самого верхнего заголовка и поиска
У меня второй монитор TN, я за такими редко сидел. Сейчас отношение к мягким цветовым схемам сильно изменилось. Например, хабр всегда казался мне читаемым, а на TN-матрице голубой цвет сильно сливается с белым, и читается с большим трудом.

Подумал я, подумал, и решил, что всё-таки контраст решает, не смотря на то, что дизайн получается жёстким и даже вызывающим.

А за исследование спасибо, интересно.
UFO just landed and posted this here
Купили TN в последние года два? :)

У меня на работе 2 монитора. Впрочем, на ноутбуке голубой цвет хабра тоже неконтрастный. А вот на S-IPC выглядит чётко.
У меня есть TN 2-летней давности.
Действительно по умолчанию 90% мониторов на TN матрице настроены ужасно.
Но практически 90% из этой группы, можно настроить хорошую цветопередачу.
Настроил этот TN (по цветопередаче) довольно близко к *VA матрице.
Самое главное аккуратно настраивать яркость, контраст и температуру. Там где есть настройка по RGB, тоже желательно перенастроить.
Правда это довольно кропотливая работа :\ И надо не страдать «цветовой слепотой». Но дизайнеры настроят любой монитор довольно легко :)
UFO just landed and posted this here
شبه الجزيž 5;ة العرب¡ 0;ة, ج, pain.
Я думаю, что это упячка.
нет, упячка более жизнерадостная, фактически радужная :)
А вы вручную составляете эти симпатичные полосочки с квадратиками, или есть какой то инструмент что-бы анализировать сайт?
квадратики красиво располагает расширение ColorZilla, о котором идет речь в статье
Интересно, а почему в двадцатку не попал ни один оттенок зеленого, хотя есть два «красных» и три «синих»? С чем связано такое игнорирование зеленого цвета на сайтах?
это одна из загадок
зеленый, как видно из общей палитры, очень мало используется на данном наборе сайтов
есть повод задуматься…
А ответ совсем рядом.

Обычно сайты изготавливают делая некоторый упор на его серьезность. Веселенькие цвета вычеркиваются. Зеленый из разряда веселеньких.
согласный
к примеру, kino-govno.com обычно в зеленых тонах, как и положено развлекательному ресурсу
но на момент тестирования, тона там изменились на мрачные (связано с рекламой)
Веселенькие цвета вычеркиваются. Зеленый из разряда веселеньких.
Это из серии «красный — цвет опасности»?

Достаточно «серьёзные» сайты в зелёных тонах:
www.createarevolution.com
www.megafon.ru
www.tedler.com
www.tedler.com — скорее в серых тонах, с использованием зеленого
с мегафоном все понятно, это цвет бренда, как красный для мтс и bank24.ru
на createarevolution.com зеленый сильно приглушен, видимо все же для серьезности :)
с мегафоном все понятно, это цвет бренда
Стало быть, смешные они, да?

Продолжая «зелёное — весёленько», могу отметить, что треугольничек вгоняет в депрессию, квадрат успокаивает, а трапеция — взрывает мозг своим противоречивым настроением.

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

не рассуждаю, шутил не я

считаю, что много теплых тонов располагает к отдыху и присуще развлекательным ресурсам, что не исключает другое использование этих цветов
UFO just landed and posted this here
Да нет, это опять-таки субъективное мнение, которое у меня сложилось, скорее всего, из собственного опыта. Я не говорю об исключительном правиле. Я говорю о тенденциях с моей точки зрения.
Это из серии «красный — цвет опасности»?

Самое смешное, что люди, которые с серьёзным видом говорят такие вещи… уминают за обе щёки клубнику да черешню и при этом ни капельки не очкуют.

Эмоции всегда создаёт контекст, а не конкретный цвет. Коллега RayZ малость заблуждался.
Самое смешное, что люди, которые с серьёзным видом говорят такие вещи… уминают за обе щёки клубнику да черешню и при этом ни капельки не очкуют.

В оригинале:
Цвет — явление идеологическое. Идеология такая: сам по себе цвет не значит ничего. Вообще ничего. Беседы о том, что какие-то цвета с какими-то не сочетаются или что-то означают в отрыве от контекста — шаманство хуже гороскопов. «Красный означает опасность», — говорит человек, который сегодня утром мужественно съел помидор и не дрогнул. «Черный — слишком мрачный», — утверждает второй, который сегодня утром читал черные буквы на белом листе и смеялся. «Серый скучный», — жалуется третий. Сами вы скучный. Посмотрите на Бастера Китона — весь из оттенков серого, а повеселей вас будет. «Синий символизирует надежду, зеленый — обновление», — вешает лапшу дизайнер. Дизайнер, не вешай. Клиенту лучше честно сознаться: вот 16 млн цветов (если rgb) или веер (пантон), тыкайте пальцем. Покрасим в любой. Но кнопка «Удалить» останется красной (а с этим клиент никогда и не спорит).

Когда мне говорят, что красный с зеленым не сочетаются, я сатанею. Посмотри на грядку клубники, дундук!
Это не оригинал :-) У меня на работе была книга на английском о психофизиологии восприятия цвета. Не могу вспомнить название, может кто читал — напомнит. Хотя Воронежский, конечно, пересказал лучше, спору нет.
* синие определяют цвет ссылки, потому их (скорее всего) много в 20-ке
Например в одежде использование зеленого считается признаком плохого вкуса. Кроме этого цвета используются для эмоционального воздействия. Например синий — цвет стабильности, доверия, чистоты.
А зеленый подходит для передачи: жизни во всех ее биологических проявлениях, связи с природой, загадочности. Наверно редко кто хочет вызвать на сайте такие эмоции.
мне тут пришло в голову, что часто зеленый ассоциируется еще и с ядом или чем-то опасным (вроде кислоты или радиоактивной жидкости)
хотя, это наверное больше на широком экране в кино и мультипликации
www.interface-research.com/survey.html — исследование интерфейсов. Примерно в середине есть вопрос про цвета: «синий» сайт и «зеленый» сайт. Большинство, 74%, доверяют таки «зеленому» сайту, а не синему.
За расширение автору гигантское спасибо!
мне во всем этом тестировании наиболее интересным показался ozon.ru — вот где отличное соотношение простоты дизайна и масштаба сайта
кто же настолько уныл? не любите ozon? а мне нравится
У Озона довольно суматошный дизайн: мелковатый, грязноватый. Впрочем, и сделали его не вчера.
На лебедевском сайте гораздо больше цветов. Если, конечно, погладить курсором его логотип-штрихкод наверху :)
да через javascript можно прикрутить к сайту всю возможную палитру :)
на лебедеве принялся во внимание только первый цвет, как вы наверное уже поняли
* но палитра их главной понравилась
А каким образом ты производишь этот самый анализ?
В расширении ColorZilla для Firefox есть функция «Webpage DOM Color Analyzer», которая и выводит подобный список цветов.
Как все любят оттенки серого…

Какого цвета интернет? Серого!
это фоны
читать c монитора черное на белом затруднительно для глаз (по крайне мере мне и много)
поэтому хорошо, когда текст не сильно контрастирует с фоном

* хотя, вы же все это знаете, наверняка :)

тоже используются цвета #666666, #808080 и #F0F0F0 (я так понял это стандартный цвет элементов управления)
кроме того из первой 20 есть еще 4 цвета, не включая черного и белого, которые так же присутствуют.
Итого 9 попаданий из 20, неплохо :)
мм… спасибо огромное. очень интересный топик и анализ.
Интересно, как происходил процесс проверки сайтов?
Например, у того-же www.createarevolution.com в заголовке множество оттенков зеленого (картинка).
Или использовался анализ только CSS?
упс, пока надумался написать, уже дали ответ )))
Но ведь при анализе только через DOM не учитываются все цвета сайта
ответ всегда был в статье

вы правы, но полноценный анализ картинок ничего не дает, в них может быть использована через градиенты едва ли не вся палитра
результаты статьи, скорее, анализ того, какие _значения_цветов_ используют разработчики при верстке элементов DOM
мне например было очень интересно узнать о том, что #808080 встречается так часто
supron.ru/ — получилось довольно ярко, хотя использовал всего 3-4 цвета
уточните, что вы видите
* вы правда не прочитали о том, что картинки не учитывались?
Sign up to leave a comment.

Articles