Búðu til fyrirsagnir með stór og smá skarast texti

Fyrirsagnir kynna efni.

Við getum sótt um margar áhrifin og bragðarefur til grafíkar fyrirsagnir til að tæla lesendur til að halda áfram að lesa, stilla tóninn eða gera einn fyrirsögn milli margra.

En stundum eru augljósustu aðferðirnar, svo sem að breyta sjónþyngd og uppsetningu, miklu betra.

Overlapping titlar nota lítið magn af stórum texta og stórt magn af litlum texta til samskipta meira en venjulegt fyrirsögn gæti gert á eigin spýtur. Hljómar mótsagnakennd? Aðeins ef þú hunsar fínt stig.

Lestu áfram að læra hvernig á að búa til eftirminnilegu fyrirsagnir með skarast texta.

Hvað eru stakur form hér að ofan að gera með nöfnin "WDD" og " {$lang_domain} "? Þeir eru óheppilegir artifacts frá því að hafa lagt eina texta yfir hinn án tillits til staðsetningar eða smáatriða. Hér er brotin mynd:

Í hnotskurn er myndin hér að ofan einföld kynning á blogginu og skammstöfun þess. Leturgerðin er opinber sem notuð er af blogginu; Björt appelsínugult kemur beint frá þema vefsvæðisins; og báðar textar eru miðaðar næstum fullkomlega.

Það er jafnvel stafsett og eignast í samræmi við stíl bloggsins. En það er áhugamikið tilraun til að líkja eftir skörunartækni með því að slá inn langan texta á stuttan tíma. (Veikleikarnir í þessu dæmi eru ýktar, þó ekki óalgengt.)

Skyggingin hér að ofan sýnir nýju formin sem búin er til af tveimur textaritunum. Hvernig tvær línur tengjast hverri röð og þeirri röð sem þeir eru að lesa fer eftir því hvernig þær eru settar fram. Það er meira að skarast texti en að setja einn ofan á hinn.

Auðveldlega er skarast ekki alltaf besta leiðin til að raða stuttan titil og langan undirskrift.

Dæmiin hér að neðan sýna nokkrar mögulegar meðferðir þegar hönnun kallar á eitthvað meira skapandi en venjulegt h1 og h2 þættir.

Skarast texti hefur glæsileika sem ekki er auðvelt að afrita með HTML (ennþá). Tvær línur textar saman samanstanda oft meira en summa hvers og eins.

Grundvallaratriði af skarast texti

Skarast texti andstæða tvær tegundir af gerð gegn hver öðrum. Stór texti hvílir á litlum texta, sem oft inniheldur fleiri orð. Erfiður hlutar eru að tryggja að báðir línurnar séu jafn læsilegir, þannig að bæði vinna saman í stað þess að hver og annað sé í huga og halda öllu pakkanum á efni.

Mismunandi aðferðir breyta áhrifum skarast texta.

Hér eru fjórar meginþættir sem hafa áhrif á skörunartexta:

• Staðsetningin hefur að geyma hvernig lítill texti er staðsettur miðað við stóra texta. Þetta hefur bein áhrif á hvernig textinn er lesinn. Ef lítill texti er til vinstri til vinstri verður líklega að lesa fyrst (þ.e. fyrir stóra texta). Ef lítill texti er í átt að neðst til hægri er líklegt að það sé lesið annað.
• Hlutfallslegur þyngd vísar til þess hversu mikið athygli er eitt stykki af texta teiknar miðað við hitt. Miðað við stærð þess, þá hefur stóra textinn yfirburði. Hins vegar, ef stóra textinn er dofna í bakgrunninn, þá mun lítill texti stökkva út.
• Rödd (aðallega leturgerð og litur) tengist fagurfræðilegu vali sem stilla skapgerðina.
• Milliverkun er erfiður. Það hefur að geyma hvernig bókstafsefni textanna vinna saman við hvert annað. Samskipti fer eftir staðsetningu, leturgerð og persónurnar sjálfir. Markmiðið er að binda sjónrænt sjónarhorn á móti andstæðar línur texta saman.

Staðsetning hefur áhrif á hvernig línurnar eru eins og allir eru að lesa

Röðin þar sem þú vilt að gestir lesi textann er mikilvægasti þátturinn í því að ákvarða hvernig á að raða línurnar af gerðinni. Enska er vinstri til hægri tungumál, lítill texti til vinstri mun lesa verulega frábrugðin litlum texta til hægri.

Með litlum texta í efra vinstra horninu segir grafinn hér að ofan: "Forðastu eins og pestinn. Clichés. "Enn," clichés "er skrifað svo stórt að fólk gæti lesið það fyrst. Jafnvægið á milli stærð og staðsetningu setur tvær línur á jafnréttisgrundvelli.

