Размерът на шрифта на уебсайта ви е твърде малък? Голям текст е в
Стандартите за типография в мрежата се изместиха. Дизайнерите работят с по-голяма, по-лесна за четене типография, която е по-безпроблемна и последователна на всички устройства. Тенденцията към по-голяма типография в Интернет започва с извънгабаритни обработки над превъртането, от заглавия до по-артистични текстови елементи на герой заглавия.
Размерите на телесния текст едновременно започнаха да се увеличават на мобилни устройства, за да подобрят четимостта. И оттам тенденцията започна да се стига до почти всички аспекти на уеб типа. Ако не сте се замисляли за размера на копието на уебсайта си наскоро, е време да прегледате това 12 или 14-точково / пикселно тяло. Голям текст е вътре!
Разгледайте дизайнерските ресурси
Големи заглавия
![](http://computer06.com/img/typography/659/is-your-website-font-size-too-small.png)
Най-очевидното и най-лесното изпълнение на по-голям текст е да се използват огромни заглавия, за да се изисква вниманието на потребителя.
Голям размер на заглавието работи най-добре, когато няма много дълги или сложни думи за разглеждане. Това е лечение в лицето, така че действителните надписи трябва да бъдат лесни за разбиране.
Съвети за успех:
- Придържайте се към сериф или sans serif шрифт, който можете да използвате в други части на дизайна. Опциите за новост или скрипт могат да се затруднят бързо.
- Направете го голям - неудобно голям - и след това се отдръпнете малко, за да намерите правилната хармония в дизайна.
- Започнете с текст, който е най-малко 80 точки и разгънете, за да запълните екрана. Не забравяйте да използвате относителен размер в крайния дизайн, така че той да се мащабира подходящо на всички устройства. (Подходящото правило за CSS е "размер на шрифта", което използва процентна скала въз основа на стандартен размер, който е 100 процента.)
Да направим случая за по-голямо копие на тялото
![](http://computer06.com/img/typography/659/is-your-website-font-size-too-small-2.png)
Ако телесното копие на уебсайта Ви не е поне 16 точки, време е да преосмислите ситуацията си с типография.
Това „правило“ има корени в мобилни устройства, тъй като текстът, който е по-малък от този за входовете, всъщност увеличава на някои устройства. (Това може да бъде досадно от гледна точка на потребителското изживяване.) Фиксираният дизайн е да създаде нива на типография, които са достатъчно големи, за да се четат и разбират с лекота.
Освен това целта е текстът на мобилно устройство да се чете удобно, когато се държи на естествено разстояние (обикновено около половин дължина на ръката, подобно на четене на книга).
По-големият текст може да бъде по-лесен за четене на това разстояние и е по-подходящ за размера на екрана. Потребителите не трябва да присвиват или да приближават устройството до лицето си, за да разбират разумно текста.
Съвети за успех:
- Започнете с размер на копието на тялото около 16 точки. Това обикновено е приемливо за настолни и мобилни устройства.
- Използвайте силно четлив шрифт с редовна ширина на хода и чисти линии, за да увеличите максимално четливостта.
- Регулирайте размера нагоре или надолу леко за шрифтове, които са тънки (направете го по-голям) или широк (направете го по-малък).
- За страниците с тежки текстове помислете, че ще увеличите още повече текста на тялото, за да намалите натоварването на очите, например 18 точки или дори 20 точки. (Като ръководство Medium използва 21-точков текст на тялото, а сайтът на Джефри Зелдман е на 24 точки.)
Увеличаване на общата йерархия
![](http://computer06.com/img/typography/659/is-your-website-font-size-too-small-3.png)
Така че трябва да направите повече от просто да коригирате размера на текста в една част от дизайна на уебсайта си. Трябва да преосмислите цялата йерархия на типографията.
С увеличаването на размера на текста на тялото, вие ще искате съответно да мащабите останалата част от типа. В противен случай може да се окажете с типографска скала, в която някои текстове е трудно да се разграничат една от друга.
Когато става въпрос за увеличаване на размера на голямата типография, като заглавия или подзаглавия, е малко по-малко жизненоважно да се коригира общата типографска скала. Дори тези елементи да станат по-големи, естественото разграничение от елементите на текста на тялото ще остане (очевидно). Трябва да помислите и за увеличаване на общия размер на текста на тялото, ако започне да изглежда не на място или ако размерът на големия тип прави текста на тялото да изглежда по-малък, отколкото е в действителност. (Оптичните илюзии могат да разрушат дизайнерската йерархия.)
Съвети за успех:
- Регулирайте размера на текста пропорционално един на друг в целия дизайн.
- Обърнете внимание на това как цветът и размерът на контраста влияят на вида на отдаване под наем на размери.
- Доверете се на очите си; ако текстът изглежда твърде голям или малък, продължете да правите корекции, докато се почувства правилно.
Не забравяйте да коригирате разстоянието между линиите
![](http://computer06.com/img/typography/659/is-your-website-font-size-too-small-4.png)
Докато правите корекции на текстовите елементи, не пренебрегвайте пространството между типа линии. Текстът с по-голям размер често изисква разширено разстояние между редовете.
Помислете за създаване на правила за разстояние между редовете въз основа на процент от размера на текста, а не на фиксирана височина. (По този начин тези промени ще се коригират автоматично.)
Съвети за успех:
- Започнете с 1, 5 пъти (150 процента) размера на основния текст за разстоянието на реда на един и същ блок към текст. Ако се чувствате плътно, увеличете разстоянието между линиите.
- Елементите на фона и текста с изключително контраст често се нуждаят от малко допълнително разстояние между редовете за по-хармонично усещане. Добавете интервал на линията за бял текст на черен фон, намалете го малко за сив фон със среден тон.
- Играйте внимателно на изкачванията и спусканията на избрания от вас шрифт и коригирайте съответно разстоянието между линиите.
Размерите на текста се увеличават офлайн, твърде
![](http://computer06.com/img/typography/659/is-your-website-font-size-too-small-5.png)
И макар тази тенденция на типография да е насочена най-вече към проектите за уеб дизайн, размерите на текста като цяло се увеличават. От имейли до печатни материали, дизайнерите използват същите указания за дигитални проекти с печатни дизайни с подобни размери. (Може да приравните мобилно устройство с пощенска картичка.)
Добрият дизайн е добрият дизайн.
И толкова много проекти включват множество компоненти, където се фокусираме върху общото потребителско изживяване. Така че искате дизайнът на уебсайт да изглежда подобно на дизайна на свързана пощенска картичка.
Другата обща е очите ви просто да започнете да свиквате да виждате текст в определен размер. Точно като работа с потребителски модели, визуалните модели правят нещата по-лесни за разбиране и виждане бързо. По-големият текст не е изключение.
заключение
Започнали ли сте да забелязвате промяна в размерите, които използвате за типография в различни дизайнерски проекти? Лично аз бях изненадан от това колко бързо се просълзи върху мен. Всъщност непрекъснато се стремя към по-големи и по-големи типове размери.
Така започват тенденциите и промените в общите дизайнерски модели. Ще се радвам да чуя вашите преживявания с опитите на по-голям тип. Добре ли беше приет или получихте много отблъсквания? Кажете ми в Twitter и маркирайте @designshack.