• Перейти до основної навігації
  • Перейти до основного матеріалу
  • Перейти до основної врізки
  • Перейти в кінець сторінки

TechLila

Bleeding Edge, завжди

  • Головна
  • Про нас
  • Контакти
  • Акції та пропозиції
Логотип Techlila
Поділитись
чірікать
Поділитись
Pin
4 акції
WYSIWYG HTML-редактори
Вгору Далі

Ви користуєтеся потужними WYSIWYG HTML-редакторами?

Веб -друкарня

TechLila Веб-дизайн і розробка

Веб-типографіка в дизайні веб-сайтів важливіша, ніж те, що ви припускали!

Аватар гостьового автора Гість Автор
Останнє оновлення: Березня 26, 2017

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

Веб -друкарня

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

  • Використовуйте три шрифти для кожного дизайну
    Використання трьох шрифтів (не більше) дозволить читачам чітко спостерігати за вашим веб-сайтом. Упорядкування вмісту різними шрифтами може створити заплутаний вигляд сайту. Крім того, це може переконати відвідувачів у тому, що різні частини вмісту, як-от різні параграфи, не пов’язані між собою.
    Звичайно, під час читання відвідувачі не зможуть визначити точне джерело дискомфорту. Проте їм буде не зручно читати інформацію, яка містить різні шрифти.
  • Розрізняйте заголовок
    Назва статті спочатку привертає увагу відвідувачів. Якщо назва буде привабливою, вони перейдуть до решти статті. Це означає, що ви повинні виділити назву, щоб вона за будь-яку ціну привернула увагу читачів. Збільшення розміру заголовка є найпростішим способом виділити його.
  • Установіть розмір основної копії на 14 пікселів
    Для досягнення найкращих результатів намагайтеся, щоб відвідувачі могли зручно читати ваш основний текст. Правда, крім розміру на читабельність веб-сайту можуть впливати й інші фактори. Все-таки розмір є найважливішим визначальним фактором. Встановлення розміру основної копії в 14 пікселів може бути чудовою ідеєю.
  • Уникайте використання підкреслення та курсиву без потреби
    Не вводьте читачів в оману, використовуючи курсив і підкреслення без потреби. Курсив і підкреслення надають більшого значення рядку. Якщо ви використовуєте курсив і підкреслення в кожному реченні, відвідувачі можуть відчути збентеження.
    Натомість використовуйте підкладку та курсив лише за необхідності.
  • Не використовуйте великі літери для великих блоків тексту
    Використовувати великі літери для великих блоків тексту – погана ідея. Це пов’язано з тим, що в порівнянні з текстом, написаним малими та верхніми літерами, інформацію, написану лише великими літерами, важче інтерпретувати.
    Якщо ви встановите інформацію в нижньому і верхньому регістрі, як потрібно, це буде порівняно легше для очей. Крім того, це дозволить відвідувачам легше інтерпретувати інформацію.
  • Уникайте накопичення великої інформації в обмеженому просторі
    Щоб збільшити читабельність вашого сайту, не змушуйте величезну інформацію вмістити в обмежений простір. Швидше, надайте йому достатньо місця, щоб він мав акуратний вигляд. У той же час не включайте зайвий простір, щоб весь текст здавався роз’єднаним і не пов’язаним.
  • Зверніть увагу на контраст фону
    Можливо, ви вибрали більший розмір шрифту, щоб збільшити читабельність тексту. Однак, якщо контраст між інформацією та її фоном поганий, це погіршить читабельність і розбірливість сайту. Поширеною практикою є розміщення світлого тексту на темному тлі або навпаки. Будь-якою ціною уникайте використання суперечливих кольорів.
  • Вибирайте шрифти, які ідеально підходять для використання на екрані
    Ви можете скористатися різними типами шрифтів у інтернет. На жаль, багато з цих шрифтів не придатні для використання на веб-сайтах. З цієї причини важливий ретельний вибір шрифтів. Крім того, ви можете скористатися таблицями підказок і перевірити вигляд шрифтів менших розмірів у різних браузерах.
  • Уникайте використання Comic Sans
    Comic sans став дуже ненависним шрифтом, і ми не виняток. Ми твердо віримо, що використання цього шрифту надає вашому сайту дитячу та незрілу привабливість, яку більшість відвідувачів не оцінить. Намагайтеся уникати цього.

Насолоджуйтесь створенням доступного веб-сайту!

Поділитись
чірікать
Поділитись
Pin
4 акції

Розкриття інформації: Вміст, опублікований на TechLila, підтримується читачами. Ми можемо отримувати комісію за покупки, зроблені через наші партнерські посилання, без додаткових витрат для вас. Читайте наш Сторінка відмови від відповідальності щоб дізнатися більше про наше фінансування, редакційну політику та способи нашої підтримки.

Спільний доступ - це турбота

Поділитись
чірікать
Поділитись
Pin
4 акції
Аватар гостьового автора

Гість Автор

Цей гостьовий пост написав гостьовий автор.

