Как сделать красивый сайт — текст

Итак, несколько советов о том, чего не стоит лепить на ваш шаблон сайта, ибо не каждый дизайн легко воспринимается и не каждый текст можно прочитать, даже, если он состоит из трех строк!

Шрифт

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

• наиболее легко читаемый шрифт — Roboto;
• оптимальный размер шрифта — 13-16px;
• выравнивание — по левой стороне или по краям (зависит от дизайна);

Ни в коем случае не делайте текст белым, если шаблон черный, это даст жуткий резонанс, который, в свою очередь, очень сильно будет бить по глазам. Для таких случаев можно применить один из вариантов серых цветов (#dcdcdc; #dadada; #cccccc; прочее).

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

Позиционирование

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

На скриншоте выше показана предыдущая версия данной стать в предыдущем дизайне. На плоском дизайне выравнивание по краям является безальтернативным решением.

Отступы

В вебе нет «книжных» горизонтальных абзацев, да и в традиционной литературе, с появлением MS Word такое явление постепенно вымирает. Веб-дизайнеры и копирайтеры нашли себе более продвинутое решение — видимый вертикальный отступ между абзацами, называемый межстрочным интервалом.

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

Креатив

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

Не забудьте почитать про подбор цветов