Сегодня веб-типография является одним из наиболее часто используемых элементов сети. Именно поэтому он играет очень важную роль в процессе создания веб сайта и стоит определенного внимания.
Дизайн и читабельность вашего сайта тесно связано с хорошей практикой типографии в Интернете. Более масштабируемые, легко читаемый сайт означает благодарность посетителям, они вернутся, для покупки ваших продуктов, оставять комментарии и поделятся сайтом с другими людьми.
Это не только размер и тип шрифта, но еще один шаг к успеху, конечно, если вы знаете, и используете основные принципы веб-типографии. Так, типографиия имеет ряд полномочий в Интернете, и мы постараемся обратится к её власти, выполнение рекомендаций экспертов, которые я предлагаю на ваше рассмотрение.
Использование сетки Структура сайта имеет большое значение из-за его способности к концентрации внимания посетителей, поэтому было бы больше пользы, упростив проектные решения, сделав пропорции и порядок на содержание вашего сайта, используя сетку. Баланс пробелов Расстояние является ключевым элементом.
Это пространство между элементами веб-сайта, который определяет информативную скорость, упрощая или усложняя процесс восприятия. И речь идет не только о вашем тексте — речь идет о пространстве, что его окружает. Слишком мало места, делает текст трудно читаемым, но так же и слишком много приводит к этому же эффекту.
Вы должны найти баланс между элементами, которые помогут расставить их один за другим, увеличивая читаемость сообщений и, таким образом делая их более важными и понятными. Направление Направление, или высота строки, может сделать ваш текст читаемым или нет: слишком близко друг к другу это слишком трудно, чтобы различать линии, слишком далеко друг от друга трудно, чтобы опустить взор на следующую строку.
Хорошее правило высота вашей линии должна быть в 1,2 раза больше размера вашего шрифта – при использовании 16px размера шрифта высота строки должна иметь размер около 19,2. Объём строки Высота строки не единственный фактор, который может увеличить читабельность. Объём строки также имеет большое значение.
Эксперт типография Медиа Союз говорит, что оптимальный объём находится между 50 и 60 символов в строке. Масштаб шрифта Установка масштаба шрифта, который будет определять размер, с которым вы работаете.
Наиболее распространенные виды шкал, используемые в веб-дизайне: 14px, 16px, 18px, 21px, 24px, 36px, и 48px. Вы также должны помнить, что пробелы увеличится одновременно с размером.
Выравнивание по типу Выравнивание по левому краю и тоже самое в веб-документе не всегда будет оправдано так как невозможно предугадать как поведут себя те или иные буквы или слова. Что же касается вынужденного выравнивания — это не лучший выбор, из-за меж буквенного интервала, которые создаются в текст.
В случае, если вы хотите, чтобы выглядело всё красиво, вы должны переоборудовать его, пока все интервалы не исчезнут или использовать Hyphenator. js, особенно впечатляет немного Javascript. Размер Теперь давайте подумаем, о размере шрифта, который должен быть доступен для чтения, но в то же время, он должен быть не слишком большой.
Для текста рекомендуется устанавливать между 12 и 16 пикселей, а для заголовков и меню — возможны варианты. И, конечно же, следует иметь в виду, что сегодня пользователи могут получать доступ к веб-сайтам через iPhone’ов и других портативных устройств, так что текст должен быть разборчивым в целом ряде размеров экрана. Количество шрифтов Если вы хотите, чтобы веб-сайт, выглядел стильно и элегантно, не используйте более чем два вида шрифта.
Слишком много видов шрифтов, цвета, или обработок на странице или в пункте создаст ощущение чего-то хаотичного несогласованного, а не подчеркнёт ваше сообщение, скорее наоборот сосредоточить внимание читателей на шрифты, которые будут соревноваться друг с другом. Некоторые интересные методы Начиная тему шрифтов и их использование, я хотел бы рекомендовать вам несколько методов, которые могут быть необходимы во время работы.
Они могут помочь вам создать специальные красивые эффекты. Они следующие: Потеря символов — низкая высота линии и нижней границы, в результате некоторые символы будут опускаться ниже линии (например, строчные «а»). Это выглядит весьма интересно.
Исключение из правил Если вы хотите быть оригинальным и творческим вы должны помнить, что правила для того и созданы что бы их нарушать. Дизайнеры должны знать общие принципы типографики, и быть достаточно смелыми, чтобы экспериментировать и противоречить им, если это необходимо для создания инновационных и красивых веб-страниц.
Цвет шрифта Цвета могут сделать нашу жизнь более привлекательной и интересной, но что касается цвета шрифта — вы должны помнить, что для больших кусков текста лучше придерживаться традиционных сочетаний темного на светлых страницах. В противном случае это может быть затрудтруднением для чтения и восприятия информации, что делает его просто невозможным для сосредоточения на нем.
Вы можете использовать цветной текст, чтобы подчеркнуть слова или предложения, и, конечно ваши заголовки. Обратите внимание также, насколько хорошо сочетаются элементы дизайна друг с другом — они должны быть доступны для чтения в первую очередь.
Пунктуация Это так просто и так эффективно – Казнить нельзя, помиловать. Это поможет вам упростить восприятие вашего контента и поможет выделить наиболее важные слова и фразы. запятые являются методом вытягивания символов, как открытие кавычек из вертикального потока копирования.
И еще несколько рекомендаций в отношении пунктуации: Использование прямые кавычки не очень эффективны. Попробуйте сравнить: Разница совершенно ясно, второй марки являются не только более стильным, но руководство глаза в страну и из цитаты, выделив эту часть текста от остального содержания.
Далее через два последовательных дефиса (—) Ваш читатель попытается разобраться в них спина к спине и терять представление о предложении. В целях предотвращения этого вы можете просто использовать Mтире или Nтире. Nтире (тире длиной тега N : –) используется для:
Значение диапазонов отношений и связей сложных прилагательных Вы можете сделать это Nтире в вашем HTML коде: – Mтире (тире длиной тега М: —). используется для указания на временный сдвиг в мышлении, будь то в середине или конце предложения Сделать это Mтире в вашем HTML