Категорія

  • Веб-дизайн і розробка

Теги

Веб -друкарня, Дизайн веб-сайту

читач взаємодій

Що люди говорять

  1. Аватар Ейдена РусеЕйден Русе

    Привіт Діане.

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

    відповісти
  2. Аватар Амбербурштиновий

    Дякую, що поділились. Безсумнівно, багато людей отримають користь від цих балів.

    відповісти
  3. Аватар СариСара

    Дуже корисний. Зараз я дивлюся на редизайн одного з наших веб-сайтів і зрозумів, що ми використовували приблизно 5-6 різних шрифтів на старому сайті, що просто не виглядає чудово.

    відповісти
  4. Аватар СаджешаСаджеш

    Я погодився з вами, що веб-типографіка є важливим аспектом веб-дизайну, і кожен дизайнер повинен пам’ятати про цей аспект під час розробки веб-сайту.

    відповісти
  5. Аватар НішадхиНішадха

    Все, що я можу сказати, це вау. Я знаю, що стилі і розмір шрифту мають значення, але ніколи не знав стільки деталей про те, чому вони важливі. Пересилаю це команді дизайнерів і дякую за чудову статтю.

    відповісти
  6. Аватар ДавидаДевід

    Розміщення чіткої, читабельної та ефективної типографіки на вашому веб-сайті збільшує не лише кількість відвідувачів, але й підвищує професіоналізм.

    відповісти
  7. Аватар НаташіНаташа

    Установити розмір основної копії на 14 пікселів? Чи не краще використовувати 16-18 пікселів або краще 150%.

    відповісти
    • Аватар Раджеша НамасеРаджеш Намасе

      Це залежить, просто змініть і перевірте, чи виглядає він гарно та читабельно чи ні.

      відповісти
  8. Аватар ДжитенаДжітен

    Так, я згоден з вами, Діана, веб-типографіка обов’язкова. маючи на увазі типографіку, я розробив свій сайт.

    відповісти
  9. Аватар СтівенаСтівен

    сімейство шрифтів: 'franklin_gothic_medium_condRg'; шрифт я використовую на різних моїх веб-сайтах. і розмір основного шрифту збережено .9em. а на деяких веб-сайтах 1em.
    H1 = 3em
    H2 = 2.5em
    H3 = 2em
    H4 = 1.6em
    H5 = 1.2em

    відповісти
  10. Аватар Вішну ШармаВішну Шарма

    Так, я згоден з вами, Діана, веб-типографіка обов’язкова. Пам’ятаючи про типографіку, я розробив свій сайт.

    відповісти
  11. Аватар Мансура БханпуравалиМансур Бханпуравала

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

    відповісти
  12. Аватар АлексаAlex

    Дякую, адмін. Дуже використовуйте повний блог. Дякую за пост, тому що цей пост корисний для мене.

    відповісти

Додайте свій коментар Скасувати відповідь

Ваша електронна адреса не буде опублікований. Обов'язкові поля позначені * *

Первинна бічна панель

популярний

Як збільшити швидкість широкосмугового доступу в Windows

10 найкращих програм для запуску Android 2021 року

Що робити після встановлення Windows 10 – поради та підказки щодо Windows 10

10 найкращих пошукових систем, які можна використовувати для приватного пошуку в Інтернеті

55 цікавих фактів про комп'ютер, які вразять вас

На що звернути увагу при покупці ноутбука – посібник із покупки ноутбука

Fusion Drive проти SSD – те, що вам ніхто не розповідає про Fusion проти SSD

Корисні інструменти

• Граматично – Безкоштовна перевірка граматики
• SemRush – Найкращий інструмент SEO, якому довіряють експерти
• Setapp – Єдина підписка для Mac і iOS

Модні теми

  • Android
  • інтернет
  • iPhone
  • Linux
  • Макінтош
  • безпеки
  • Соціальні мережі
  • Технологія
  • Windows

Варто перевірити

10 найкращих звукових еквалайзерів для Windows 10 (2022 Edition!)

14 найкращих скінів VLC, які настійно рекомендуються та безкоштовні

Логотип колонтитулів Текстовий логотип нижнього колонтитула

Нижній колонтитул

Про нас

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

У TechLila наша головна мета — надати унікальну інформацію, таку як поради та підказки щодо якості, навчальні посібники, інструкції для Windows, Macintosh, Linux, Android, iPhone, безпека та кілька різних підтем, таких як огляди.

зв'язку

  • Про нас
  • Контакти
  • відмова
  • Privacy Policy
  • терміни

слідувати

Спеціальна тема з використанням Genesis Framework

Хмарний хостинг від Cloudways

Language

en English
bg Българскиzh-CN 简体中文nl Nederlandsen Englishtl Filipinofr Françaisde Deutschid Bahasa Indonesiait Italianoja 日本語pl Polskipt Portuguêsro Românăru Русскийsr Српски језикes Españolsv Svenskatr Türkçeuk Українськаvi Tiếng Việt

© Copyright 2012–2022 TechLila. Всі права захищені.