Статьи Цвет на сайте.

Discussion in 'Статьи' started by blaga, 4 May 2006.

  1. blaga

    blaga Elder - Старейшина

    Joined:
    23 Mar 2006
    Messages:
    884
    Likes Received:
    273
    Reputations:
    106
    Я вот как то смотрел в Болталке темки и попадаются там сайтики разные (Особенно у народа в подписях часто бывает). И все вроде бы хорошо на этих сайтиках, но вот что то глаз режет и не видно вроде что. Короче говоря есть у пользователей Ачата такая мания косить под Ачат. То есть делать на своих сайтах такие же ядерные оттенки. И скажу я вам, что хоть на Ачате это смотрится и не плохо, часто на сайтах этим злоупотребляют (или наоборот). Так вот решил выложить вот такую, очень интересную статью про Цвет. Приятного чтения.



    Цвет - воспринимаемая сетчаткой глаза область светового спектра, видимая часть света с длинами волн в диапазоне от 400 до 700 нанометров. Что? Думаете я только что прочитал
    Энциклопедию? Определение конечно же верно, но не передаёт всей важности цвета. Ведь всё, что нас окружает, не имеет в действительности никакой окраски. Просто у всех предметов разная способность отражать и поглощать свет, в результате чего мы видим отражённый телами или средами часть света, но уже с другим спектром волн (Дальтоникам дальше не читать).
    Цвет воспринимает глаз человека, но затрагивает его эмоции. Что может быть красивее заката у побережья тёплого моря в компании красивой девушки? Вот тут сердце стучит нормально, жизнь прекрасна и всё такое... А теперь представьте, что Вы не воспринимаете цвета, всё вокруг чёрно-белое... ну, или 256 оттенков серого :) Это всё равно, что иметь чёрно-белый монитор.

    Важность цвета в нашей жизни поистине огромна. Так же огромна она и в Интернете, где всё на этом и держится. Умение правильно использовать цвет является атрибутом
    профессионализма WEB-дизайнеров. Это умение позволяет оформителю правильно задать атмосферу сайта, погрузить посетителя в свой мир. Хороший дизайнер всегда сначала продумывает цветовую схему, потом только начинает создавать графику. Искусство оформления приходит с опытом и всегда зависит от количества экспериментов разработчика. Чем больше цветовых комбинаций Вы переберёте, тем быстрее найдёте лучший вариант для своего сайта. Конечно, при этом следует знать некоторые тонкости этого дела:

    Упрощайте вещи: даже если Ваша видеокарта способна передать триллионы цветов и монитор за штуку баксов, используйте на страницах максимум три-четыре цвета. Чем проще тем лучше, многие сайты, напичканные сотнями цветовых оттенков болезненно воспринимаются, слабо запоминаются, плохо вспоминаются. Некоторые способны сделать отличный сайт, используя всего два цвета. Если Вы вовсю используете на сайте цветные фотографии, Вы можете использовать их доминирующий цвет для заголовков.

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

    Контрастность: цвета фона и основного текста должны быть контрастными. Чем контрастнее, тем удобнее будет читать текст. Попробуйте читать голубой текст на белом фоне Чёрный на белом, белый на чёрном, жёлтый на синем гораздо удобочитаемы. Всегда указывайте в теге <BODY> нужный Вам цвет фона, иначе рискуете столкнуть читателя с настройками его же собственного браузера. Некоторые специально прописывают браузеру использовать серый или пурпурный фон. Хотят смотреть сайты на фоне своего любимого цвета :) К примеру, может получиться так, что цвет Вашего текста и их фона совпадут или будут схожи, тогда читатель может вообще текста не увидеть Поэтому, не забывайте указывать на странице цвет её фона. На тёмном фоне лучше всего использовать белый или жёлтый цвета, голубой читается сложнее, можно и зелёный использовать. При выборе цвета фона и текста представляйте себе свою аудиторию. Для молодёжи с домашним Интернетом более привычен ночной выход в Интернет. Для них лучше создавать тёмный фон, светлый текст. Если Ваша аудитория состоит из людей пользующихся Интернетом на своей работе (в офисах, учреждениях), следует делать светлый сайт с тёмным текстом. По статистике светлый фон лучше тёмного.

    Цветовые ассоциации: Мозг человека в жизненном процессе создаёт ассоциации. При этом внешние раздражители, вызывают порой очень сильные реакции. Представьте себе, к
    примеру, что Вы облизываете языком дольку лимона. Одного взгляда на колонки у монитора достаточно для того, чтобы вспомнить о музыке. Всё в нашей жизни с чем-то ассоциируется.
    С цветами дело обстоит таким образом:

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

    Желтый:
    Радость, счастье, оптимизм, идеализм, воображение, надежда, солнечный свет, лето, золото, философия, мошенничество, малодушие, предательство, ревность, жадность, обман, болезнь, риск.

    Синий:
    Мир, спокойствие, спокойствие, устойчивость, гармония, объединение, доверие, истина, доверие, консерватизм, безопасность, чистота, порядок, лояльность, небо, вода, холод,
    технология, депрессия, подавитель аппетита.

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

    Зеленый:
    Природа, среда, здоровая, удачи, восстановление, молодость, бодрость, весна, щедрость, плодородие, ревность, неопытность, зависть, неудача.

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

    Серый:
    Безопасность, надежность, интеллект, степенный, скромность, достоинство, завершенность, твердый, консерватор, практический, старость, печаль, сверление

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

    Белый:
    Почтение, чистота, простота, чистота, мир, смиренность, точность, невиновность, молодость, рождение, зима, снег, хорошо, стерильность, брак (Западные культуры), смерть (Восточные культуры), холодный, клинический, стерильный.

    Черный:
    Мощность, сексуальность, сложность, формальность, элегантность, богатство, тайна, страх, зло, анонимность, недовольство, глубина, стиль, зло, печаль, раскаяние, гнев, метрополитен, хороший технический цвет, траур, смерть (Западные культуры).

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

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

    А что может быть лучше этого?

    Автор: Евгений Жданов
    Источник: http://www.vebius.dax.ru
     
    #1 blaga, 4 May 2006
    Last edited: 4 May 2006
  2. KoTeG

    KoTeG Banned

    Joined:
    29 Apr 2006
    Messages:
    198
    Likes Received:
    165
    Reputations:
    2
    Насчет черного большинство подходит! :)
    Но если сказать честно я не понял к чему это написано в статьях!
     
  3. Mobile

    Mobile Elder - Старейшина

    Joined:
    18 Feb 2006
    Messages:
    1,089
    Likes Received:
    822
    Reputations:
    324
    А разве это не статья? ;)
     
  4. blaga

    blaga Elder - Старейшина

    Joined:
    23 Mar 2006
    Messages:
    884
    Likes Received:
    273
    Reputations:
    106
    2KoT, да конечно, мой косяк. В следующии раз буду постить в раздел "Уязвимости форумов". Как же я сразу не догадался. )
     
  5. byte57

    byte57 Elder - Старейшина

    Joined:
    22 Jan 2005
    Messages:
    568
    Likes Received:
    13
    Reputations:
    24
    я понял, гринам цвет менять надо. неопытность им не катит =)
     
  6. inSa(Ne)rd

    inSa(Ne)rd В Стране Чудес

    Joined:
    14 Mar 2005
    Messages:
    240
    Likes Received:
    1,370
    Reputations:
    168
    Несогласна. От сильного котраста глаза устают не меньше, чем от долгого чтения темно-серых букв на чуть более светлом фоне, к примеру. Главное, все должно быть гармонично.
    Самое главное, учитывать еще и национальность аудитории, пол и еще много факторов кроме стандартных эмоций, вызываемых цветами.. Даже по примеру эмоций от белого цвета в Западное культуре и Восточной видно это хорошо.
    Да и необязательно так далеко идти, к примеру, если сделать официальный сайт фирме украинской какой-нибудь, с использованием того же оранжевого надо быть осторожней )
    А вообщем, да. Цвета это важно. Как везде написано, самое главное, определить аудитории на которую расчитан сайт и уже от этого двигаться дальше.
     
  7. byte57

    byte57 Elder - Старейшина

    Joined:
    22 Jan 2005
    Messages:
    568
    Likes Received:
    13
    Reputations:
    24
    кстати, на ачате (на форуме только к сожалению) довольно неплохо подобран цветовой стиль, на темном фоне довольно неплохо смотрятся как яркие цвета, так и просто белый.
     
  8. max_pain89

    max_pain89 Eat `em UP!

    Joined:
    11 Dec 2004
    Messages:
    451
    Likes Received:
    140
    Reputations:
    146
    Наибольший контраст создает желтый и черный, это я как полиграфист говорю, так что Нерд права. Там хрен че прочитаешь, глаза на второй строчке устанут.
     
  9. blaga

    blaga Elder - Старейшина

    Joined:
    23 Mar 2006
    Messages:
    884
    Likes Received:
    273
    Reputations:
    106
    2inSa(Ne)rd, насчет контрасности там подальше написано что это тоже дело для каждого свое. То есть от аудитории зависит. А восприятие цветов разными людьми, то это ты права конечно, я и не спорю. Просто дизайнер должен расчитывать с какой целевой аудиторией ему придется столкнутся и от этого он отталкивается. А в статье приведены лиш общие факторы цвета.
     
  10. Дикс

    Дикс Elder - Старейшина

    Joined:
    16 Apr 2006
    Messages:
    1,194
    Likes Received:
    227
    Reputations:
    26
    херня, представьте что на античате бгколор таблиц - чорный, а буквы ярко-белые
    :rolleyes:

    "удобочитаемее" только красный на зелёном :D

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

    если айпи юзера будет относится к восточным регионам, ни в коем случае не используйте белый цвет! но когда на сайт придёт америкос - яваскрипт должен задать белый цвет фона :D

    я где-то читал
    "Взломать можно практически все". Интервью с BiSHEP^TSRh.
    там как раз был ярко-жёлтый текст на чорном.

    ЗЫ Да, тока щас вспомнил. Жутко наболело.
    Попробуйте хоть одну статью а-чата открыть в опере.
    Ужоснах полнейший. Не спасает даже масштабирование, что уж там говорить об полосатом бэкграунде.
    Вобщем текст нечитабельный, пока не включишь "режим пользователя", когда отключается всё оформление.
     
  11. inSa(Ne)rd

    inSa(Ne)rd В Стране Чудес

    Joined:
    14 Mar 2005
    Messages:
    240
    Likes Received:
    1,370
    Reputations:
    168
    хы это надо представлять?? по моему примерно так и есть )) (на сайте)
    Ага Хорошо что и сайт новый все же Егорыч собирается вроде как под форум делать
     
  12. Socke!T

    Socke!T Elder - Старейшина

    Joined:
    1 May 2006
    Messages:
    34
    Likes Received:
    3
    Reputations:
    0
    Народ, предлагаю попросить администрацию , чтобы сделали скин удобочитаемый (хотя бы дефолтный). А то белый на черном читать не возможно, ИМХО.
    Я СЛЕПНУ =( На Ачате.

    Кто за?
     
  13. Mobile

    Mobile Elder - Старейшина

    Joined:
    18 Feb 2006
    Messages:
    1,089
    Likes Received:
    822
    Reputations:
    324
    незнаю, всё и так нормально :)
     
  14. Дикс

    Дикс Elder - Старейшина

    Joined:
    16 Apr 2006
    Messages:
    1,194
    Likes Received:
    227
    Reputations:
    26
    я имел ввиду форум