Как да изберете семейства шрифтове за вашия уеб сайт

Как да решаваме кое семейство шрифтове да използва

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

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

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

НЯКОИ ПРАВИЛА ОТ ТАМБ

  1. Не използвайте повече от 3-4 шрифта на която и да е страница. Нещо повече от това започва да се чувства аматьорски - и дори 4 шрифта могат да бъдат твърде много в някои случаи!
  2. Не променяйте шрифта в средата на изречението, освен ако нямате много добра причина (Забележете - никога през годините си като уеб дизайнер не съм намерил добра причина да направя това)
  3. Използвайте шрифтове без серифни шрифтове или серифни шрифтове за текст на тялото, за да ги направите по-лесни за четене.
  4. Използвайте едностранни шрифтове за текстообработка и блоков код, за да зададете този код освен страницата.
  5. Използвайте шрифтове и фантастични шрифтове за акценти или големи заглавия с много малко думи.

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

ФАНЦИТЕ НА ДАНС SERIF СА БАЗАТА НА ВАШИЯ САЙТ

Шрифтовете Sans serif са онези шрифтове, които нямат " serifs " - малкото добавено дизайнно третиране в края на буквите.

Ако сте взели курсове за дизайн на печат, сигурно сте ви казали, че трябва да използвате само серифни шрифтове само за заглавия. Това не е вярно за мрежата. Уеб страниците са предназначени за гледане от уеб браузърите на компютърни монитори, а днешните монитори са доста добри при показването на шрифтовете serif и sans-serif. Някои серифни шрифтове могат да станат малко трудни за четене при по-малки размери, особено при по-стари дисплеи, така че винаги трябва да сте наясно с вашата аудитория и да сте сигурни, че те могат да четат серифни шрифтове, преди да вземете решение да ги използвате за вашия текст. Това е казано, повечето шрифтове на serif днес са предназначени за цифрова консумация и те ще работят добре като копие на тялото, стига те да са на разумен размер на шрифта.

Някои примери за шрифтовете sans-serif са:

Trivia: Verdana е семейство от шрифтове, създадено за използване в мрежата.

УПОТРЕБЯВАЙТЕ СЕРИФ ФОНТИ ЗА ПЕЧАТ

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

Най-добри практики: Помислете за използването на серифни шрифтове за страниците, които са подходящи за печат.

Някои примери за серифни шрифтове са:

MONOSPACE FONTS ВЗЕМАТ СЪЩЕСТВЕНО ИЗПОЛЗВАНЕ НА РАВНИЩЕТО ЗА ВСЕКИ ПИСМО

Дори ако вашият сайт не е за изчисляване, можете да използвате monospace, за да предоставите инструкции, да дадете примери или да внушите текстово-напечатан текст. Еднобуквените букви имат еднаква ширина за всеки знак, така че те винаги заемат същото пространство на страницата.

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

Някои примери за еднообемни шрифтове са:

Най-добра практика: Monospace шрифтовете работят добре за кодовите проби.

Фантазиите и смачовете са трудни за четене

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

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

Някои примери за фантастични шрифтове са:

Trivia: Impact е семейството шрифтове, което най-вероятно ще бъде на Mac, Windows и Unix.

Някои примери за шрифтове на шрифтове са:

Trivia: Изследванията показват, че шрифтовете, които са по-трудни за четене, могат да помогнат на студентите да запазят повече информация.

Оригинална статия на Дженифър Кринин. Редактиран от Джеръми Жирард на 9/8/17