Zer da tipografia eta, luzapenez, diseinu tipografikoa? Oinarrizko azalpena erabiltzeko, tipografia diseinatu eta erabili mota-interfazeak komunikatzeko modu gisa. Jende askok uste du Gutenbergekin hasitako tipografia eta mota mugikorren garapena, baina tipografia askoz ere urrunago dago. Diseinuaren adar honek bere sustraiak forma eskuz idatzi ditu. Tipografiak kaligrafia guztia hartzen du, mota guztietako web orrialdeetan ikusten dugun mota digitalaren bidez. Tipografiaren artea ere diseinugile motak dira, eta beste diseinu batzuk sortzen dituzte, beste diseinu batzuek euren lanetan erabil ditzaketen letra inprimakietan bihurtzen direnak, inprimatutako lanetatik lehen aipatutako webguneetara. Obra horiek bezain ezberdinak izan daitezke, tipografiaren oinarriak azpimarratzen ditu.
Tipografia Elementuak
Letra tipografikoak eta letra tipoak: tipografia erabiltzen duten diseinu batean hitz egiten baduzu, "letra mota" eta / edo "letra" terminoak entzun dituzu. Jende askok bi baldintza hauek erabil ditzake, baina bi elementu hauen arteko desberdintasunak daude.
"Letra mota" terminoak letra-tipoen familia ematen du (adibidez, Helvetica Regular, Helvetica Italic, Helvetica Black eta Helvetica Bold ). Helvetiako bertsio guztiek letra mota osoa osatzen dute.
"Letra-tipo" da familiako baten pisu edo estilo bakarra (Helvetica Bold) bezalakoak direnean. Tipografia mota askotako letra-tipoak daude, eta hori guztia antzekoa eta erlazionatua da, baina nolabait desberdina. Tipografia batzuk letra-tipo bakarra bakarrik izan dezakete, besteak letra-tipoak osatzen dituzten formatuetako letra-tipoen aldaketa ugari izan ditzake.
Soinu hau nahasgarria da? Hala bada, ez kezkatu. Errealitatean, norbaitek tipografia aditua ez bada, "letra-tipoa" erabiliko du, termino horietako bat benetan esaten duen arren, eta diseinatzaile profesional askok ere bi baldintza hauek erabil ditzakete. Artisau mekanikari buruzko diseinu garbiari buruz ari ez bazara, seguruenik seguruenik seguruenik nahiago dituzun bi baldintza horiek erabil ditzazun. Hori esanda, bereizketa ulertzen baduzu eta termino egokiak modu egokian erabili ahal izango dituzu, inoiz ez da txarra!
Tipografia Sailkapenak: Batzuetan "letra-tipoen familia generikoak" izenekoak dira, letra-tipo ezberdinetan sailkapen orokorren arabera sailkatzen diren tipografia-multzo handiak. Web orrialdeetan , ikus ditzakezun sei motako sailkapen mota daude:
- serif
- sans-serif
- tarte bakarreko
- etzana
- fantasia
- gidoia
Gainera, horrelakoak diren beste letra-tipo batzuk ere badira. Esate baterako, "slab serif" letra-tipoak serifak antzekoak dira, baina guztiek letrak dituzten serifak lodi eta gorriz osatutako diseinu ezaguna dute.
Gaur egungo webguneak, serif eta sans-serif dira erabiltzen diren bi letra-mota gehienak.
Tipografia Anatomia: Letra mota bakoitzak beste mota-fasetik bereizten dituen elementuek osatzen dute. Diseinu mota batera joan eta tipografia berriak sortzeko bila bazabiltza, web diseinatzaileek ez dute normalean anatomia tipografikoaren zehaztapenak ezagutzen. Interfazeak eta letra-formen bloke eraikin horiei buruz gehiago jakiteko interesa baduzu, artikulu handia dago anatomia tipografikoan buruz.
Oinarrizko mailan, anatomia motak osagaiak kontuan hartu behar direnak dira:
- Cap eta x-height: Hau letra- tipoaren letra maiuskulen altuera da eta letra x altuera x. Esaten dizu zenbat altuena izan behar diren hizkiak, baita letra minuskulak ere. Letren tipoak bi ezaugarri hauen arabera daude.
- Azeleragailuak eta goranzkoak: Hauek dira beheko eta x altuera lerrokatzen duten letren zatiak. Hauek normalean minuskulaz erreferentzia egiten dute. Esate baterako, "b" hizkiak ascender bat du (gutunetik gora "itsatsita" dagoen pieza) "p" letra "jaisteko" zatiak beherantz egiten duen bitartean.
Letren inguruko tartea
Tipografia eragiten duten letren artean eta inguruko zenbait doikuntza daude. Letra digitalak ezaugarri horietako asko sortzen dira, eta webguneetan letra-tipoko alderdi horiek aldatzeko gaitasun mugatua dugu. Hau sarritan gauza ona da letra tipoak bistaratzen diren modu lehenetsian normalean hobe da.
- kerning - letrak banako arteko espazio horizontala
- jarraipena - letren taldeen arteko lekua
- Lerroa - motako lerroen arteko espazio bertikala (hau da, lerro-altuera terminoetan bezala ezagutzen da)
- neurri - testu lerroen luzera
- lerrokatzea - ikusmen testua ezkerrera, eskuinera, zentratua edo justifikatua
- Loturak - Letrak elkarrekin hurbiltzen dira, haien anatomiak konbinatzen dituztenak, eta, bestetik, gutun bat bestearen atzetik
Tipografia elementu gehiago
Tipografia erabiltzen diren motako fokuak baino ez dira eta horien inguruko zuriuneak. Badira beste gauza batzuk ere kontuan hartu behar dituzula diseinu mota tipografiko ona sortzean:
Hitz-zatiketa: Hitz-zatiketa marra baten gain (-) lerro amaieran irakurgarritasuna edo justifikazioa hobeto ikusteko arazoak saihesteko laguntzen du. Dokumentu inprimatuetan normalean aurkitzen diren bitartean, web diseinatzaile gehienek baztertu egiten dute eta ez dute lanean erabiltzen, web nabigatzaileek automatikoki kudeatzen duten zerbait baita.
Rag: Testu bloke baten ertz bertikal irregularra deritzo rag. Tipografia arreta jarriz, zure testu-blokeak begiratu behar dituzu osorik, diseinua ez dela diseinua eragiten. Arrastoa oso irregularra edo irregularra bada, testu-blokearen irakurgarritasuna eragin dezake eta distraitzea lortzen du. Nabigatzaileak automatikoki maneiatzen duen zerbait da, lineatik lerro motak nola eragiten duen kontuan hartuta.
Alargunak eta umezurtzak: zutabe baten amaieran hitz bakarra alarguna da eta zutabe berri baten goialdean umezurtz dagoen. Alargunak eta umezurtzak itxura txarrak eta irakur daitezke.
Zure testu-lerroak web nabigatzailean ezin hobeto erakusteko lortzen da proposamen zorrotz bat, batez ere webgune sentikor bat eta pantaila desberdinetako pantaila desberdinetarako. Zure helburua tamaina desberdineko gune berrikustea izan behar da itxura onena sortzeko. posiblea, zenbait kasutan, zure edukiak leihoak, umezurtzak edo beste pantailen bat baino gutxiago dutenak izango dituela onartuz. Zure helburua mota horretako diseinuaren alderdi horiek minimizatzea izan behar luke, eta errealista izateak ere ezingo du perfekzioa lortu pantailaren tamaina eta pantaila guztietan.
Zure tipografia egiaztatzeko pausoak
- Aukeratu mota-fokuak arreta handiz, motako anatomia zein motako familia .
- Leku- markaren testua erabiliz diseinua eraikitzen baduzu, ez onartu azken diseinua diseinuaren benetako testua ikusi arte.
- Tipografia xehetasun txikiei arreta jarri.
- Begiratu testu-bloke bakoitza hitzik ez balego bezala. Zein formatan testuak orrian egiten du? Ziurtatu forma horiek orri osoaren diseinua aurrera eramaten dutela.
Jennifer Krynin-en jatorrizko artikulua. Jeremy Girard-ek argitaratua 17/07/17