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

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

Типографика в блогах WordPress — что нужно знать — Блог Lorelei Web Design

Плагин All in ONE Cufon позволяет легко заменять шрифты в WordPress

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

Примеры хорошего использования типографики в WordPress:

https://loreleiwebdesign.com//HLIC/6ddf88ca708e8a1ffe0a287235dfb761.jpg

https://loreleiwebdesign.com//HLIC/8663505a6859fcf655e56bf9ffa3dddc.png

https://loreleiwebdesign.com//HLIC/69c7e6d719146c317ed764a054fabfe6.jpg

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

  • ориентация – Если вы читаете книгу и видите перевернутый текст, первое, что вы делаете, это переворачиваете книгу, а это не такая уж простая задача с компьютером. Вертикальный тип невозможен в HTML, но его можно сделать с помощью JPG, PNG или GIF. Это может сработать для вас, если использовать его экономно. Заголовок такого типа привлечет внимание читателя, и если он будет хорошо сбалансирован с такими вещами, как цвет, вес и размер, это может оказаться полезным. Этот тип заголовка требует внимания и при использовании вместе с другим материалом может объединить этот материал и стать очень эффективным.
  • Позиция – Поскольку используется другой стиль шрифта, например «индивидуальный», любая линия, находящаяся в другом положении, быстро привлечет внимание зрителя. Нарушение естественного потока страницы просто привлечет больше внимания. Вы можете изменить любой текст, изменив только один элемент, например шрифт, положение цвета и т. д. Все, что выглядит иначе или неуместно, автоматически привлечет к себе внимание. Как говорится, правила иногда создаются для того, чтобы их нарушать.
  • Space – Если вы напечатаете на белой странице одно слово размером 8 пунктов, ваше внимание будет обращено на него. С другой стороны, если вы работаете с полной страницей, набранной 12-точечным шрифтом, вы никогда этого не заметите. Как видите, важен не только шрифт на странице, но и пространство вокруг него. Вы можете легко освоить этот навык, играя с различными настройками типа и пространства, чтобы максимально реализовать идею, которую хотите донести. Это не только техника, используемая в письменной форме, она используется в живописи, архитектуре и т. д.
  • Приоритеты используются творчески – Типографика означает, что вы также будете думать о важности информации и о том, на чем вы хотите, чтобы зритель сосредоточил внимание. Вы можете сделать это, легко решая, что важно, и выделяя эту важную информацию. Вы можете создать веб-страницу, которая будет приятной для глаз, но в то же время отображающей самое важное. Вы найдете это очень полезным, если примете во внимание этот важный факт. Вы хотите, чтобы важный контент выделялся, чтобы зритель мог точно увидеть, какую мысль вы пытаетесь донести, без необходимости читать страницы бессмыслицы.

Вот несколько советов по использованию различных шрифтов в HTML:

  1. Используйте правильный стиль шрифта и размер регистра, чтобы зритель быстрее обработал вашу информацию. Если ваш зритель ищет информацию, вам понадобится какой-нибудь простой для чтения шрифт, например Arial или Veranda, чтобы он мог легко прочитать и найти то, что ищет. Также следует учитывать цвет и размер текста.
  2. Когда вы просматриваете дизайн своей веб-страницы, всегда помните о типе, цвете и размере шрифта, это очень важно, это может мгновенно повысить ценность вашей веб-страницы.
  3. Выберите шрифт, который легко читается. Использование такого шрифта, как Times new Roman, сохраняет все единообразным, а такой шрифт, как каллиграфический, очень отвлекает и его слишком сложно читать. Лучшее, что вы можете сделать, — это прочитать несколько строк и определить, легко ли вы их читаете. Если вы можете это сделать, ваш зритель тоже сможет.
  4. Не заполняйте страницу разными стилями шрифтов. Если это необходимо, например, для художественного сайта, вы можете использовать разные стили шрифтов, но их следует использовать в заголовках или умеренно по всему тексту. Не заполняйте текст разными шрифтами, потому что это отвлекает зрителя, и он теряет интерес.
  5. Большая часть вашего текста должна иметь размер от 12 до 14 пунктов. Это обеспечивает легкий доступ всем читателям, поскольку не все читатели имеют идеальное зрение. Мелкий шрифт может отпугнуть некоторых зрителей от вашего сайта, а вы не хотите терять зрителей, цель состоит в том, чтобы сделать сайт привлекательным для всех. Вы должны иметь в виду, что у вас будет много зрителей, и вам следует попытаться найти компромисс для всех зрителей и убедиться, что ваш заголовок набран более крупным шрифтом, чем текст.
  6. Последний совет касается цвета: используйте хороший контрастный цвет для шрифта, который не будет теряться в цветах фона. Лучшим выбором всегда будет черный шрифт на светлом фоне, только будьте осторожны при выборе цветов для своих веб-страниц, вы не хотите если поставить темный фон и темный шрифт на один фон, это будет слишком сложно читать, и ваш зритель потеряется.