Відмінності між версіями «3 Колір»
Рядок 19: | Рядок 19: | ||
'''КОЛІР в HTML''' | '''КОЛІР в HTML''' | ||
+ | ---- | ||
Кольори тексту і фону грають в HTML особливу роль - ці параметри вказуються в атрибутах тега BODY і | Кольори тексту і фону грають в HTML особливу роль - ці параметри вказуються в атрибутах тега BODY і | ||
тому ставляться швидше властивостей всього документа, ніж параметри набору тексту. А оскільки помилка в цих | тому ставляться швидше властивостей всього документа, ніж параметри набору тексту. А оскільки помилка в цих | ||
Рядок 27: | Рядок 28: | ||
атрибута, або обов'язково перерахувати всі три, будь-яка часткова специфікація (наприклад, вказівка кольору | атрибута, або обов'язково перерахувати всі три, будь-яка часткова специфікація (наприклад, вказівка кольору | ||
тексту без згадки про колір фону) може конфліктувати з квітами, встановленими за замовчуванням в броузері | тексту без згадки про колір фону) може конфліктувати з квітами, встановленими за замовчуванням в броузері | ||
− | користувача. | + | користувача.Якщо на сторінці використовується фонове зображення, що вказується в тезі BODY колір фону повинен |
− | + | ||
відповідати кольору «середньостатистичного» піксела фонового зображення. Тільки за цієї умови | відповідати кольору «середньостатистичного» піксела фонового зображення. Тільки за цієї умови | ||
користувачі, відключено завантаження графіки, не будуть зазнавати труднощів з читанням тексту, а ті, у кого | користувачі, відключено завантаження графіки, не будуть зазнавати труднощів з читанням тексту, а ті, у кого | ||
Рядок 40: | Рядок 40: | ||
світлої центральної частини і темної смуги уздовж межі екрану), фоновий колір в тезі BODY повинен бути | світлої центральної частини і темної смуги уздовж межі екрану), фоновий колір в тезі BODY повинен бути | ||
таким, щоб на ньому були легко помітні обидва кольори тексту. | таким, щоб на ньому були легко помітні обидва кольори тексту. | ||
− | + | Вибравши для тексту чисто білий текст на небілим тлі, майте на увазі, що броузер | |
− | + | ||
не стане відтворювати фоновий колір при друку сторінки на принтері. MS1E | не стане відтворювати фоновий колір при друку сторінки на принтері. MS1E | ||
надійде при цьому цілком розумно, самостійно замінивши перед посилкою на друк | надійде при цьому цілком розумно, самостійно замінивши перед посилкою на друк |
Версія за 11:11, 20 грудня 2011
Поряд з формою, шрифтом і текстурою, колір належить до базових будівельним матеріалам як в «паперовому», так і особливо в мультимедійному і веб-дизайні. Незвичайний, але ретельно продуманий і збалансований набір кольорів цілком може статит основою чудової композиції - при тому що інші її аспекти будуть самими що ні на є ординарними. Будь-який колір, як і будь-яка форма, несе з собою своє власне настрій, звучання, ноту певної висоти і тембру. Різноманітність колірних настроїв воістину величезна - навіть у мінімальному наборі семи кольорів веселки, другими у більшості обмежується знайомство зі світом кольору, у кожного є свій «улюблений колір ». Очевидно, що сприйняття кольору зобов'язана бути більш суб'єктивним, ніж сприйняття тієї ж форми, - різні у всіх людей не тільки улюблені кольори, але і відчуття, які викликає у них той чи інший колір. Тим не Проте в колірній всесвіту є свої, цілком універсальні закони, які будь-дизайнер зобов'язаний знати і вміти застосовувати на практиці. Це не дасть, на жаль, гарантії, що його колірні рішення будуть подобатися всім, але принаймні дозволить йому уникнути поширених помилок і додасть його робіт професіоналізм, очевидний навіть для тих, у кого алергія на якісь конкретні кольори. Колір - це та область, в якій комп'ютерна графіка має найбільшу перевагу перед графікою природною. Екран комп'ютера, на відміну від листа паперу, сам випромінює світло, і регулювання кількості цього світла дозволяє охопити набагато більш широкий колірний спектр, ніж той, який можна відтворити на папері.
КОЛІР в HTML
Кольори тексту і фону грають в HTML особливу роль - ці параметри вказуються в атрибутах тега BODY і тому ставляться швидше властивостей всього документа, ніж параметри набору тексту. А оскільки помилка в цих параметрах може запросто призвести до нечитабельності тексту (якщо колір букв збігається з кольором фону або близький до нього), користувач будь-якого візуального броузера має можливість вибрати свої власні значення для кольору фону, тексту і посилань і заборонити броузеру звертати увагу на колірні атрибути тега BODY. Одним з наслідків цього є те, що в цьому тегу потрібно або не вказувати ні одного колірного атрибута, або обов'язково перерахувати всі три, будь-яка часткова специфікація (наприклад, вказівка кольору тексту без згадки про колір фону) може конфліктувати з квітами, встановленими за замовчуванням в броузері користувача.Якщо на сторінці використовується фонове зображення, що вказується в тезі BODY колір фону повинен відповідати кольору «середньостатистичного» піксела фонового зображення. Тільки за цієї умови користувачі, відключено завантаження графіки, не будуть зазнавати труднощів з читанням тексту, а ті, у кого фонове зображення ще не докачати, не будуть шоковані різким перескоком квітів у той момент, коли фон раптово стелить під уже видимі елементи переднього плану. Кольори, які вказуються в атрибуті color тега FONT, перекривають як колір з атрибуту text тега BODY, так і колірні установки броузера. Можна навіть міняти колір посилань, вставивши тег FONT з атрибутом color всередину тега A. CSS, в свою чергу, дозволяє міняти не тільки колір букв, але і фоновий колір будь-якого елемента, в тому числі і фоновий колір окремих символів і фрагментів тексту. Якщо частина тексту зафарбована одним кольором, а частина іншим (що зазвичай буває, коли фон складається з сильно розрізняються за кольором областей - наприклад, світлої центральної частини і темної смуги уздовж межі екрану), фоновий колір в тезі BODY повинен бути таким, щоб на ньому були легко помітні обидва кольори тексту. Вибравши для тексту чисто білий текст на небілим тлі, майте на увазі, що броузер не стане відтворювати фоновий колір при друку сторінки на принтері. MS1E надійде при цьому цілком розумно, самостійно замінивши перед посилкою на друк колір тексту на чорний, але в броузері Netscape для цього потрібно буде встановити (За замовчуванням скинутий) прапорець Black Text в налаштуваннях друку (точніше, вам як автору сторінки потрібно буде нагадати зробити це вашому читачеві), - інакше з принтера вилізе білий аркуш без будь-яких слідів тексту сторінки. Про це потрібно пам'ятати при виборі колірної схеми для сторінок, які користувач з великою ймовірністю захоче роздрукувати (рахунків, інструкцій і т.п.).
Красива і приваблива веб-сторінка потребує використання цілісної кольорової схеми оформлення. Щодо застосування кольорів у веб-дизайні можна виділити кілька правил: 1. Використовуйте достатню кількість кольорів. Колір може підкреслити важливість деяких елементів, допомогти їх згрупувати або навпаки — розділити. 2. Розділяючи елементи сторінки, не забувайте про поля між ними. Краще, щоб це вільне місце мало колір фону, і бажано, щоб він був світлим. 3. Краще, коли тло сторінки є світлим, а текст, відповідно, — темним. Це звичніше і зручніше для очей та мозку. Водночас яскраві кольори незамінні для привертання уваги. 4. Враховуйте поєднання кольорів оформлення сторінки та зображень на ній. Зображення будуть губитись на яскравому тлі. Колір — це первинна ознака, присутня в кольоровому зображенні. Око людини має рецептори трьох типів, що рецептори реагують на фіолетово-синій колір, інші — на зелений, треті — на оранжево-червоний. Зоровий апарат людини аналізує світло, визначає у ньому вміст окремих випромінювань, а потім мозок синтезує їх у єдиний колір.
Гармонія кольорів Емоційна дія кольорів відома багато століть. Червоні тони називають гарячими (вогонь), жовті — теплими (сонячне світло), блакитні — прохолодними (небо). Синій (вечір), фіолетовий (захід сонця) і чорний (ніч) — заспокоюють та пригнічують. Водночас темні насичені кольори несуть у собі силу та загадковість, яка змушує хвилюватись. Помаранчевий колір створює відчуття благополуччя та веселості, має значну стимулюючу дію, але швидко втомлює. Зелений колір — нейтральний, це колір миру і спокою, до нього око найбільш чутливе і сприймає його найперше. Блакитний, так само як і зелений, має заспокійливий ефект, але у значній кількості може пригнічувати. Червоний колір — теплий і дратівний. Білий утворюється від змішування всіх кольорів, він є втіленням чистоти, миру та холоду, а чорний — це відсутність кольору, він викликає занепокоєння. Не варто допускати використання на невеликому просторі надмірно великої кількості кольорів. Дизайнери зазвичай обирають для оформлення сторінки не більше чотирьох, використовуючи кожен із них для розфарбовування кількох елементів. Надмірна яскравість кольору підкреслює дефекти зображення, низька — знижує чутливість до виявлення малих деталей і контрастів. Один і той же колір у різному оточенні може здаватись холодним або теплим, тож розподіл кольорів на групи є досить відносним. Так, яскраво-червоний колір порівняно з багряним буде холодним, а поряд із синім — теплим.