Útgáfan hér að ofan er minna óljós. Með því að skila litlum texta til neðst til hægri er greinilega forgang að stóru textanum. Nú segir það: "Clichés: Forðastu eins og pestinn."

Fyrirsagnir hér að ofan eru skiptanlegar vegna þess að hver lína er meira eða minna sjálfstæð. Þegar línurnar eru háð hver öðrum er staðsetningin mikilvægari. Hér er dæmi um lélegt starf:

Með því að setja litla textann í neðra hægra megin fer lesendur að hanga. "Plága: Forðastu clichés eins og ..."? Þrátt fyrir að flestir muni reikna það út, er hikandi stundin munurinn á miðlungs og góðri kynningu.

Fyrirkomulagið hér að ofan er best vegna þess að lítill texti er fyrsta hluti setningarinnar. Ef við viljum setja litla textann til hægri, þá verður stór texti að mynda fyrsta hluta setningarinnar. En aftur, það er hitch.

Það fer ekki eftir setningunni með því að nota bara fyrsta orðið fyrir stóra texta, því að textalínurnar þurfa að vinna fyrir sig eins og heilbrigður eins og saman. Textinn hér að ofan skilur orðasambandið óviðeigandi. Forsenda sögnin "forðast" hefur ekki nóg af sjálfu sér til að koma til móts við sjálfstæði. Og "clichés like the plague" hljómar eins og við séum að bera saman ofnotkunarsambönd við sjúkdóma, í stað þess að ávísa bæði. Merking allra grafíkra breytinga.

Jafnvel ef við verðum að skreppa saman stóru textanum til að passa, með tveimur orðum (heill setningu) fyrir stóra texta, þá bregðast báðar línurnar betur.

Með skarast texta er að finna rétta setninguna í gegnum skipulag eins mikilvægt og lit og leturval.

Balance Dominance með því að vinna með, ekki gegn, bakgrunninum

Þó að tilgangurinn með stórum texta sé að ráða, getur það auðveldlega auðveldlega smám saman smá texta líka. En það er ekki alltaf slæmt. Gott jafnvægi snýst ekki um að koma í veg fyrir stóran texta frá að ráða yfir litlum texta, heldur um að sýna hlutfallslega mikilvægi þeirra.

Stærð stóru textans gerir það að sjálfsögðu aðalatriðið. Það er frábært ef lítill texti er eingöngu ætlað að styðja stóra texta. Til dæmis:

"WWW" stökk út fyrst. "Velkomin á stafrænan aldur" útfærir hugmyndina og styður þremur Ws. En hvað ef lítill texti átti að bera aðalskilaboðin?

Að ofan er aðaltexturinn "Velkomin á stafrænan aldur". Og hvað þýðir þetta? Bleikt á bak, "WWW" veitir vísbendingu.

Því meira sem stór textinn blandar í bakgrunninn, því minni áhersla það tekur á. Þegar stór texti er varla sýnilegur verður lítill texti aðalhlutinn.

Samskipti eru í smáatriðum

Lögun leturs er lykillinn að aðgreindum útlitinu. Þegar tveir textar skarast saman skapar hann vasa, stakur form og önnur lúmskur truflun.

Ofan, stóra appelsínugult og lítill hvítur texti bætir óþarfa ringulreið við borðið (þ.e. holurnar inni í stafunum). Eingöngu, hver auka hluti hindrar ekki læsni mikið. En það er hluti af vandamálinu: vegna þess að þeir eru ekki nógu slæmir til að gera textann ómöguleg, gætu þeir auðveldlega sagt upp sem óveruleg.

Til að hámarka læsileika verðum við að varðveita bréf litlu textans.

Eins og sýnt er hér að framan hafa lítilsháttar breytingar komið í veg fyrir truflanirnar:

• Skipta á milli klemma-eins og skautanna af stóru "C", orðið "texti" er nú miklu skýrara.
• Takið eftir því hvernig lóðréttir stafar af "r" og "n" í "útskýringu" mæta brúnir stóra "C."
• Tælurnar í "p" og "o" í "stuðnings" innihalda nú aðeins svart.
• Við höfum skorið stóra stafinn "A" til að gera lágstafirnar "s" í "stuðnings" skýrari.

Markmiðið er að varðveita form lítilla bókstafa, jafnvel þótt lesendur taki ekki eftir.

Leturgerð skiptir máli

Ekki sérhver leturgerð er hentugur fyrir bæði stór og smá stærðir. Í litlu magni er hægt að hverfa leturgerð. Og smáatriði sem eru stækkaðir í stórum stíl geta stundum skapað óvenjuleg vandamál.

