Обработку шрифтов в веб-дизайне невозможно переоценить. В конце концов, веб-страницы используются для передачи информации, а самым классическим и прямым способом передачи информации является текст. Поэтому понимание некоторых базовых знаний о шрифтах по-прежнему очень важно для дизайна. из.
Самая большая разница между китайским и английским заключается в том, что в китайском используются квадратные символы, а в английском — символы пиньинь. Это оказывает огромное влияние на обработку шрифтов. Если вы посмотрите на диаграмму ниже, вы обнаружите, что изменения английского шрифта в китайском шрифте ослаблены.
Как китайский читатель, я обычно принимаю квадратную форму за единицу чтения. На самом деле, это простой способ утомить глаза. При чтении ваши глаза фактически следуют за формой всей строки текста. Взгляните на этот пример.
ТЕПЕРЬ Я ПОПЫТАЛСЯ С ВАМИ ПОГОВОРИТЬ И ЗАСТАВИТЬ ВАМ ПОНЯТЬ
Теперь я попытался поговорить с тобой и заставить тебя понять
Какая строка легче читается?
Первая строка чем-то похожа на ситуацию в китайском. Разница в том, что каждый китайский иероглиф подобен картине, и его изменения гораздо богаче, чем 26 английских букв. Для нас мы приняли эту особенность, но при проектировании все же есть. некоторые вопросы, которые необходимо учитывать. Я не дизайнер. Если то, что я сказал, неверно, оставьте сообщение ниже для обсуждения. Это содержание представлено как общие принципы, когда я преподаю типографику. Я также говорю студентам: «Цель правила — нарушить правило». Сам принцип дизайна — нарушить принцип, что также является проявлением так называемого творчества. Проблема в том, что вам нужно сначала знать принципы и практиковать в соответствии с ними. Только после того, как вы ознакомитесь с принципами, вы сможете нарушить принципы и проявить свою креативность. Нарушение принципов не означает, что принципы ошибочны или неправильны. но только благодаря вашему изобретательному использованию этих принципов вы некоторые сломали и в то же время сделали некоторую компенсацию за сломанные вами части, что кажется весьма философским.
Лично я считаю, что наиболее важными принципами являются (применительно к английскому языку):
При выборе шрифта следует учитывать назначение текста. Это заголовок или абзац?
Вообще говоря, шрифты с засечками подходят для использования в качестве заголовков, например Arial; шрифты с засечками подходят для использования в качестве текста абзаца, например Time New Roman. Для веб-дизайна я настоятельно рекомендую несколько шрифтов, например verdana, tahoma и georgia. Фактически, такой шрифт, как Verdana, разрабатывался ведущими мировыми дизайнерами шрифтов в течение почти двух лет. Microsoft несет ответственность за оплату счетов, а затем бесплатно предоставляет его пользователям. Этот шрифт является частью установки IE 4. Для указанной выше версии ваш компьютер должен иметь этот шрифт, поэтому вам не придется беспокоиться о том, есть ли этот шрифт у пользователя. Он разработан с учетом проблем, с которыми могут столкнуться шрифты при отображении на экране, и дает практически идеальные ответы. Единственная проблема в том, что его почти совершенство не оставляет нам индивидуальности при его использовании, потому что им пользуются все.
Размер шрифта?
На форуме много дискуссий о том, что лучше, пиксель или точка? Я не буду повторяться. Я хочу отметить, что в CSS существует множество различных единиц измерения размера шрифта, и их можно условно разделить на три категории:
Абсолютный размер: мм, см, дюйм, пт, шт.
Относительный размер: em, ex
Относительно устройства: px
Возможно, мне захочется сказать еще несколько слов об em и ex. Em представляет размер шрифта в CSS. Например, для шрифта 12 пт 1 em равен 12 пт.
п {
размер шрифта: 10pt;
текстовый отступ: 1em
}
Возможно, вы скажете, что я могу использовать text-indent: 10pt для достижения того же эффекта, но это только в идеальных обстоятельствах. Если пользователь считает, что лучше установить размер шрифта его браузера на 14pt, пропорцию, которую вы проектируете. Он теряется, поэтому относительный размер очень полезен для масштабируемости веб-страниц.
ex похож на em, но не то же самое. Возвращаясь к приведенной выше диаграмме, x-высота различна для каждого шрифта. ex определяет размер шрифта на основе x-высоты шрифта.
Выравнивание?
Лучше всего использовать выравнивание по левому краю, особенно избегайте выравнивания по левому и правому краю, если только у вас нет особых целей в дизайне. Смещение правой стороны при выравнивании по левому краю делается только для удобства чтения. вашему зрению. Используйте изменения, чтобы сообщить своим глазам, что пора менять линии.
Межстрочный интервал?
Межстрочный интервал зависит от размера шрифта. Вообще говоря, маленькие размеры шрифта требуют большего межстрочного интервала для облегчения чтения. Если на веб-странице нет настройки межстрочного интервала для китайских шрифтов, чтение больших абзацев будет катастрофой для читателей. Поэтому очень важно правильно установить высоту строки. Как правило, высота строки в веб-дизайне должна быть в 1,5–2 раза больше размера шрифта. В Word и других программах для редактирования текста 120% шрифта обычно устанавливается как межстрочный интервал по умолчанию. Параметр высоты строки в CSS делится поровну и добавляется к верху и низу каждой строки. То есть, если высота строки установлена на 20 пикселей, то каждая строка текста будет иметь интервал 10 пикселей вверху и внизу. нижний.
Межсловный интервал и межсимвольный интервал?
Для особых целей эти два слова должны быть одинаковыми для китайского языка. Сама эта настройка призвана устранить определенные недостатки дизайна шрифтов и повысить читаемость текста.