Што такое тыпаграфікі і, пашырэннем, друкарскі дызайн? Для таго, каб выкарыстоўваць самы асноўнае тлумачэнне, тыпаграфікі з'яўляецца праектаванне і выкарыстанне шрыфтоў ў якасці сродку камунікацыі. Многія людзі лічаць, тыпаграфікі, пачала з Гутенберга і развіццём перамяшчанага тыпу, але тыпаграфікі ўзыходзіць значна далей, чым гэта. Гэтая галіна дызайну на самай справе мае свае карані ў рукапісных літар. Кнігадрукаванне ахоплівае ўсе ад каліграфіі праз лічбавы выгляд, які мы бачым сёння на вэб-старонках ўсіх відаў. Мастацтва кнігадрукавання таксама ўключае ў сябе тып дызайнераў, якія ствараюць новыя літарныя, якія затым ператварыліся ў файлы шрыфты, што іншыя канструкцыі могуць выкарыстоўваць у сваёй працы, ад друкаваных работ у гэтых вышэйзгаданых сайты. У адрозненне, як гэтыя працы можа быць, асновы тыпаграфікі падмацоўваюць іх усіх.
элементы тыпаграфікі
Гарнітуры і шрыфты: Калі вы калі - небудзь гаварыў з дызайнам , якія выкарыстоўваюць тыпаграфіку ў сваіх працах, вы , верагодна, чулі тэрміны «напісанне» і / ці «шрыфт». Шматлікія людзі выкарыстоўваюць гэтыя два тэрміна ўзаемазаменныя, але ёсць на самай справе некаторыя адрозненні паміж гэтымі двума пунктамі.
«Гарнітуры» гэта складнікі даюць у сям'і шрыфтоў (напрыклад, Helvetica Regular, Helvetica Italic, Helvetica Black, і Helvetica Смелы ). Усе розныя версіі Helvetica складаюць поўнае напісанне.
«Шрыфт» гэта тэрмін, які выкарыстоўваецца, калі хтосьці мае на ўвазе толькі адзін вагу або стыль у гэтай сям'і (напрыклад, Helvetica тлустым шрыфтам). Так шмат шрыфтоў складаюцца з шэрагу асобных шрыфтоў, якія ўсё падобныя і ўзаемазвязаныя, але розныя па нейкім чынам. Некаторыя шрыфты могуць ўключаць у сябе толькі адзін шрыфт, у той час як іншыя могуць ўключаць у сябе шматлікія варыяцыі літарных, якія складаюць шрыфты.
Гэта гучыць гэта крыху збівае з толку? Калі гэта так, не хвалюйцеся. На самай справе, калі хто-то не эксперт тыпаграфікі, яны хутчэй за ўсё будуць выкарыстоўваць тэрмін «шрыфт» незалежна ад таго, які з гэтых тэрмінаў яны сапраўды азначаюць - і нават многія прафесійныя дызайнеры выкарыстоўваюць гэтыя два тэрміна ўзаемазаменныя. Калі вы размаўляеце з чыстым тыпам дызайнера аб механіцы карабля, вы, верагодна, даволі бяспечна, выкарыстоўваючы які з гэтых двух тэрмінаў вы аддаеце перавагу. Гэта, як гаворыцца, калі вы разумееце адрозненні і можа правільна выкарыстоўваць правільныя тэрміны, якія ніколі не дрэнная рэч!
Typeface Класіфікацыя: Часам званыя «родавыя сямейства шрыфтоў» , гэта буйныя групоўкі шрыфтоў на аснове шэрагу агульных класіфікацый, розныя шрыфты падпадаюць пад .. На вэбе - старонках , ёсць шэсць тыпаў шрыфтоў класіфікацый , якія вы, верагодна , каб убачыць:
- засечкамі
- без засечак
- монашырынны
- хуткапіс
- фантастыка
- скрыпт
Ёсць таксама шэраг іншых класіфікацый шрыфтоў, якія адгалінаванні іх. Напрыклад, «пліты засечак» шрыфты падобныя да засечкамі, але ўсе яны маюць вядомы дызайн з тоўстымі, кароткімі засечкамі на літарных.
Адзін вэб-сайтамі сёння, засечкі і без засечак з'яўляюцца двума найбольш распаўсюджанымі класіфікацыі шрыфтоў, якія выкарыстоўваюцца.
Anatomy гарнітуры: Кожная гарнітура складаецца з розных элементаў , якія адрозніваюць яго ад іншых шрыфтоў. Калі вы не спецыяльна збіраецеся ісці ў тыпавую канструкцыю і хочаце ствараць новыя шрыфты, вэб-дызайнеры, як правіла, не трэба ведаць спецыфіку гарнітуры анатоміі. Калі вы зацікаўлены ў атрыманні дадатковай інфармацыі аб гэтых будаўнічых блоках шрыфтоў і літарных, ёсць вялікі артыкул на гарнітуры анатоміі на настольным выдавецкай сістэму сайта пададзеныя.
На базавым узроўні, элементы гарнітуры анатоміі thatyou павінны ведаць, з'яўляюцца:
- Цокаль і х вышыня: Гэта вышыня вялікіх літар у шрыфце і вышыню літары х. Ён кажа вам, як высокі самыя вялікія літары будуць, а таксама, як вялікія большасць малых літар будзе. Шрыфты памерам на аснове гэтых двух характарыстык.
- Decenders і узыходзячыя: Гэтыя часткі літар , якія ідуць ніжэй і вышэй х вышыні лініі. Яны, як правіла, ставяцца да малыя літарах. Напрыклад, літара «б» мае заціск (частка, якая прыліпае «ўверх» з ліста), а літара "р" мае спускавую (тыя часткі, якія правалаў «ўніз» з ліста).
водступаў Letters
Ёсць некалькі карэкціровак, якія могуць быць зроблены паміж і вакол літар, якія ўплываюць на кнігадрукаванне. Лічбавыя шрыфты ствараюцца з многімі з гэтых характарыстык на месцы, і на вэб-сайтах мы маем абмежаваныя магчымасці змяніць гэтыя аспекты шрыфта. Гэта часта добрая рэч, так, як па змаўчанні, шрыфты адлюстроўваюцца, як правіла, пераважней.
- кернинг - гарызантальнае адлегласць паміж асобнымі літарамі
- Адсочванне - прастора паміж групамі літар
- вядучы - вертыкальнае прастору паміж лініямі тыпу (гэта вядома як лінія вышыні з пункту гледжання вэб - сайт)
- мера - даўжыня радка тэксту
- выраўноўванне - візуальна размяшчэнне тэксту налева, направа, па цэнтру або апраўданы
- лігатуры - літары перамешчаныя блізка адзін да аднаго так, што іх анатомія аб'ядноўваюць, па сутнасці, працякаючая адну літару ў іншую
Дадатковыя элементы тыпаграфікі
Кнігадрукаванне больш, чым проста шрыфтамі, якія выкарыстоўваюцца і прабелы вакол іх. Ёсць таксама некаторыя іншыя рэчы, якія вы павінны мець на ўвазе пры стварэнні добрай тыпаграфікі сістэмы для любога дызайну:
Пераносы: пераносы з'яўляецца даданне злучка (-) у канцы радка , каб прадухіліць праблемы ў чытальнасці або зрабіць апраўданне выглядаць лепш. У той час як звычайна сустракаюцца ў друкаваных дакументах, большасць вэб-дызайнераў ігнараваць пераносаў і не выкарыстоўваць яго ў сваёй працы, таму што гэта не тое, што апрацоўваецца добра аўтаматычна вэб-браўзэрамі.
Рыззя: Нераўнамерным вертыкальны край блока тэксту называецца анучай. Калі звяртаючы ўвагу на тыпаграфікі, вы павінны глядзець на вашы тэкставыя блокі ў цэлым, каб пераканацца, што ануча не ўплывае на дызайн. Калі ануча занадта няроўная, гэта можа паўплываць на чытальнасць тэксту блока і зрабіць яго адцягвае. Гэта тое, што аўтаматычна апрацоўваюцца браўзэрам з пункту гледжання таго, як ён стукае тыпу ад лініі да лініі.
Ўдава і Сіроты: Асобнае слова ў канцы калонак ўдава , і калі гэта ў верхняй частцы новага слупка ён сірата. Ўдавы і сіроты выглядаць дрэнна і можа быць цяжка чытаць.
Як вашыя радкі тэксту, каб цалкам адлюстраваць у вэб-браўзэры знясільваючы прапанову, асабліва калі ў вас ёсць адаптыўны сайт і розныя дысплеі для розных экрана sizes.Your мэта павінна быць праверка сайта на розных памераў, каб паспрабаваць стварыць лепшы выгляд магчыма, прымаючы, што ў некаторых выпадках вашага ўтрыманне будзе мець акно, сірата ці іншыя менш чым ідэальныя дысплеі. Ваша мэта павінна быць у тым, каб звесці да мінімуму гэтыя аспекты канструкцыі тыпу А, у той жа час быць рэалістамі ў тым, што вы не можаце дасягнуць дасканаласці для кожнага памеру экрана і дысплея.
Крокі да Праверцы Вашай тыпаграфікі
- Выберыце шрыфты ўважліва, гледзячы на анатоміі тыпу, а таксама тое , што сям'я тыпу яна знаходзіцца.
- Калі вы будуеце дызайн з выкарыстаннем шаблоннага тэксту , не зацвердзіць канчатковы праект да таго часу , пакуль вы бачылі рэальны тэкст у дызайне.
- Звярніце ўвагу на дробныя дэталі ў друкарні .
- Паглядзіце на кожны блок тэксту, як калі б гэта не было слоў у ім. Якія формы робіць тэкст зрабіць на гэтай старонцы? Пераканайцеся, што гэтыя формы нясуць увесь дызайн старонкі наперад.
Арыгінал артыкула Джэніфер Krynin. Пад рэдакцыяй Джэрэмі Girard на 7/5/17