Með því að setja myndir í tegund er hægt að tjá meira en orð eða myndir geta verið einir.

Áhrifin pakkar mikið af upplýsingum í þétt rými. En það getur orðið ljótt ef textinn og myndmálið eru í bága við hvert annað.

Hönnuðir geta horfið af hörmungum með því að halda tilgangi þeirra í huga: að tjá hugmyndina greinilega ætti að klúðrast á "vá" þátturinn í tækni.

Að setja myndir beint í texta blandar augljós samskipti á orðum með tilfinningalegum áhrifum mynda.

Orð lýsa og myndir tjá. En þegar myndir glatast eða textinn verður muddled, eða báðir, fáum við átök. Myndir og texti geta verið samhæfðir óaðfinnanlega, en aðeins ef við fylgum leiðbeiningum sem jafnvægi á læsileiki bæði. Lestu áfram til að finna út hvernig á að blanda texta og myndmálum á áhrifaríkan hátt.

Jafnvægi texta og mynd læsileiki

Hugsaðu um stafróf sem myndarammar ... þó óvenjulegir. Ef mynd er sett í texta þarf að fjarlægja klumpur úr myndinni. Til að halda læsileikanum á myndinni verður þú að ákveða hvaða hlutar myndarinnar skiptir máli. Það er best ef bréfformin hrynja ekki of mikið á myndinni.

dæmi um hvernig bréf skera í myndir

Ofan, tveir þríhyrningar skera inn í myndina frá topp og botn. Það er gott fyrir textann, sem er nú þekkjanlegur "N" en slæmur fyrir myndina, vegna þess að smáatriði hefur verið fjarlægður frá miðpunkti myndarinnar (þ.e. blóm).

Til að reikna út hvernig myndir og textar geta (og getur ekki) blandað, byrjum við með bókstafunum. Augljóst upphafspunktur er að velja réttan þyngd.

sýnishorn af texta of þunn fyrir myndina innan

Mýgrútur Pro Light er læsileg við punktastærðina sem sýnd er hér að ofan. Brúnir bréfin eru skýr og flestir litirnir skila vel gegn bakgrunninum. En myndin er minnkuð í ágrips áferð.

þykkari textinn sýnir meiri mynd

Breyting á letri á Myriad Pro Black sýnir meira af myndinni. Textinn er erfiðara að lesa vegna þess að það er nákvæmara að ná auga, en orðið "Vor" er læsilegt.

Ekki er nóg að velja þykkt leturgerð. Við getum bætt ímynd læsileika annað skref með því að rekja orðið, þannig að sækja um Gestalt meginreglur -Specifically "reification", hugtak frá Gestalt sálfræði sem lýsir því hvernig við myndum heildar myndir og form með hugum okkar, jafnvel þegar augun okkar eru aðeins gefin upp stykki eða vísbendingar.

betri kerning hjálpar myndinni

Ofangreind eru bréfin kjarna saman til að búa til samræmda "stig" sem myndin getur birst á.

Í smáatriðum 1 eru bókstafstöflurnar vísvitandi skarast til að sýna alla hluti innan myndarinnar - en ekki svo mikið að þau hylja orðið.

Í smáatriðum 2 eru þrír stafir með lóðréttum hliðum á breiddinni nógu langt í sundur, sem þú getur viðurkennt þau sem bréf, en nærri nóg til að láta petals blómanna "hoppa" yfir hvíta eyðurnar. Svarta línurnar sýna óbeinar línur sem fólk tengir meðvitundarlaust. Að minnsta kosti einum Gestalt sjónarhorni hops yfir bókstöfum í orðinu hér fyrir ofan. Ef þú sérð það, skildu eftir athugasemd hér að neðan .

Stöðug kerning hefur tilhneigingu til að búa til solid blokkir, sem líta áhugavert út en getur verið fyrirferðarmikill. Lausnin er að skilja bilið milli samsvörunar (eða samhliða) lína en að herða svæði sem ekki passa náttúrulega saman.

varkár kerning heldur bréfum læsileg

