• Към основното навигационно
  • Прескочи на основното съдържание
  • Към основното лента
  • Към долния колонтитул

TechLila

Bleeding Edge, винаги

  • Начало
  • Информация
  • Контакти
  • Сделки и оферти
Лого на Techlila
Сподели
Tweet
Сподели
щифт
4 Акции
WYSIWYG HTML редактори
Следва

Използвате ли мощните WYSIWYG HTML редактори?

Уеб типография

TechLila Уеб дизайн и разработка

Уеб типографията в дизайна на уебсайтове е по-важна от това, което предполагате!

Аватар на гост автора Автор на гостите
Последна актуализация на: Март 26, 2017

Уеб типография се отнася до вградени шрифтове в уеб страници. Това е критичен аспект от дизайна на уебсайта, защото има пряко влияние върху четливостта на сайта. Много хора смятат, че отговорностите на a достъпен дизайн на уебсайт професионални не включват обръщане на внимание на уеб типография. Това обаче е погрешна концепция.

Уеб типография

Освен да инвестирате време за създаване на дизайни, трябва да бъдете внимателни и към уеб типографията. Не забравяйте, че ако вашата уеб типография е лоша, посетителите няма да си правят труда да наблюдават вашите дизайни. Ние ви предоставяме няколко съвета, които ще ви помогнат да се справите с уеб типографията по безпроблемен начин.

  • Използвайте три шрифта за дизайн
    Използването на три шрифта (най-много) ще позволи на читателите да наблюдават ясно вашия уебсайт. Подреждането на съдържание с различни шрифтове може да създаде объркан вид на сайта. Освен това може да убеди посетителите, че различни части от съдържанието, като различни параграфи, не са свързани.
    Разбира се, докато четат, посетителите може да не са в състояние да изберат точния източник на дискомфорт. Все пак няма да им е удобно да четат информация, която съдържа различни шрифтове.
  • Разграничете заглавието
    Заглавието на статия първоначално привлича посетители. Ако намерят заглавието привлекателно, те ще преминат към останалата част от статията. Това означава, че трябва да подчертаете заглавието, така че да привлече вниманието на читателите на всяка цена. Увеличаването на размера на заглавието е най-лесният начин да го подчертаете.
  • Задайте размер на копието на тялото на 14 пиксела
    За най-добри резултати се опитайте да се уверите, че посетителите могат да четат удобно вашето основно копие. Вярно е, че освен размера, други фактори също могат да повлияят на четливостта на уебсайта. Все пак размерът е най-важният определящ фактор. Задаването на размер на вашето основно копие на 14 пиксела може да бъде чудесна идея.
  • Избягвайте да използвате ненужно подчертаване и курсив
    Не обърквайте читателите си, като използвате курсив и подчертаване ненужно. Курсивът и подчертаването придават по-голямо значение на реда. Ако използвате курсив и подчертаване във всяко изречение, посетителите ви може да се почувстват объркани.
    По-скоро използвайте подложки и курсив, само когато е необходимо.
  • Не използвайте пълни главни букви за големи блокове текст
    Използването на пълни главни букви за огромни блокове текст е лоша идея. Това се дължи на факта, че в сравнение с текста, написан с малки и главни букви, информацията, написана само с главни букви, е по-трудна за тълкуване.
    Ако зададете информация с малки и големи букви, както е необходимо, ще бъде сравнително по-лесно за очите. Освен това ще позволи на посетителите да тълкуват по-лесно информацията.
  • Избягвайте натрупването на голяма информация в ограничено пространство
    За да увеличите четливостта на вашия сайт, не насилвайте огромна информация да се побере в ограничено пространство. По-скоро му осигурете достатъчно място, така че да придобие спретнат вид. В същото време не включвайте прекомерно пространство, така че целият текст да изглежда разединен и несвързан.
  • Обърнете внимание на контраста на фона
    Може да сте избрали по-голям размер на шрифта за увеличаване на четливостта на текста. Въпреки това, ако контрастът между информацията и нейния фон е лош, това ще попречи на четливостта и четливостта на сайта. Честа практика е да се поставя светъл текст на тъмен фон или обратно. Избягвайте да използвате сблъскващи се цветове на всяка цена.
  • Изберете шрифтове, които са идеални за използване на екрана
    Можете да се възползвате от различни видове шрифтове в Интернет. За съжаление, много от тези шрифтове не са подходящи за използване в уебсайтове. Поради тази причина внимателното подбиране на шрифтове е важно. Освен това можете да се възползвате от таблици за подсказване и да проверите външния вид на шрифтовете с по-малки размери в различни браузъри.
  • Избягвайте използването на Comic Sans
    Comic sans се превърна в много мразен шрифт и ние не сме изключение. Силно вярваме, че използването на този шрифт осигурява на вашия сайт детска и незряла привлекателност, която повечето посетители няма да оценят. Опитайте се да го избегнете.

Насладете се на създаването на достъпен уебсайт!

Сподели
Tweet
Сподели
щифт
4 Акции

Разкриване на информация Съдържанието, публикувано в TechLila, се поддържа от читатели. Може да получим комисионна за покупки, направени чрез нашите партньорски връзки, без допълнителни разходи за вас. Прочетете нашите Страница за отказ от отговорност за да научите повече за нашето финансиране, редакционни политики и начини да ни подкрепите.

Споделянето е загриженост

Сподели
Tweet
Сподели
щифт
4 Акции
Аватар на гост автора