Fjóra leturstærðir hér að framan mistakast af mismunandi ástæðum:

1. Þessi leturgerð var hannaður til að líkja eftir rithöndum. Ragged brúnir hennar innihalda hundruð vektor punkta, sem flestir eru glataðir í litlum mæli.
2. En gerðu handritið of stórt og stafarnir líta minna út eins og rithönd og meira eins og skrúfaðan Illustrator slóðir.
3. Köllunarbrúnir Zapfino fari betur en Texas Hero, en gríðarlegur ascender á "b" kastar samsetningu úr jafnvægi.
4. Lucida Blackletter er of flókið til að vera hagnýt sem bakgrunnur, að minnsta kosti án mjög varlega fyrirkomulagi litlu textans. Einstaklingspersónan hennar hverfur einnig í litlum mæli. Eru þeir swoops og serifs, eða er það bara loðinn?

Fyrir stór texti, of þykkt eða of þunnt er bara rétt

Þegar texti er skarast skaltu hugsa um stór tegund sem bæði texta og bakgrunn . Því flóknari stafina, því meira áferðin sem þau verða. Þannig eru líklegri til að hylja leturformana í litlum texta.

Til að koma í veg fyrir vandamál skaltu fara fitu eða þunnt. Extra þykk og auka létt form vinna betur en venjulegur þyngd sama andlitsins. Bæði trufla minna vegna þess að lítil texti hefur minni möguleika á að henda brún.

Til dæmis er stór texti í ljósi og svörtum afbrigðum hér að ofan slátrað færri litlum bókstöfum. Auðvitað, hvert andlit - og hvert sett af orðum - er öðruvísi. En almennt valda miðlungs þyngd meiri vandamál en þunn og þykkt þyngd.

Hagnýtar dæmi

Hvernig gæti þetta unnið með líklegri texta? Hér eru nokkur dæmi um skarast texti.

Afhverju það virkar: Blekkt í bakgrunninn, stór texti gefur skýran forgang fyrir litla textann. Stærðfræðilegir formir Museo hafa nokkrar afvegaleiðir.

Möguleg vandamál: Þessi skörun myndi ekki virka alveg ef lítill texti var styttri. Til að bera skilaboðin, lítill texti verður að skarast öll sex stafina í stóru textanum.

Afhverju virkar það: Lítill textinn fer yfir aðeins þrjú þykkur og tvær þunnt högg af lit. Nóg andstæða, jafnvel fyrir heitt litaval.

Möguleg vandamál: Öflugir brúnar brúnir virðast vinna gegn glæsilegum línum lítilla textans.

Af hverju það virkar: Báðar línur textans eru með skarpur geometrísk form og eru nákvæmlega takt.

Möguleg vandamál: lítur lítill texti lítið út? Gera leturgerðin í raun að endurspegla andann " steampunk ? "

Af hverju virkar það: örlátur mælingar í stórum bókstöfum og hreinum línum í báðum texta gerir hvert staf ljóst.

Möguleg vandamál: Er bakgrunnsbreytingin gerð gerð of erfitt að lesa?

Af hverju virkar það: Þykka stóra textinn er læsilegur á eigin spýtur, en náinn texti býður upp á að lesa. Nokkrar aukafyllingar halda litadýpt höfuðstólsins "S".

Möguleg vandamál: SxSW er venjulega veitt í bitmap leturgerð; Þetta eru af vörumerki. Notaðu einnig forskriftir í litlum texta sparlega.

En hjálpar það?

Leyfðu þessum lærdómum að beita upprunalegu samsetningu okkar.

Af hverju virkar það:

• Stór textinn blandar í dökkan bakgrunn, en stærð hennar tryggir að hún sé sýnileg.
• Björtu liturinn gerir litla textann kleift að standa út. Réttstillingin jafnvægi það.
• Nákvæmt bil á litlum bókstöfum og einfaldleiki stóru bréfa halda í lágmarki átök.
• Tvær leturgreinar deila sameiginlegum þáttum. Til dæmis, tveir "W" s samræma, þrátt fyrir að vera í mismunandi andlit.

Skrifað eingöngu fyrir Webdesigner Depot eftir Ben Gremillion . Ben er vefhönnuður sem leysir samskiptavandamál með betri hönnun.

Hverjir eru hugsanleg vandamál síðasta fordæmisins? Vinsamlegast deildu hugsunum þínum í athugasemdunum hér fyrir neðan.

• ← 10 táknræn skírnarfontur og hvers vegna þú ættir aldrei að nota þau
• 12 Essential Reglur til að fylgja þegar hanna merki →