В тази статия, ние ще обсъдим основните понятия и термини, свързани с уеб печат, включително различията си от печатната отпечатването, както се казва "на пръстите на ръцете".
Типография е изкуството на подреждане на символи в четлива, естетически и подходящия вид стандарти. Печатната продукти читателят не може да промени мнението след текста някога е бил отпечатан.
Въпреки това, в интернет това не е така, и потребителят може да увеличите / намалите размера на шрифта по подразбиране. отбелязвайки текста, като промените настройките, определени дизайнер, или, например, за да промените цвета на текста, за да го направи по-контрастно. От това може да се мисли, че една ефективна печатница е невъзможно в интернет пространството.
Напротив, това е възможно, и още повече - в много случаи, възможностите, предлагани от интернет извън възможностите на традиционната типография! И не защото уеб дизайнер, има по-разширени възможности за управление на средствата от текста и неговото позициониране, но поради факта, че интернет потребителите са в състояние да коригира настройките на дисплея на шрифта "под него."
Това, разбира се, не означава, че вие, като дизайнер, можете да забравите за техните отговорности за ефективно и естетически представяне и позициониране на текст - повечето от правилата на традиционната типография прилага и в интернет. Но в тази статия ще разгледаме особеностите на уеб типография (в сравнение с традиционния печат).
1. Какво означава "Уеб шрифтове"?
Услуги като FontDeck опростят сваляне на голям брой шрифтове.
Той се е, че ако искате вашите шрифтове, за да се показват правилно на всеки компютър, трябва да се придържат към използването на шепа стандартните шрифтове, които са общи за всички компютри и браузъри. Вашият избор са ограничени шрифта Helvetica (или Arial на компютъра), Грузия, Times, Verdana или няколко версии на Куриера. О, да, щях да забравя Comic Sans!
Това е един много ограничен набор от шрифтове, доведе до единство и сходство на всички сайтове в интернет, лишавайки уеб дизайнери възможност да избирате от широка гама от достъпни текстови шрифтове.
Но, благодарение на услуги, като например Typekit. Web Fonts и FontDeck на Google. преди няколко години всичко се е променило драстично.
За първи път, уеб дизайнери цялото разнообразие от шрифтове станат достъпни, и уеб дизайн пристъпи към нов етап в развитието си.
Но как да си изберете шрифт от вината върху разнообразието на главата си? Ето някои насоки и правила.
Не прекалявайте с разнообразието. Изберете един основен шрифт за основния текст, и един - за заглавията. Не е необходимо да се използва в уебсайта десетки шрифтове, само защото има тази възможност.
Използвайте шрифтове по предназначение. Не е необходимо да използвате шрифтовете, предназначени за заглавия като шрифта на основния текст: те изглеждат страхотно в заглавието, но със сигурност ще създаде трудности при четене, като шрифта набрани дълги пасажи от текста.
Изберете подходящите шрифтове. Уверете се, че сте избрали шрифтове, които са подходящи за целите, за които възнамеряват да ги използват. Шрифтът на оригиналния код на скрипт може да се окаже подходящ за проектиране на тест писане, но със същия шрифт може да направи лошо впечатление на посетителите, например, корпоративен уеб сайт, който е проектиран по такъв стил на шрифта.
2. Понятията «води», «проследяване» и «керн»
Концепцията за «води», свързани с водещите хоризонталните линии по отношение на който се намира текста, и все още е един от онези моменти, когато текстът ще бъдат отпечатани с помощта на печатната преса.
Добрата типография се характеризира с гладки, това е почти невидим и не отвлича вниманието, което ще улесни лесно четене на съдържание. В типография има много начини за управление на шрифта, отделни линии, думи или знаци, оптимално настройване на тяхното взаимодействие един с друг.
Тези характеристики, наред с други неща, включват управление «водещи» параметри (разстояние мед линии), «проследяване» (пространството между героите или групи от думи) и «кърнинга» (пространството, определено между всеки два символа).
Всички печатни свойства са най-добре поставени в относително изражение, като, например, ги, за да се осигури за случай, при който потребителят ще променят настройките на дисплея в зависимост от техните предпочитания.
В уеб дизайн, осигурява инструменти за управление «проследяване» параметри и «води», но «керн», създадени не може да бъде директно чрез CSS. За да зададете «води», използвайте CSS-имот линия височина.
За да зададете «проследяване», използвайте писмо-разстояние имота. Също така, можете да редактирате стойността на пространството между думите, с помощта на текстообработваща разстояние Имотът може да направи текста по "въздух", без да увеличава стойността на "проследяване" до критични нива.
С помощта на маркер
Ако искате да промените параметъра "на кърнинга" за определени групи от символи, най-доброто решение е да се "обвива" към маркера . След това можете да приложите към този маркер CSS жилищни имоти да се контролира количеството на керн. Използвайте тази техника пестеливо, защото с честа употреба ще похарчите за него много ценно време и енергия!
3. Ширината на колоните
Добрите маниери, като настроите ширината на колоната е ограничение от 80 знака. Това е, ако колоната е по-широка от тази стойност, тя ще се възприема не толкова добри.
Ширина на колоните може значително да повлияе на неговата четливост. Отпечатаните печат колоните обикновено определя широчината на 45 до 75 знака (което съответства приблизително на стойност от 9 до 15 думи). Тази ширина се смята за идеален, което позволява на читателя лесно да се движат очите от линия до линия, без да губи фокус.
Същите общи правила се прилагат към уеб сайтове, така че определени ширината на колоната до 80 символа. ширината на колоната може да се зададе в Ем единици. Ето защо трябва да се използва CSS код: ширина: 80em;
4. Изравнете отпечатването
Този текст е с гладка граница на левия и дрипав отдясно. Както и в печата, в уеб-печат, можете да поискате от вашия текст като гранична прав и гладък дрипав. Използването на собственост на текст подравняване. можете да изберете да напусна, за да зададете дрипав дясната граница и правото на стойност. за разкъсан ляв. Стойността оправдае ще направи възможно обединяването на текста от двете страни с плоски граници.
В CSS3 също има нова функция - текст оправдае. който дава възможност за по-прецизен контрол на съответствие от текста на линия за пълнене. За съжаление, браузъри поддържат този имот е в момента все още има какво да се желае.
Превод на статията «Първи стъпки с уеб типография» е изготвен от екип от приятелски Уеб дизайн проект от А до Я.
Свързани статии