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

Прикладом цього є те, що стаття, написана в журналі, порівнюється з плакатом. У той час як журнал читається на близькій відстані та на відстані витягнутої руки, набір може бути невеликим і його легко читати. У той час як плакат більший і його видно під кутом, ви б хотіли розмістити слова так, щоб їх легко розрізнити глядач.

Типографіка в блогах Wordpress - Що вам потрібно знати - Веб-дизайн блогу Lorelei

Плагін 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. Це може спрацювати, якщо використовувати його помірно. Заголовок такого типу приверне увагу читача, і якщо він добре збалансований із такими речами, як колір, вага та розмір, може бути корисним. Цей тип заголовка привертає увагу, і якщо його використовувати разом з іншим матеріалом, він може об’єднати цей матеріал і стати дуже ефективним.
  • становище – Оскільки використовується інший тип стилю, наприклад maverick, будь-яка лінія, яка знаходиться в іншому місці, швидко приверне увагу глядача. Порушення природного потоку сторінки просто приверне більше уваги. Ви можете змінити будь-яку частину тексту, змінивши лише один елемент, наприклад шрифт, положення кольору тощо. Все, що виглядає інакше або недоречно, автоматично привертає до себе увагу. Як говориться, правила іноді створені, щоб їх порушувати.
  • Простір – Якщо ви надрукуєте на білій сторінці одне слово розміром 8 пунктів, то ваш погляд буде притягнутий до нього. З іншого боку, якщо ви працюєте з повною сторінкою 12 пунктів, ви ніколи цього не помітите. Тож, як ви бачите, важливий не лише шрифт на сторінці, а й простір, який оточує шрифт, не менш важливий. Ви можете легко навчитися цій навичці, граючи з різними типами та налаштуваннями простору, щоб отримати максимальну віддачу від ідеї, яку ви хочете поширити. Це не тільки техніка, яка використовується в письмі, вона використовується в живописі, архітектурі тощо.
  • Пріоритети використані творчо – Типографіка означає, що ви також будете думати про важливість інформації та про те, на чому ви хочете зосередити увагу глядача. Ви можете зробити це, легко вирішуючи, що важливо, і виділяти цю важливу інформацію. Ви можете створити веб-сторінку, яка буде приємною для ока, і водночас охоплюватиме найважливіше. Вам буде дуже корисно, коли ви візьмете до уваги цей важливий факт. Ви хочете, щоб важливий вміст виділявся, щоб глядач міг точно бачити, що ви намагаєтеся зробити, не читаючи сторінки пустих речей.

Ось кілька порад щодо використання різних шрифтів у HTML:

  1. Використовуйте правильний стиль шрифту та розмір регістру, щоб ваша інформація була швидко оброблена глядачем. Якщо ваш глядач шукає інформацію, ви захочете, щоб шрифт був простим для читання, наприклад Arial або Veranda, щоб він міг легко прочитати та знайти те, що шукає. Також слід пам’ятати про колір і розмір тексту.
  2. Дивлячись на дизайн своєї веб-сторінки, завжди пам’ятайте про тип, колір і розмір шрифту, це дуже важливо, це може миттєво додати більше цінності вашій веб-сторінці.
  3. Виберіть шрифт, який легко читати. Використання такого шрифту, як Times new Roman, зберігає все одноманітним, такий шрифт, як каліграфія, дуже відволікає увагу та надто важко читається. Найкраще для вас – прочитати кілька рядків і визначити, чи легко ви це прочитаєте. Якщо ви можете зробити це, ваш глядач теж зможе.
  4. Не наповнюйте свою сторінку різними стилями шрифту, якщо вона призначена, наприклад, для художнього сайту, ви можете використовувати різні стилі шрифту, але їх слід використовувати в заголовках або помірковано по всьому тексту, не наповнюйте текст різними шрифтами, оскільки це відволікає глядача, і він втрачає інтерес.
  5. Більшість вашого тексту має бути від 12 до 14 пунктів. Це забезпечує легкий доступ для всіх читачів, оскільки не всі читачі мають ідеальний зір, дрібний шрифт може відволікти деяких глядачів від вашого сайту, і ви не хочете втрачати глядачів, суть у тому, щоб зробити сайт привабливим для всіх. Ви повинні пам’ятати, що у вас буде багато глядачів, і ви повинні спробувати досягти компромісу для всіх глядачів і переконатися, що ваш заголовок має більший шрифт, ніж текст.
  6. Остання порада стосується кольору. Використовуйте гарний контрастний колір для шрифту, який не буде втрачений у фонових кольорах. Найкращим вибором є чорний шрифт на світлому фоні, просто будьте обережні, вибираючи кольори для своїх веб-сторінок, ви не хочете якщо розмістити темний фон і темний шрифт на одному фоні, це буде надто важко читати, і ваш глядач буде втрачений.