29.10.2020
Новости школы9 лучших советов по использованию типографики в веб-дизайне
Использование типографики - отличный способ повысить его привлекательность. Многие дизайнеры утверждают, что «правильная типографика делает чтение контента сайта легким, а плохая типография отпугивает читателей».Простой шрифт в сочетании с причудливыми, элегантными шрифтами делает статью легкой для глаз и приятной для чтения.При написании произведения вам необходимо использовать простой, различимый и легко читаемый тип шрифта; содержание может стать монотонным и скучным, когда типографика слишком проста.Вот девять лучших практик использования типографики в веб-дизайне.
Будь проще
Читаемость является ключевым. Вы определенно не хотите переусердствовать с каллиграфическими шрифтами до такой степени, чтобы читатели едва могли разобрать слова, которые вы написали. Фактически, использование стандартных шрифтов может лучше привлечь внимание читателей, так как большинство людей знакомы с ними. Простота повышает удобочитаемость вашего сайта и повышает его визуальную привлекательность. Вы должны стремиться использовать минимальное количество шрифтов на вашем сайте, чтобы сохранить структуру и профессионализм. Если вы слишком стараетесь выглядеть изощренным, используя каллиграфические шрифты, это может иметь катастрофические последствия для вашего веб-сайта, когда содержание превращается в неразличимый беспорядок. Типографика вашего сайта во многом зависит от ваших потребностей. Например, при продвижении вашего бренда в этот момент могут быть полезны пользовательские шрифты. Кроме того, уделяйте внимание устройству, на котором пользователи будут в основном получать доступ к вашему веб-сайту - будь то ноутбуки, планшеты или смартфоны. Это поможет вам в выборе шрифтов, которые будут разборчивы и хорошо отображаются на целевых устройствах.
Правильно подбирать и сочетать шрифты
Системные шрифты - безопасная ставка для веб-дизайнеров, так как они просты в использовании и не выдают сложный макет. Однако, чтобы правильно использовать многочисленные шрифты каллиграфии доступные в текстовом инструменте, вам нужно выбрать и сопоставить их в парах, которые дают отличное сочетание. Некоторые каллиграфические шрифты дают благоприятные результаты при сопоставлении с другими конкретными шрифтами; поэтому вам нужно умело выбирать и смешивать их. Существуют веб-сайты, которые предлагают выбор бесплатных шрифтов, но важно подтвердить, лицензированы ли они и разрешено ли вам их использовать. Вы не хотите использовать каллиграфические шрифты, которые требуют лицензирования на вашем сайте, поскольку это будет равносильно краже. Некоторые веб-сайты требуют загрузки шрифтов, а некоторые - нет, поэтому вам придется найти те, которые лучше всего подойдут для вас.
Избегайте длинных строк
Количество символов в строке текста во многом определяет легкость, с которой пользователь может прочитать и понять сообщение. Более короткие предложения обеспечивают лучшую читаемость, чем более длинные; следовательно, ваша типография не должна быть слишком широкой или слишком узкой. Распространенным правилом веб-типографики является ограничение диапазона символов в строке примерно до 50–60. Для оптимальной длины строки вашего сайта, вы должны рассмотреть вопрос об изменении ширины вашего макета.
Правильно используйте интерлиньяж
Правильное использование расстояния между строками текста не только улучшает видимость и визуальную привлекательность, но также улучшает разборчивость. Отсутствие правильных измерений высоты линии может привести к тому, что ваш веб-сайт будет выглядеть загроможденным и не сможет заинтересовать читателя. Вы должны рассмотреть вопрос о применении правильной высоты строки между строками текста на вашем сайте для лучшей типографии.
Удачно используйте цветовой контраст
Цвет играет огромную роль в наилучшей практике веб-типографики. Следовательно, тщательное сопоставление цвета текста и фона может улучшить читаемость текста.
Информация, которую вы хотите передать
То, как сообщение будет получено и интерпретировано конечными пользователями, во многом будет зависеть от шрифтов. Чтобы эффективно передать сообщение в дизайне, убедитесь, что выбранный вами шрифт не меняет смысл сообщения. Например, если ваша цель - создать и передать счастливую и непринужденную атмосферу, формальных шрифтов будет недостаточно, и кричащие или «страшные» шрифты также не будут работать. Поэтому следуйте рекомендациям по созданию шрифтов для реализации эффективных дизайнов.
Какая ваша цель?
Цель для создания контента влияет на типографику в веб-дизайне. Она всегда должена вступать в игру, когда вы принимаете решение о том, какие шрифты использовать для дизайна. Например, веселый и креативный шрифт, такой как Princess Sophia, лучше всего подойдет для сайта, где продаются детские товары. И, если вы планируете свадьбу, подойдет более сложный и романтичный шрифт, такой как Coneria Script. Событие, для которого вы создаете дизайн, всегда должно помочь вам выбрать лучший шрифт для проекта.
Caps Lock - нет-нет
Использование заглавных букв в тексте или сообщении создает впечатление, будто вы кричите и навязываете своим читателям. Это неприятно для глаз, и большинство читателей даже не дойдут до конца сообщения, так как это, вероятно, оттолкнет их.
Какова ваша целевая аудитория?
Чтобы ваш сайт хорошо подходил целевой аудитории, вы должны понимать конечных пользователей и учитывать их потребности и ожидания при разработке типографского дизайна. Для кого вы разрабатываете? Какова их возрастная группа? Каковы их симпатии и антипатии? Ответы на такие вопросы о целевой аудитории помогут вам выбрать правильные шрифты для сообщения, которое вы хотите донести до них.
Чтобы реализовать свои цели вашего дизайна, вы должны убедиться, что типографский контент вашего сайта читабелен, отточен и не отвлекает. Кроме того, вам нужно проявить творческий подход, пройтись по различным коллекциям шрифтов и попрактиковаться в использовании различных системных и пользовательских букв, чтобы определить, какие из них лучше всего подходят. Прежде всего, нет единой формулы для достижения совершенства в типографии веб-дизайна, но с достаточной практикой вы будете развивать свои навыки.