Здравствуй, уважаемый посетитель! Я продолжаю знакомить вас с таким важным этапом создания сайта, как этап разработки веб дизайна. Сегодня мы поговорим о еще одном моменте концепции дизайна, это как подобрать шрифты для сайта. Как говорит всеми нами любимый Яндекс, сайт должен быть для людей. В данном разрезе читабельность текстов является первостепенной задачей, а правильно подобранные шрифты для сайта реализацией этой задачи.
Именно от правильно подобранных шрифтов на странице зависит ее привлекательность и значимость. Примеров можно привести предостаточно, когда интересная, полезная информация, предоставленная в небрежном, слабо читаемом виде абсолютно не пользуется популярностью, а иногда даже отталкивает посетителей. Не зря профессиональные дизайнеры уделяют данной теме немаловажное внимание. И так начнем:
Что такое шрифт?
Каждый из нас, в повседневной жизни сталкивается с текстовой информацией, предоставленной нам на страницах печатной продукции, экранах компьютеров и других гаджетов. Можно заметить, что от важности и объема предоставляемой информации, меняется графика ее подачи. Основную роль в этом моменте играют шрифты. Шрифты – это специализированные наборы литер (букв), цифр и спец знаков, используемых для передачи необходимой информации.
Интернет вообще и вебсайты в частности, нескончаемый поток той самой информации, которую человек впитывает ежедневно. А что бы представить ее в удобном, понятном, привлекательном виде необходимо иметь определенные знания и понимать, как это работает. Дизайнер, рисуя макет сайта, закладывает в него определенную идею, которая подкрепляется графикой, цветопередачей и конечно же интересным представлением текстовой информации.
Как подобрать шрифты для сайта
Как подчеркивают специалисты выбрать шрифты для сайта это скорей творческая задача, чем техническая. Но она не лишена поэтапного подхода и выполнения, определенных правил. Именно об этих правилах мы поговорим далее.
Как подобрать шрифты для сайта?
Подбирая шрифты для сайта, стоит помнить, что главная задача этого мероприятия сделать сайт удобным для посетителей, а тексты читабельными. Для этого существуют годами укоренившиеся правила типографики, соблюдать которые рекомендуется всем разработчикам. Вот основные из них:
1. Используйте кириллические шрифты для сайта.
Подбирая шрифты для сайта, стоит помнить, что не каждый из них поддерживает кириллицу, то есть кодировку русскоязычной раскладки клавиатуры. Поэтому на русскоязычных ресурсах используются исключительно кириллические шрифты.
2. Применяйте безопасные шрифты для сайта.
Безопасными считаются, те шрифты, которые применяются в большинстве операционных систем, поэтому их применение не вызовет сбоев в работе сайта. Вот рекомендованный список:
• Arial
• Arial Black
• Comic Sans MS
• Courier New
• Georgia
• Impact
• Times New Roman
• Trebuchet MS
• Verdana
Применяя данные образцы, вы избавите себя от головной боли по ускорению работы сайта и необоснованно высокой нагрузки на сервер.
Что такое шрифт?
3. Подбор шрифтов одной гарнитуры.
Гарнитурой шрифта считается особенность его изображения. По данному признаку шрифты разделяются на два вида: с засечками и без засечек (рубленные). Согласно общепринятой практике на странице рекомендуется использовать не более двух шрифтов, причем одной гарнитуры. Для страниц с большими объемами текста такая гарнитура должна быть без засечек. Это увеличивает читабельность текста.
Для оформления страниц сайта, некоторые дизайнеры используют шрифты с обеими гарнитурами. Так называемый прием контраста, позволяющий выделить заголовки и подзаголовки рассматриваемой темы.
4. Оцените размеры шрифта.
Подбирая текстовое оформление, стоит особое внимание обратить на аккуратность выбранного шрифта при больших размерах и его четкость при маленьких. Основными правилами размеров шрифта считается 12 – 16 рх размер для основного текста и пропорциональная величина для заголовков и подзаголовков. Исходя из этого, что бы правильно подобрать шрифт для сайта, стоит провести исследование.
Загрузите шрифт, отобразите его начертание в предполагаемых размерах на пробной странице и посмотрите результат в различных браузерах. Наилучший, примите за основу. Особое внимание обращайте на шрифт основного текста. Он должен иметь удобный межсимвольный интервал, а читабельность текста составлять 100%.
5. Красивые шрифты для сайта.
Не увлекайтесь так называемыми красивыми шрифтами.
Во-первых, для их реализации необходимо использовать свойство CSS, которое подгружает гарнитуру, чем создает дополнительную нагрузку на сервер и уменьшает скорость загрузки страницы.
Во-вторых, данная группа имеет определенные признаки ухудшения читабельности. Читая текст, начертанный нестандартным шрифтом, посетитель напрягает зрение, что приводит к быстрой утомляемости. Следствие, досрочный уход с сайта.
Это основные правила, которые я хотел вам предложить. Следуйте данным правилам для успешной реализации ваших задумок. А мы идем дальше:
Где подобрать шрифты для сайта?
Прежде чем отвечать на поставленный вопрос, хочу напомнить, что шрифты, как любая интеллектуальная продукция, имеют авторские права. Поэтому не удивляйтесь, когда за приобретение понравившегося вам шрифта потребуют определенную сумму. Или заблокируют ваш сайт за нарушение авторских прав.
Моя рекомендация действовать в рамках закона. Вариантов два. Можно приобрести шрифты, купив их у действительных разработчиков или воспользоваться сервисами, предлагающими бесплатные наборы.
Воспользовавшись этими ресурсами, можно подобрать шрифты для сайта, на любой вкус и реализации самых нестандартных задумок.
На этом на сегодня все. Подведем итог. И так мы узнали: что такое шрифты для веб, какую роль они играют при разработке дизайна сайта, как подобрать необходимый шрифт и на что стоит обращать внимание, а так же где можно найти бесплатные варианты.
• Не рекомендуется задавать название и размер шрифта для текста, что упрощает работу тем, кто будет публиковать материал. Владельцы web-ресурсов все равно будут подстраивать шрифт под дизайн своего сайта. Для того чтобы убрать разметку в MS-Word необходимо в опции «шрифт» выбрать команду «Очистить формат».
• В тексте необходимо придерживаться только задания жирности, наклона и подчеркивания, иногда допустимо для подчеркивания особо важного места в тексте изменения размера и цвета шрифта, но не его типа. Правильно форматированный текст кроме разметки жирности, наклона и подчерков ничего содержать не должен. Очень редко можно изменять цвета и размер шрифта.
• Приведенные в статье ссылки должны для удобства пользователя открываться в отдельном окне. Задать такую ссылку можно следующим кодом коде <a href=’адрес_сайта’ target=’_blank’>название ссылки</a>. Читатель легко ознакомится с текстом страницы и после вернется к основному ресурсу.
• При написании текста следует избегать использования сложных синтаксических конструкций и выражать мысли короткими предложениями. Текст обязательно должен быть разбит на небольшие, смысловые абзацы разделенные пробелами. Такая структура материала удобна для чтения и не вызывает быструю утомляемость зрения.
Будем прощаться, пишите отзывы на статью. Удачи всем нам.