Веб-типографіка відноситься до включені шрифти на веб-сторінках. Це важливий аспект дизайну веб-сайту, оскільки він безпосередньо впливає на читабельність сайту. Багато людей вважають, що обов’язки а доступний дизайн сайту професійні не включають звертати увагу на веб-типографіка. Однак це хибна концепція.
Крім інвестування часу на створення дизайну, слід також бути уважним до веб-типографіки. Пам’ятайте, що якщо ваша веб-типографіка погана, відвідувачі не будуть турбуватися, щоб спостерігати за вашим дизайном. Ми надаємо вам кілька порад, які допоможуть вам без проблем працювати з веб-типографікою.
- Використовуйте три шрифти для кожного дизайну
Використання трьох шрифтів (не більше) дозволить читачам чітко спостерігати за вашим веб-сайтом. Упорядкування вмісту різними шрифтами може створити заплутаний вигляд сайту. Крім того, це може переконати відвідувачів у тому, що різні частини вмісту, як-от різні параграфи, не пов’язані між собою.
Звичайно, під час читання відвідувачі не зможуть визначити точне джерело дискомфорту. Проте їм буде не зручно читати інформацію, яка містить різні шрифти. - Розрізняйте заголовок
Назва статті спочатку привертає увагу відвідувачів. Якщо назва буде привабливою, вони перейдуть до решти статті. Це означає, що ви повинні виділити назву, щоб вона за будь-яку ціну привернула увагу читачів. Збільшення розміру заголовка є найпростішим способом виділити його. - Установіть розмір основної копії на 14 пікселів
Для досягнення найкращих результатів намагайтеся, щоб відвідувачі могли зручно читати ваш основний текст. Правда, крім розміру на читабельність веб-сайту можуть впливати й інші фактори. Все-таки розмір є найважливішим визначальним фактором. Встановлення розміру основної копії в 14 пікселів може бути чудовою ідеєю. - Уникайте використання підкреслення та курсиву без потреби
Не вводьте читачів в оману, використовуючи курсив і підкреслення без потреби. Курсив і підкреслення надають більшого значення рядку. Якщо ви використовуєте курсив і підкреслення в кожному реченні, відвідувачі можуть відчути збентеження.
Натомість використовуйте підкладку та курсив лише за необхідності. - Не використовуйте великі літери для великих блоків тексту
Використовувати великі літери для великих блоків тексту – погана ідея. Це пов’язано з тим, що в порівнянні з текстом, написаним малими та верхніми літерами, інформацію, написану лише великими літерами, важче інтерпретувати.
Якщо ви встановите інформацію в нижньому і верхньому регістрі, як потрібно, це буде порівняно легше для очей. Крім того, це дозволить відвідувачам легше інтерпретувати інформацію. - Уникайте накопичення великої інформації в обмеженому просторі
Щоб збільшити читабельність вашого сайту, не змушуйте величезну інформацію вмістити в обмежений простір. Швидше, надайте йому достатньо місця, щоб він мав акуратний вигляд. У той же час не включайте зайвий простір, щоб весь текст здавався роз’єднаним і не пов’язаним. - Зверніть увагу на контраст фону
Можливо, ви вибрали більший розмір шрифту, щоб збільшити читабельність тексту. Однак, якщо контраст між інформацією та її фоном поганий, це погіршить читабельність і розбірливість сайту. Поширеною практикою є розміщення світлого тексту на темному тлі або навпаки. Будь-якою ціною уникайте використання суперечливих кольорів. - Вибирайте шрифти, які ідеально підходять для використання на екрані
Ви можете скористатися різними типами шрифтів у інтернет. На жаль, багато з цих шрифтів не придатні для використання на веб-сайтах. З цієї причини важливий ретельний вибір шрифтів. Крім того, ви можете скористатися таблицями підказок і перевірити вигляд шрифтів менших розмірів у різних браузерах. - Уникайте використання Comic Sans
Comic sans став дуже ненависним шрифтом, і ми не виняток. Ми твердо віримо, що використання цього шрифту надає вашому сайту дитячу та незрілу привабливість, яку більшість відвідувачів не оцінить. Намагайтеся уникати цього.
Насолоджуйтесь створенням доступного веб-сайту!
Привіт Діане.
Дякую, що поділилися чудовим посібником. Я хочу, щоб кожен дизайнер розумів важливість типографіки. Неправильна типографіка також може бути помилкою в дизайні веб-сайту. Я хотів би поставити типографіку на перше місце, коли справа доходить до дизайну веб-сайту та врятувати веб-дизайн від невдачі. Порада, яку ви тут дали, дійсно фантастична і містить багато корисної інформації.
Дякую, що поділились. Безсумнівно, багато людей отримають користь від цих балів.
Дуже корисний. Зараз я дивлюся на редизайн одного з наших веб-сайтів і зрозумів, що ми використовували приблизно 5-6 різних шрифтів на старому сайті, що просто не виглядає чудово.
Я погодився з вами, що веб-типографіка є важливим аспектом веб-дизайну, і кожен дизайнер повинен пам’ятати про цей аспект під час розробки веб-сайту.
Все, що я можу сказати, це вау. Я знаю, що стилі і розмір шрифту мають значення, але ніколи не знав стільки деталей про те, чому вони важливі. Пересилаю це команді дизайнерів і дякую за чудову статтю.
Розміщення чіткої, читабельної та ефективної типографіки на вашому веб-сайті збільшує не лише кількість відвідувачів, але й підвищує професіоналізм.
Установити розмір основної копії на 14 пікселів? Чи не краще використовувати 16-18 пікселів або краще 150%.
Це залежить, просто змініть і перевірте, чи виглядає він гарно та читабельно чи ні.
Так, я згоден з вами, Діана, веб-типографіка обов’язкова. маючи на увазі типографіку, я розробив свій сайт.
сімейство шрифтів: 'franklin_gothic_medium_condRg'; шрифт я використовую на різних моїх веб-сайтах. і розмір основного шрифту збережено .9em. а на деяких веб-сайтах 1em.
H1 = 3em
H2 = 2.5em
H3 = 2em
H4 = 1.6em
H5 = 1.2em
Так, я згоден з вами, Діана, веб-типографіка обов’язкова. Пам’ятаючи про типографіку, я розробив свій сайт.
Дуже корисний. Зараз я дивлюся на редизайн одного з наших веб-сайтів і зрозумів, що ми використовували близько 5-6 різних шрифтів на старому сайті, що просто не виглядає чудово.
Дякую, адмін. Дуже використовуйте повний блог. Дякую за пост, тому що цей пост корисний для мене.