Шрифт визначає візуальний вигляд тексту, який буде впливати на сприйняття, створювати певний образ або настрій, бути засобом виділення або залучення уваги.
В даний час існує безліч шрифтів, але більшу їх частину можна класифікувати наступним чином:
· Шрифти із зарубками (Serif): "Times", "Century", "Garamond" та ін .; цей тип шрифтів складається з символів, на кінцях яких розташовуються "хвостики", звані зарубками (serifs);
· Шрифти без зарубок (Sans Serif): "Arial", "Verdana" та ін .; такі шрифти мають округлий вигляд;
Крім того, для всіх шрифтів можна виділити ще дві групи:
· Моноширинних шрифти (всі кегельний майданчики знаків мають однакову ширину).
У веб-дизайні шрифти групуються за домами і гарнітурам. Сімейство гарнітур - специфічний набір шрифтів зі специфічними властивостями. Гарнітура вказує на шрифт всередині сімейства.
Використання шрифтів у оформлення тексту для електронних носіїв має свої особливості. Зокрема, для оформлення текстових блоків на сайті стандартним вважається використання шрифтів без зарубок. Шрифти із зарубками можуть погано відображатися через некоректне відтворення дрібних деталей деякими моніторами. В даний час апаратних обмежень стає менше, тому вже зараз можна зустріти використання шрифтів із зарубками для оформлення текстових блоків, однак використовувати їх слід з обережністю.
Що стосується декоративних та інших нестандартних шрифтів, то, в цьому випадку, головною проблемою є відсутність нормального згладжування в браузерах [26].
При використанні стандартних шрифтів може виникнути проблема відсутності курсиву. Шрифти, які не мають курсиву, просто відображаються в похилому зображенні: нахилений вправо прямий шрифт. Наслідком цього є погіршення візуального образу: зміна пропорцій в штрихах, погана читабельність і сприйняття букв.
Крім того, деякі шрифти не мають жирного накреслення. При застосуванні до них "font-style: bold;" або виходить "математична модель" жирного шрифту, а не реальний жирний.
У веб-дизайні існує поняття "безпечні шрифти", тобто ті, які однаково відображаються на більшості комп'ютерах. Ось деякі з них: "Arial", "Arial Black", "Courier New", "Georgia", "Impact", "Times New Roman", "Trebuchet MS", "Verdana".
"Verdana" є найбезпечнішим для зору екранним шрифтом. Оптимальний для очей розмір екранного шрифту - 10-12 пунктів. При читанні текстів, набраних цим шрифтом, очні м'язи відчувають найменше напруження.
Підбір кольору
При створенні веб-ресурсу за допомогою кольору можна виділити важливі або утворюють елементи сторінки: заголовки, посилання, навігаційні елементи, цитати в тексті, маркери, списки, рамки.
Першим і головним правилом підбору кольору для майбутнього веб-ресурсу є чітке уявлення про безпечних кольорах.
На різних типах комп'ютерів, моніторів і браузерів кольору з однаковим кодом можуть відрізнятися. Коли браузер не в змозі правильно передати той чи інший колір, він підбирає найбільш близький до нього. Іноді первинний колір може бути замінений чимось абсолютно невідповідним. З метою полегшення роботи дизайнера була створена, так звана, палітра безпечних кольорів, які правильно і без спотворень будуть відображатися в будь-якому браузері.
Наступний важливий момент при створенні сайту - вміння правильно підбирати кольори різних елементів web-сторінки так, щоб вони виглядали цілісно і гармонійно.
Якщо весь спектр кольорів згорнути у вигляді трубки, то отримана фігура носитиме назву "колірне коло". За допомогою колірного кола зручно підбирати кольори і маніпулювати ними [25].
Кольори червоний, зелений і синій називаються основними, жовтий, блакитний і пурпурний - додатковими квітами. Заснована на представленні кольору людиною, модель HSB описує колір трьома основними характеристиками: відтінком, насиченістю, яскравістю.
Відтінком (Hue) називають промені світла, відбиті від об'єкта або які пройшли крізь нього. На колірному колі виражається в градусах від 0 ° до 360 °.
Насиченість (Saturation) - видима яскравість або інтенсивність кольору. Насиченість визначає кількість сірого кольору у відтінку, вимірюється у відсотках від 0% (сірий) до 100% (повна насиченість).
Яскравість (Brightness) залежить в основному від кількості світлових променів, відбитих поверхнею даного кольору, що дорівнює його яскравості по відношенню до інших кольорів при даному освітленні. Зазвичай вимірюється у відсотках від 0% (чорний) до 100% (білий) [8].
При підборі колірної гами необхідно дотримуватися наступних правил:
1) для залучення уваги використовуються контрастні кольори, інші кольори будуть перебувати в їх діапазоні;
2) контрастні кольори при змішуванні утворюють білий колір, тому, якщо від кожного компонента білого кольору відняти відповідний компонент вибраного кольору, отримаємо його контрастну пару.
Нюансовой квітами називаються кольори близькі по відтінку, але розрізняються по насиченості і яскравості.
При підборі кольору важлива ідея, а також конкретне її втілення. При втіленні в життя своєї ідеї слід довіритися емоційним відчуттям. Поєднання кольорів, вбрання для оформлення сайту, називають колірною схемою. Для того щоб у відвідувача складалося відчуття пов'язаності сайту, його цілісності і закінченості, колірну схему повторюють на всіх сторінках веб-ресурсу [22].
Деякі стандартні колірні схеми проілюстровані на малюнку 1.4.1.