Новосибирское агентство интернет-решений "Айкон" 18 лет занимается разработкой, поддержкой и продвижением сайтов.

Заказать звонок
  • Новосибирск
Блог
1406.18

Типографика в разработке сайтов

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

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

 
Если с шрифтом все просто, то «гарнитура» требует некоторого объяснения, поскольку многие путают эти два термина. Гарнитура – это шрифты, имеющие стилистическое единство исполнения. Например, у шрифта Times New Roman есть следующие варианты начертания, это и есть его гарнитура: 

  
После выбора шрифта выставляется его размер  - кегль. Выбор размера зависит, в первую очередь, от самого текста, его важности и расположения на странице. Заголовок, как правило, всегда пишется большим кеглем, сноски – меньшим. 
 
Для удобочитаемости можно менять расстояние между буквами – кернинг. Для заголовка будет уместно немного увеличить его, чтобы он визуально выделялся на фоне остального текста.
 
Разрабатывая стилистическую часть текстового наполнения сайта, нельзя забывать о технической составляющей.  Не все шрифты можно использовать на сайтах, поскольку многие начертания попросту не существуют в веб-формате, а только в графическом. Он применяется в основном для разработки печатной продукции, и с ним все просто: на печати все будет выглядеть точно так, как и задумывалось дизайнером. С веб-шрифтами ситуация несколько сложнее – если использовать на сайте неподдерживаемый каким-либо современным устройством шрифт, то пользователь на этом устройстве вместо текста увидит непонятные символы, или же страница вовсе не загрузится. Поэтому при выборе шрифта нужно учитывать, поддерживается ли тот или иной вариант начертания современными браузерами и операционными системами. Но если нужный вам шрифт не существует в веб-версии, то можно поместить его на сайте в виде изображения. Но не стоит злоупотреблять этой возможностью: каждая загруженная картинка будет сказываться на скорости работы сайта. 
 
Зная эти основные понятия можно начинать работу над наполнением сайта текстовой информацией. Но есть еще несколько моментов, которые стоит учесть:
 
● На сайте не стоит использовать более трех шрифтов. Это поможет избежать визуальной перегруженности и повысить удобочитаемость. Это важно для удержания посетителя на странице.
 
● Не стоит бояться простых стандартных шрифтов. Изыски нужны далеко не всегда, а классические шрифты вроде Helvetica давно зарекомендовали себя и используются даже самыми успешными сайтами.
 
● Единство ссылок. При вставке в текст каких-либо ссылок нужно учесть, что посетитель сайта должен понять, что это именно ссылка, а не простой текст. Нужно не допускать мешанины в оформлении ссылок и использовать единый интуитивно понятный стиль их оформления, например выделение синим цветом.
 
Использовать все эти особенности стоит не только разработчикам сайтов, но и их владельцам, которые наполняют свой уже готовый сайт новым контентом. Это поможет избежать расхождения с единым стилем и не будет вызывать визуального отторжения. Специалисты нашей компании всегда помогут вам как рекомендациями по оформлению контента, так и смогут разработать новый сайт с учетом всех вышеописанных особенностей! 
 

Читайте далее: Игра в ассоциации или Как не спутать вас ни с кем

ТИПОВЫЕ РЕШЕНИЯ

Стоимость и состав предложений по типовым решениям вы можете узнать 
скачав наши коммерческие предложения:

 Интернет-магазин       Корпоративный сайт


ИНДИВИДУАЛЬНЫЕ РЕШЕНИЯ

Укажите, пожалуйста, следующую информацию, чтобы мы смогли подготовить оценку Вашего проекта:

  • Разработка нового сайта
  • Переработка существующего

ТИПОВЫЕ РЕШЕНИЯ

Стоимость и состав предложения по типовому решению вы можете узнать 
скачав наше коммерческое предложение:

 Продвижение сайта


ИНДИВИДУАЛЬНЫЕ РЕШЕНИЯ

Укажите, пожалуйста, следующую информацию, чтобы мы смогли подготовить оценку Вашего проекта:

от 12000 до рублей в месяц

Работать с нами не только легко, но и выгодно.
Мы с удовольствием даем скидки новым клиентам:


• 2% — если вы не исправляете наш типовой договор.
• 3% — если вы вносите предоплату в течение 5 дней после обращения к нам.
• 15% — на индивидуальную разработку сайта при одновременном заключении договора на продвижение сайта в течение 12 месяцев.

Все скидки суммируются! И вы можете получить до 20% честной скидки на разработку сайта!

Я даю согласие на обработку персональных данных и соглашаюсь с политикой конфиденциальности

Необходимо согласие

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

Спасибо, не надо.

Заказать звонок


Я даю согласие на обработку персональных данных и соглашаюсь с политикой конфиденциальности

Необходимо согласие