Главная  /  Блог  /  Web  /  
  • Типографика сайта : основные положения

    /  Июля 15, 2013   /   Web,  Графика,  Дизайн   /  
    ||||| Like It 3 |||||

    Типографика – достаточно важный элемент дизайна для любого веб сайта. Данный вопрос чаще поднимается на англоязычных зарубежных дизайнерских блогах чем в рунете, в нашей стране внимание данному вопросу практически не уделяется. Естественно большинство дизайнеров при создании макета думает о типографике сайта – о шрифтах, об оформлении, но если честно, то очень скромно и мало. Потому, в рунете можно по пальцам посчитать проекты с яркой креативной и нестандартной типографикой, большинство из них это стандартный и унылый “серый” дизайн. Мы предлагаем 9 советов по улучшению типографики создаваемого сайта.

     

    1. Выбор шрифта

    Очень многое зависит от выбора шрифта, его дизайн во многом определяет настроение, передает «характер», да и вообще оказывает сильное влияние на восприятие. Стоит выбирать шрифт соответствующий стилю и концепции Вашего сайта. Например, для «класического» дизайна пойдет традиционный шрифт с засечками, вроде Times Roman, а для «современного» может подойти шрифт Arial или Helvetica;

     

    2. Размер шрифта

    Не менее важен размер шрифта основной части текста. Заголовок и подзаголовки могут быть гротескно большими и неуклюжим, но основной текст должен быть комфортным для восприятия, что возможно только при оптимальный размерах. Обычно это от 12до16 px;

     

     

    3. Набор стилей

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

     

    4. Акцент

    Важные места в тексту обязательно необходимо выделять — жирным шрифтом или курсивом ( главное не переусердствовать). Акцент он на то и акцент чтобы использоваться дозировано;

     

    5. Ширина столбца

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

     

    6. Интерлиньяж (Leading)

    Интерлиньяж или Leading — это расстояние между строками. если оно слишком большое или слишком маленькое, это отрицательно сказывается на читабельности. В большинстве случаев, скорее всего подойдет интерлиньяж на 2-4 пункта больше чем размер шрифта;

     

    7. Общая структура страницы

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

     

    8. Цвет и контраст

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

     

    9. Белое пространство

    Белое пространство — это не просто пустота, это важный элемент дизайна. Не следует слишком тесно лепить элементы, всегда нужно оставлять немного «воздуха», для того чтобы добиться чистого и легкого в восприятии дизайна.