Автор на гостите

Тази публикация за гости е написана от гост сътрудник.

категория

  • Уеб дизайн и разработка

Маркирания

Уеб типография, Website Design

Reader Взаимодействия

Какво казват хората

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

    Здравей Даян.

    Благодаря за споделянето на отлично ръководство. Иска ми се всеки дизайнер да разбира важността на типографията. Неправилната типография също може да бъде грешка при провала на дизайна на уебсайт. Бих искал да поставя типографията на първо място, когато става въпрос за дизайн на уебсайт и да спестя уеб дизайна от провал. Съветите, които сте дали тук, са наистина фантастични и съдържат много полезна информация.

    Отговор
  2. Аватар на Амбъркехлибар

    Благодаря за споделянето. Със сигурност много хора ще се възползват от тези точки.

    Отговор
  3. Аватар на СараСара

    Много полезно. В момента разглеждам редизайн на един от нашите уебсайтове и разбрах, че използваме около 5-6 различни шрифта на стария сайт, което просто не изглежда страхотно.

    Отговор
  4. Аватар на СаджешСаджеш

    Съгласих се с вас, че уеб типографията е критичен аспект на уеб дизайна и всеки дизайнер трябва да запази този аспект в ума си, докато проектира уебсайта.

    Отговор
  5. Аватар на НишадхаНишада

    Всичко, което мога да кажа е уау. Знам, че стиловете на шрифта и размерът на шрифта имат значение, но никога не съм знаел толкова много подробности за това защо са важни. Препращам това на дизайнерския екип и благодаря за страхотната статия.

    Отговор
  6. Аватар на ДавидDavid

    Поставянето на ясна, четлива и ефективна типография във вашия уебсайт увеличава не само вашите посетители, но също така повишава професионализма.

    Отговор
  7. Аватар на НаташаНаташа

    Задаване на размера на копието на тялото на 14 пиксела? Не е ли по-добре да използваме 16-18px или по-добре да отидем на 150%.

    Отговор
    • Аватар на Раджеш НамасеРаджеш Намасе

      Зависи, просто променете и проверете дали изглежда добре и четиво или не.

      Отговор
  8. Аватар на JeetenДжитен

    Да, съгласен съм с теб Даян, уеб типографията е задължителна. имайки предвид типографията, проектирах моя сайт.

    Отговор
  9. Аватар на СтивънСтивън

    семейство шрифтове: 'franklin_gothic_medium_condRg'; шрифтът се използва от мен на различните ми уебсайтове. и размерът на Body Font се запазва .9em. и на някои уебсайтове 1em.
    H1 = 3em
    H2 = 2.5em
    H3 = 2em
    H4 = 1.6em
    H5 = 1.2em

    Отговор
  10. Аватар на Вишну ШармаВишну Шарма

    Да, съгласен съм с теб Даян, уеб типографията е задължителна. Имайки предвид типографията, проектирах моя сайт.

    Отговор
  11. Аватар на Мансур БханпуравалаМансур Бханпуравала

    Много полезно. В момента разглеждам редизайн на един от нашите уебсайтове и разбрах, че използваме около 5-6 различни шрифта на стария сайт, което просто не изглежда страхотно.

    Отговор
  12. Аватар на АлексAlex

    Благодаря, Админ. Много използвайте пълен блог. Благодаря за публикацията, защото тази публикация е полезна за мен.

    Отговор

Добавете Вашия коментар Отказване на отговора

Вашият имейл адрес няма да бъде публикуван. Задължителните полета са отбелязани *

Основно Sidebar

Популярен

Как да увеличите скоростта на широколентовия достъп в Windows

10-те най-добри устройства за стартиране на Android за 2023 г

Какво да направите след инсталиране на Windows 10 – Windows 10 съвети и трикове

Топ 10 търсачки, които можете да използвате за частно търсене в мрежата

55 интересни факта за компютъра, които ще ви поразят

Какво да търсите, когато купувате лаптоп – Ръководство за закупуване на лаптоп

Fusion Drive срещу SSD – неща, които никой не ви казва за Fusion срещу SSD съхранение

Полезни инструменти

• Grammarly – Безплатна проверка на граматиката
• SEMrush – Най-добрият SEO инструмент, доверен от експерти
• Setapp – Абонамент на едно гише за Mac и iOS

Актуални теми

  • Андроид
  • Интернет
  • iPhone
  • Linux
  • Мушама
  • Сигурност
  • Социална медия
  • Технологии
  • Windows

Струва си да се провери

10-те най-добри звукови еквалайзера за Windows 10 (издание 2023 г.!)

14 най-добри VLC скина, които са силно препоръчителни и безплатни

Лого на фона Лого на текста в долния колонтитул

Footer

Информация

Здравейте и добре дошли в TechLila, известният технологичен блог, където можете да намерите находчиви статии за овладяване на основите и извън него.

В TechLila нашата основна цел е да предоставим уникална информация, като съвети и трикове за качество, уроци, ръководства с практически инструкции за Windows, Macintosh, Linux, Android, iPhone, сигурност и няколко различни подтеми, като рецензии.

Връзки

  • Информация
  • Контакти
  • Отказ от отговорност
  • Политика за Поверителност
  • условия

Следвай ни

Персонализирана тема с помощта на Genesis Framework

Облачен хостинг от Cloudways

език

© Авторско право 2012–2023 TechLila. Всички права запазени.