"... героите се прилага единен, статичен, конкретна форма. Всяко отклонение от теглото на шрифта, ширината на буквите, контраст - без значение какво - трябва да се свърже отделни файлове. В същинското проектиране на печатни документи, където оформление е напълно статичен, концепцията не може да бъде толкова лошо. Интернет е ограничението, което наричам "стъклен под" адаптивна типография: на променливи от високо ниво като пълнеж между герои, разстояние между редовете и големината на шрифта може да се регулира динамично. Въпреки това, най-ниското ниво, където променливите са определени в рамките на шрифта, няма гъвкавост. Всеки герой е като кубче лед, плаващи в морето на отзивчив дизайн. "
Дизайн на Общността, извършващи подобни манипулации със символите: дизайнери избират няколко пикови стойности на противоположния дебелина тип и размер на частиците, тесен или широк характер и използване на интелигентни алгоритъм пълни междинни стойности. Този процес е добре обяснено в SVG интерполация експеримент Андрю Джонсън.
Както казах Ник, за съжаление, общ формат на шрифта не е подходящ за динамично променящата ценности с конвенционална на мазнини или тънки, за да не намери целта. Но той не е единственият дизайнер, който предлага подобрения в областта на уеб дизайна. Андрю Джонсън е дал подобно изявление във връзка с адаптивна размер на шрифта:
Практически курс по адаптивно оформление Кацане от нулата!
Научете от нулата да наложи адаптивна Кацане на HTML5 и CSS3 за следващите 6 дни
Имаме ли нужда от такива възможности в шрифтове? Както адаптивни шрифтове спомогнат за разрешаването на проблеми при проектирането?
Предимства на размера на шрифта
Този формат предлага най-добрата настройка на шрифта. Това е особено полезно, когато тънък шрифт изглежда твърде тънка и твърде дебел е мазнини. Вместо това можете да изберете нещо по средата, и веднага се показва на шрифта, което е необходимо - с други думи, дизайнерите могат значително да подобрят четливост.
Също така, ние най-накрая ще бъде в състояние да създадете шаблон, текстът на която ще заема цялото пространство на съда, както и в демо шрифта Ширина:
Този метод е подобен на FitText и метода на прилагане единици за определяне на адаптивна текст. Но има ясно разграничение, което се казва Ерик ван Blokland:
"Ширината на текста веднага се нагажда към големината на целеви правоъгълник. Думите трябва да бъдат в състояние да реагира на промени в геометрията на страницата. "
Т.е. за адаптиране към по-точно "геометрия страница" трябва да се използва за контрол на напълно шрифта. По-специално, на ширината на всеки знак е толкова важно, колкото способността да се определят стойности адаптивна собственост размер на шрифта.
Производителността е още една причина, поради която е по-добре да използвате, за да промените формата на шрифта. С този формат, ние трябва само един файл в момент като този ние се нуждаем от много разновидности на един-единствен шрифт, за да работят със системи, които искат цяло семейство от шрифтове, включително Изключително тънък, нормален, средно съдържание на мазнини, смели, мазнини и Ultrabold вариации.
"Вярвам, че в контекста на настоящата ситуация в интернет най-малко един от промяна на размера на шрифта заслужава възкресение - този подход създава огромен потенциал за компресиране на файлове, и се вписва добре в парадигмата на". Адаптивна интернет " Наред с другите неща, този подход предлага нови начини за поставяне на текст в интернет и, преди всичко, подходът може да бъде много по-лесно за изпълнение от всякога в историята на настолни компютри. "
Ник продължава и prossumiroval предимства:
"За да промените размера на шрифта, ще се намали натоварването на мрежата, намаляване на броя на заявките към сървъра и обратно, по-бързо зареждане страници, и преди всичко той е и гъвкава. Това е победа на всички фронтове. (Единственото неизпитана променливата е колко време е необходимо за допълнителни изчисления). "
Практически курс по адаптивно оформление Кацане от нулата!
Научете от нулата да наложи адаптивна Кацане на HTML5 и CSS3 за следващите 6 дни
Има много технически проблеми, как правилно да пуснат в употреба нов формат на шрифта, и как да се използват тези нови функции в проекта.
Като нов формат за работа с CSS
В речта си, Ник предлагат практически пример за CSS код. Написах нещо подобно и допълни, измислен шрифт ширина собственост. Тази функция ви позволява да определите ширината на характера по същия начин, както при използване на шрифт тегло на текста:
Можете да попитате още един елемент със стойността на шрифт тегло: 601ili 411, или всяка друга стойност, която ще се изисква при проектирането. Този елемент ще реагира на промени в дизайна.
Сега, ние можем ясно да видим недостатъците в горния пример. Въпреки това, аз мисля, че примерът попада в самата сърцевина на проблема, обектите ще бъдат организирани съгласно всички тънкости и нюанси, при които по-рано не можеше. Сещам се за още много примери, в които новият формат ще създаде много по-красива модели, да не говорим колко полезно е било и при увеличение интерфейси.
И това, което WOFF?
В момента има и друг формат, който набира популярност, WOFF 2.0. Този алгоритъм шрифт компресия значително подобрена в сравнение с неговия предшественик. Компресиране ще бъде изключително полезен за избор на език Азиатско-тихоокеанския регион и други езици, с много характер. И все пак, в WOFF 2.0 все още не разполага че определени промени формат на шрифта, които ви позволяват да промените текста динамично. Ние трябва да използваме множество файлове с различни ширини характер и насищане.
Мисля, че WOFF формат е добър инструмент в краткосрочен план. Въпреки това, в дългосрочен план, този формат ще ни помогне да се направи, че шрифтът е напълно адаптивни.
потенциални проблеми
В допълнение към ползите от които споменати по-горе, в новия формат, има и недостатъци по отношение на дизайн и развитие. По-долу съм съставила списък на измислени бъдещи възможни проблеми:
Ако алгоритъмът се изпълнява от страна на клиента, че е справедливо да се каже, че може да се отрази на работата зле.
Ще бъде необходимо да се преразгледа системата за лицензиране на шрифта, като не е необходимо пациентите да изтеглите множество файлове с различни ширини и насищане.
От друга страна: необходимо е да се шрифта устройство на потребителя е динамичен?
Говорих за това с няколко дизайнери, и те казаха, че е добре да има не-динамичен шрифта от половината от работоспособността.
Font дизайнерите трябва да се разбере как да се научи по-младото поколение и как да им обясним предимствата на новата система като цяло и как тя трябва да им помогне в работата си. Наскоро говорих с един уеб дизайнер, а той ми разказа как той избягва OpenType шрифта на отделните герои, като главни и liguraty се дължи на факта, че много графични дизайнери дори не знаят за съществуването им.
По същия начин, шрифтове дизайнери не може просто да възстанови на шрифта с добавянето на нови променливи. Те трябва да се развива на шрифта от нулата в ранните етапи на проекта, чрез изграждане на нова технология.
резюмиране
Аз вярвам, че новият формат променя шрифта има всички шансове да заеме ключова позиция в сценограф инструменти. В допълнение, значително подобряване на разбираемостта на текста на потребителите. Но това не означава, че можем да пренебрегнем множеството проблеми, които пречат на създаването на работна спецификация.
Редакция: Екип webformyself.
Практически курс по адаптивно оформление Кацане от нулата!
Научете от нулата да наложи адаптивна Кацане на HTML5 и CSS3 за следващите 6 дни
Най-IT новини и уеб разработки на нашия канал Телеграма
HTML5 и CSS3 практика от нула до резултата!
Свързани статии