Веб-дизайн / Советы

16678

07-09-2017

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

1. Шрифт
Выбор шрифта — один из самых важных моментов в типографике. Шрифт должен соответствовать содержанию текста и быть уместным. Также лучше всего выбирать хорошо читаемый и четкий шрифт. Для заголовков можно использовать и декоративные шрифты, но для основного текста лучше всего остановится на Helvetica, Arial или Times Roman.

2. Размер
Следующий пункт, на который стоит обратить внимание — это размер шрифта. Как правило, размер шрифта варьируется между 12 и 16 пикселями для основного текста. Также следует учесть, что пользователи могут смотреть сайт и с мобильных устройств, а значит текст должен быть разборчивым и в зависимости от разрешения экрана.

3. Иерархия
В зависимости от размера шрифта для основного текста на сайте, можно установить иерархию размеров для различных частей текста и соблюдать эту иерархию на всех страницах сайта. Например, основной размер текста 14 пискселей, а следующие размеры будут 16, 18, 21, 24, 36, 48, 60, 72 для других блоков с текстом и крупных заголовков.

4. Акцент
Иногда бывает необходимо выделить слово или фразу в тексте, чтобы акцентировать на ней внимание. Сделать это можно с помощью курсива, выделения жирным, подчеркиванием, изменением размера шрифта, различными цветами. После того, как стиль выбран, его следует придерживаться на всех страницах сайта.

5. Длина строки
Если длина строки будет слишком короткой — текст становится беcсвязным, а если слишком длинным — то трудно читаемым. Обычно длина строки варьируется между 40 и 80 символами. Оптимально это где-то около 65 символов.

6. Межстрочное расстояние
Этот параметр является важным компонентов, влияющим на читаемость текста и общую эстетику сайта. Выбор размера межстрочного расстояния зависит от используемого шрифта, его размера и стиля, длины строки. Обычно размер межстрочного расстояния на 2-5 пунктов больше, чем размер шрифта.

7. Выравнивание
Хорошее выравнивание текста способствует общему приятному впечатлению от сайта. Содержание сайта следует аккуратно разложить согласно логике восприятия текста и визуальному балансу. Страница должна быть разделена на системы столбцов, строк, меню, заголовков, боковые и нижние колонтитулы.

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

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

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

Источник: Spyrestudios