Москва +7(499)
32-28-873
меню
мы в соцсетях
Подпишитесь на новые статьи

Как правильно сверстать текст

4.7 из 5 на основе 3 оценок
03.02.2017 Написать комментарий

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

Овладение любым навыком, ремеслом, начинается с ознакомления со специальными правилами, методическими руководствами, рекомендациями, позволяющими получить нужную квалификацию. Ниже представлены 20 разработанных экспертами ключевых принципов верстки.

1. Учитесь основам

Первый шаг – изучение тонкостей. Овладевайте специальной терминологией, учитесь проводить точные измерения, читайте профессиональную литературу.

2. Познавайте искусство общения посредством шрифтов

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

3. Осваивайте кернинг

Кернинг подразумевает подбор межзнаковых промежутков для каждой пары символов. Это - ключевой навык, которым следует овладеть в первую очередь. Программы наподобие Adobe Illustrator автоматически исправляют ошибки, связанные с измерением интервала между знаками. В длинных предложениях или абзацах они незаметны. Встречаясь в заголовке или логотипе, портят весь замысел.

4. Ограничивайте число используемых стилей

Распространенный прокол веб - дизайнеров, особенно новичков – применение обилия стилей. Используйте два-три варианта максимум: один для основного текста, другой – для заголовка, третий – для подзаголовка.

5. Практикуйте правильное выравнивание

Выравнивание по центру или ширине  усложняет чтение информационного наполнения. Microsoft Word дает 4 основные опции: выравнивание по левому краю, по центру, по правому краю, по ширине.

6. Создавайте визуальную иерархию

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

7. Внедряйте модульную сетку

Главные ее преимущества: простота создания макета страницы, упрощение процесса верстки.

8. Умейте комбинировать

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

9. Выберите отличный второстепенный шрифт

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

10. Научитесь измерять

Измерения особенно важны при разработке веб-сайта. Не все шрифты имеют одинаковую величину, следовательно, место, занимаемое ими на странице, отличается. Высота знака определяется как высота строчной буквы Х. Комбинируя разные варианты, убедитесь в том, что они обладают одной высотой. Шириной знака считается расстояние от крайней левой до крайней правой точки буквы.

 11. Создавайте читабельный текст

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

12. Выбирайте цветовую палитру с умом

Формируя цветовую палитру, углубитесь в теорию цвета для точного определения необходимых оттенков. Определив нужные цвета, убедитесь, что они не сбивают с толку аудиторию.

13. Убирайте верхнюю и нижнюю висячие строки

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

14. Избегайте растягивания шрифта

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

15. Помните: свободное место – не пробел

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

16. Относитесь к верстке как к искусству

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

17. Воздержитесь от использования дизайнерских новинок

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

18. Работайте, подобрав правильные инструменты

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

19. Придерживайтесь грамматических правил

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

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

20. Найдите источник вдохновения

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

По материалам: /

мы в соцсетях
Подпишитесь на новые статьи