Hér eru bréf með samsvörunarlínum (eins og lóðréttum hliðum "r," "i" og "n") ekki eins auðvelt að lesa þegar ýtt er saman. Það opna rými er gott fyrir myndir en slæmt fyrir bréf. Auðvitað er það ekki alltaf slæm hugmynd að festa bréf sem samsvara formi, en þeir ættu að vera eins læsilegir og mögulegt er.

Mo 'Myndir, vandamál Mo

Eitt mynd og stutt orð er auðvelt. Margar myndir á tveimur línum krefjast meiri áreynslu.

sýnishorn af tólf stafi með mörgum mismunandi myndum

"Virkur sumar" kallar ákveðna tegund af myndmálum. Samsetningin hér að ofan hefur nokkra verðleika. Það sýnir margs konar myndir: portrett, fjölvi, landslag. Textinn er stilltur í jafnblokk. Og letrið er þykkt nóg til að sýna flest myndatöku. En það eru vandamál.

skýringarmynd á vandamálunum

Þó að nokkrir hlutir virka vel, er samsetningin riddled með vandamál. Sérstakir hlutir eru merktar á myndinni hér að ofan, en flestir hafa sömu ástæðu: stafarnir og myndirnar trufla hvert annað. Við getum leyst málið með því að gera smávægilegar breytingar.

bætt samsetning með myndum

Helstu breytingar okkar hér eru:

  • Myndin í "S" er flutt í "e" í "virk".
  • Nýjar myndir eru settar í "m", "e" og "r" í "sumar".
  • Myndin af manninum í "e" í "sumar" er flutt í "u."
  • Áinmyndin er flutt frá "ég" til "S" í sumar og er minnkuð til að sýna upprunalegu myndina.
  • Köfun borð er flutt til "ég," og kafari er passa inn í punktinn hér að ofan.
skýringarmynd á lausnum og eftirliggjandi vandamálum

Það er betra en ekki fullkomið. Annað "m" er enn glatað í bakgrunni. Einnig er bætt við myndum með líflegum litum víkkað litatöflu, sem getur verið vandamál. Reynum aftur.

aðrar lausnir

Við getum gefið þunnt landamæri á "e" í "virkum" og seinni "m" í "sumar". Landamærin hér eru vísvitandi haldin dauf (45% ógagnsæi) til að forðast að vekja athygli á sjálfum sér. Við getum einnig gefið "S" í "sumar" landamæri, en aðeins þar sem þörf krefur (á hvítvatninu). Borders eru aðeins nauðsynlegar þar sem lituðu þættir mæta hvítum bakgrunni.

The "r" í "sumar" lögun hvít ský sem blanda í bakgrunninn. En hönnuðurinn ákvað að "r" lögunin væri enn læsileg, svo að landamæri væri óþarfi.

Stundum birtast lausnir þegar þú ert að leita að vandamálum. Í þriðja breytingabreytingunni okkar hér að ofan, til dæmis, hönnuði einangrað Cannonball kafari frá bakgrunni, sem skapar beinari samskipti milli myndarinnar og texta.

Endanleg snerting er að blanda litunum saman. Þetta sameinar hvert orð.

myndir í texta, lituð

Frá lítilsháttar breytingum í litbláum og einföldum eintökum, sérhver orð hér að ofan tekur mismikil tón. Þrátt fyrir fjölbreytni einstaklinga, vog og horn, hjálpar svipuð litir hvert orð standa á eigin spýtur. Er þetta nauðsynlegt? Það fer eftir markmiðum mannsins.

Ef binda saman orðin er mikilvægara en að hafa raunhæf lit, þá gæti tæknin hér að ofan verið að vinna. En litbrigði er lausn sem ætti aðeins að beita ef vandamálið er-það er aðeins ef ætlað merking er að glatast.

Minnka, endurnýta og endurvinna myndir

Eitt síðasta vandamálið með þessari samsetningu er hreinn fjöldi mynda sem notuð eru. Hver stafur virðist hafa sérstakt mynd; Ef keypt er sem lagerlist, gætu 12 myndir keyrt upp stóran flipa.

Í raun voru aðeins sjö myndir notuð í þessari samsetningu. Tveir af sjö voru notaðir einu sinni einu sinni. Einn var notaður þrisvar sinnum. Kíkja:

sjö myndir notuð yfir tólf stafi

Þegar þú setur upp myndir í bókstaflega formi þarf alltaf að klippa, svo uppteknar myndir - eins og myndin af fjórum manna - er hægt að skera á mismunandi vegu og endurnýta oft.

Breyting á texta til að passa myndmál

Þau tvö orð sem við unnum bara, "Virkur sumar", eru settar í sama letri en í mismunandi punktastærðum til að halda brúnum sínum í samræmi. Þegar eitt staf er notað á hverja mynd er hönnunarspurningin handahófskennt. Þegar um er að ræða eina mynd, þá er form textans mikilvægt; að halda heildar texta lögun eins nálægt hlutum myndarinnar og mögulegt er best. Til dæmis:

sýnishorn af textaformum

"Espresso House" er langur setning, sem er óviðeigandi að 4 × 3 mynd. Lausnin er að laga textann til að passa myndina:

  • Orðin eru staflað til að búa til blokk.
  • Orðið "hús" er stækkað þannig að vinstri og hægri brúnir passa við "espressó".
  • "H" í "húsinu" er stór, en minnkað til að passa við hæðina "ouse." Eins lítið pláss og mögulegt er er eftir á milli tveggja orðanna.
  • Þó ekki alltaf æskilegt, hér er descender í "espresso" heimilt að mæta "o" í "húsinu".

Leysanleiki er mikilvæg en að einhverju leyti huglæg. Ákveðnar aðferðir nýta myndina og aðrir greiða texta. Þetta samspil er eftir hjá hönnuði, sem skilur markmið verkefnisins.

dæmi um áherslu á texta á móti mynd

Við getum lagt áherslu á textann með því að auka andstæða kringum brúnir bréfin (til vinstri). Til að leggja áherslu á myndina sýnum við blekmyndina í hvítu rýminu á milli stafina (hægri). "Ghosting" muddles textann en sýnir myndina í heild.

Hvernig á að setja myndir í texta með Photoshop

Það eru margar leiðir til að setja upp myndir á textann, en þessi dæmi voru búin til með uppskrift sem var þróuð af reynslu og reynslu.

tækni, skref 1

Settu fyrst textann í Photoshop skjal. Þessi samsetning er 615 dílar á breidd vegna þess að hún passar við sérstakar upplýsingar Webdesigner Depot. Þegar þú býrð til eigin, passaðu stærðina við verkefnið.

Til að sjá brúnir bréfin greinilega, byrja á svörtum texta á hvítum bakgrunni. Þegar þú ert búinn skaltu stilla ógagnsæi textalagsins í 20%.

stiku, skref 1

Ofangreint, Photoshop lagavalmyndin í fyrsta skrefið.

tækni, skref 2

Í öðru lagi fletið orðið inn í bakgrunninn til að búa til gráa stafi á solidum hvítu. Sláðu síðan aftur stafina, eitt á lag, með bakgrunninum sem leiðbeiningar.

stiku, skref 2

Ofangreint, Photoshop lagavalmyndin í öðru skrefi.

tækni, skref 3

Í þriðja lagi skaltu bæta við myndum eða hluta af myndum í samsetningu sem aðskilda lag. "Úrklippa" lögin (Lag → Búa úrklippunarvél) leyfir efsta laginu (í þessu tilfelli hver mynd) aðeins að birtast þar sem undirlagið (hver stafur) birtist.

stiku, skref 3

Ofangreint, Photoshop lagavalið sem við bætum við myndum.

tækni, skref 4

Endurtaktu eftir þörfum.

Aðlaga hugmyndina

Allir myndir, myndir eða áferð geta unnið með texta á þennan hátt. Lykillinn er að ná réttu jafnvægi milli texta og myndmál.

samsetning sem blandar ekki myndmyndum með texta


Skrifað eingöngu fyrir Webdesigner Depot by Ben Gremillion . Ben er sjálfstæður vefur hönnuður sem leysir samskiptavandamál með betri hönnun.

Hvernig stjórnaðu árekstur tegund og myndmál? Vinsamlegast deildu hugsunum þínum hér fyrir neðan ...