Sekoitustyyppi ja kuvat: miten hallita törmäystä
Asettamalla kuvassa olevia kuvia voit ilmaista enemmän kuin sanat tai kuvat yksinään.
Vaikutus pakkaa paljon tietoa tiukkaan tilaan. Mutta se voi olla ruma, jos teksti ja kuvat ovat ristiriidassa keskenään.
Suunnittelijat voivat selviytyä katastrofista pitämällä tarkoituksensa mielessä: ilmaisemalla ajatus selkeästi olisi voitettava tekniikan "wow" tekijä.
Kuvien asettaminen suoraan tekstiin sekoittaa selkeän sanojen kommunikoinnin valokuvien emotionaaliseen vaikutukseen.
Sanat sanovat, ja kuvat ilmaistaan. Mutta kun kuvat häviävät tai teksti sekoittuu, tai molemmat, saamme ristiriitaa. Kuvat ja teksti voidaan yhdenmukaistaa saumattomasti, mutta vain noudattamalla ohjeita, jotka tasapainottavat molempien luettavuutta. Lue lisätietoja tekstin ja kuvamateriaalin tehokkaasta sekoittamisesta.
Tekstin ja kuvan luettavuuden tasapainottaminen
Ajattele kirjaimista kuvakehyksiä ... vaikkakin epätavallisia. Kuvan asettaminen tekstiin edellyttää, että poistat palaset kuvasta. Jotta kuvan luettavuus säilyisi, sinun on päätettävä, mitkä osat kuvasta ovat. On parasta, jos kirjoitusmuodot eivät tunkeudu liikaa kuvaan.
Yläpuolella ja alhaalla on kaksi kolmiota, jotka leikataan valokuviin. Tämä on hyvä teksti, joka on nyt tunnistettavissa oleva "N", mutta on huono valokuva, koska jotkin yksityiskohdat on poistettu kuvan keskipisteestä (eli kukista).
Kun selvitämme, miten kuvat ja teksti voivat (ja niitä ei voi sekoittaa), alamme kirjaimilla. Ilmeinen lähtökohta on oikean tyyppisen painon valinta.
Myriad Pro Light on luettavissa edellä esitetyssä pisteessä. Kirjainten reunat ovat selkeät, ja useimmat värit eroavat hyvin taustasta. Mutta kuva on vähennetty abstraktiin tekstuuriin.
Kirjasintyypin muuttaminen Myriad Pro Blackille paljastaa enemmän valokuvaa. Tekstiä on vaikeampi lukea, koska silmällä on enemmän yksityiskohtia, mutta sana "Spring" on luettavissa.
Paksun kirjasimen valitseminen ei riitä. Voimme parantaa kuvan luettavuutta toisen vaiheen seuraamalla sanaa ja soveltamalla sitä Gestalt-periaatteet -Spesifisesti "reifiointi", termi Gestalt-psykologiasta, joka kertoo kuinka voimme tehdä mielikuvituksemme kokonaisia kuvia ja muotoja, vaikka silmillämme annetaan vain kappaleita tai vihjeitä.
Yläpuolella kirjaimet yhdistyvät yhteen yhtenäisempi "vaihe", johon kuva voi näkyä.
Yksityiskohtaisesti 1, kirjaintyypit tarkoituksellisesti päällekkäin osoittavat koko muodot valokuvan - mutta ei niin paljon, että ne hämärtävät sanaa.
Yksityiskohtaisesti kaksi kirjainta, joissa on pystysuuntaiset sivut, ovat riittävän kaukana toisistaan, että ne tunnistavat ne kirjaimina, mutta ne ovat niin lähellä, että kukan terälehdet "hyppivät" valkoisten aukkojen yli. Mustat viivat osoittavat epäsuorat linjat, jotka ihmiset yhdistävät alitajuisesti. Ainakin yksi Gestaltin linja näkyy yllä kirjaimessa. Jos näet sen, jätä kommentti alla .
Tiukka kirsikka pyrkii luomaan kiinteät lohkot, jotka näyttävät mielenkiintoisilta, mutta voivat olla hankalia. Ratkaisu on jättää väliin sopivia (tai rinnakkaisia) viivoja, mutta kiristä alueita, jotka eivät luonnollisesti sovi yhteen.
Tällöin kirjaimet, joissa on vastaavia viivoja (kuten "r", "i" ja "n": n pystysuuntaiset sivut) eivät ole yhtä helppoja lukea, kun niitä painetaan yhteen. Tämä avoin tila on hyvä valokuville, mutta se on huonosti kirjaimille. Tietysti kirjeiden liittäminen, joiden muotoja ei ole aina huono idea, mutta niiden pitäisi olla mahdollisimman luettavissa.
Mo 'Valokuvat, Mo' ongelmat
Yksi valokuva ja lyhyt sana on helppoa. Useita valokuvia kahdella rivillä vaatii enemmän työtä.
"Aktiivinen kesä" loi jonkinlaisen kuvan. Yllä olevassa koostumuksessa on joitain ansioita. Se näyttää erilaisia valokuvia: muotokuvia, makroja, maisemia. Teksti asetetaan tasaiseksi lohkoksi. Kirjasin on riittävän paksu, jotta suurin osa kuvista näytetään. Mutta on ongelmia.
Vaikka jotkut asiat toimivat hyvin, koostumus on täynnä ongelmia. Ominaisuudet on merkitty yllä olevalla kaaviolla, mutta useimmilla on sama syy: kirjaimet ja valokuvat häiritsevät toisiaan. Voimme ratkaista ongelmat tekemällä pieniä muutoksia.
Tärkeimmät muutokset ovat:
- "S": n henkilön kuva siirretään "e" -tilaan aktiiviseksi.
- Uusia kuvia asetetaan "m", "e" ja "r" kesällä.
- E-kirjaimen kuva "kesällä" siirretään "u."
- Joen kuva siirretään "i": sta "S": ksi kesällä ja kutistuu sen lähteen paljastamiseksi.
- Sukelluskortti siirretään "i" -asentoon ja sukeltaja sopii edellä olevaan pisteeseen.
Se on parempi, mutta ei täydellinen. Toinen "m" häviää edelleen taustalla. Valokuvien lisääminen värikkäillä väreillä laajentaa väripalettia, mikä voi olla ongelma. Yritetään uudestaan.
Voimme antaa ohut reunat "e": lle "aktiivisessa" ja toisessa "m" "kesässä". Rajat tässä tarkoituksellisesti pidetään heikkona (45% hämärtyminen) välttääksesi huomion itsestään. Voimme myös antaa S: lle "kesällä" rajan, mutta vain silloin, kun se on tarpeen (valuma-alueella). Rajat ovat välttämättömiä vain silloin, kun vaaleat elementit täyttävät valkoisen taustan.
"R" -alueella "kesällä" on valkoisia pilviä, jotka sekoittuvat taustalle. Mutta suunnittelija päätti, että "r" -muoto oli vielä luettavissa, joten raja oli tarpeeton.
Joskus etsit ongelmia, kun etsit ongelmia. Esimerkiksi kolmannen muutosvaiheen aikana suunnittelija eristää tykinkuoravedestä taustalta, mikä luo suoremman vuorovaikutuksen kuvan ja tekstin välillä.
Viimeinen kosketus on sekoittaa värit. Tämä yhdistää jokaisen sanan.
Vähäisistä sävyjen vaihteluista suoraviivainen monotoniin, jokainen edellä oleva sana saa vaihtelevia sävyasteita. Huolimatta erilaisista aiheista, asteikot ja kulmat, samanlaiset värit auttavat jokaista sanaa yksinään. Onko tämä tarpeen? Se riippuu tavoitteista.
Jos sanojen yhdistäminen on tärkeämpää kuin realistinen väri, niin yllä oleva tekniikka voisi toimia. Sävyttäminen on kuitenkin ratkaisu, jota on sovellettava vain, jos on olemassa ongelma eli vain, jos aiottu tarkoitus katoaa.
Pienennä, käytä uudelleen ja kierrä valokuvia
Viimeinen ongelma tämän sävellyksen kanssa on vain käytettyjen kuvien määrä. Jokainen kirje näyttää sisältävän erillisen valokuvan; jos sitä ostettiin varastossa, 12 kuvaa voisi olla iso välilehti.
Itse asiassa tässä seoksessa käytettiin vain seitsemän valokuvaa. Kaksi näistä seitsemästä käytettiin vain kerran. Yksi käytettiin kolme kertaa. Katso:
Valokuvien asettaminen kirjaimellisiin muotoihin vaatii aina rajausta, joten kiireiset kuvat - kuten neljän henkilön kuva - voidaan leikata eri tavoin ja käyttää uudelleen monta kertaa.
Tekstin muuttaminen kuviesi sovittamiseksi
Kaksi sanaa, joita käsitimme juuri, "Aktiivinen kesä", asetetaan samaan kirjasintyyppiin, mutta eri pisteisiin, jotta reunat pysyvät yhtenäisinä. Kun käytät yhtä kirjainta kuviota kohden, suunnittelupäätös on mielivaltainen. Kun käsitellään yhtä kuvaa, tekstin muoto on kuitenkin kriittinen; pitää koko tekstimuoto mahdollisimman lähelle kuvan mittasuhteita. Esimerkiksi:
"Espresso House" on pitkä lause, huonosti sopiva 4 × 3 kuvaan. Ratkaisu on mukauttaa tekstiä valokuvan mukaan:
- Sanat on pinottu muodostamaan lohkon.
- Sana "talo" laajennetaan niin, että sen vasen ja oikea reunus sopivat yhteen "espresson" kanssa.
- "H" "talossa" on isoja, mutta kutistuu vastaamaan "ouse" -korkeutta. Niin kauan kuin tilaa on vähän, kahden äänen väliin jää.
- Vaikka se ei ole aina toivottavaa, täällä "espresson" laskeutujat voivat tavata "o" "talossa".
Luettavuus on tärkeä, mutta jonkin verran subjektiivinen. Tietyt tekniikat edistävät kuvaa, ja toiset suosi tekstiä. Tämä vuorovaikutus jää suunnittelijalle, joka ymmärtää tehtävän tavoitteet.
Voimme korostaa tekstiä lisäämällä kontrastia kirjainten reunojen ympärille (vas.). Kuvan korostamiseksi näytämme haalistuneen kuvan valkoisten kirjainten välissä (oikealla). "Ghosting" muddles tekstiä, mutta näyttää kuvan koko.
Kuvien asettaminen tekstiin Photoshopilla
Tekstissä on useita tapoja kuvata tekstiä, mutta nämä esimerkit luotiin kokeilun ja virheen avulla kehitetyn reseptin avulla.
Aseta ensin teksti Photoshop-dokumenttiin. Tämä koostumus on 615 pikseliä leveä, koska se sopii Webdesigner Depot -tyyppisiin tietoihin. Kun luot omasi, sopi kokoasi projektiin.
Jos haluat nähdä kirjainten reunat selvästi, aloita mustalla tekstillä valkoisella taustalla. Kun olet valmis, määritä tekstikerroksen peittävyys 20 prosenttiin.
Edellä, Photoshopin kerrospaletti ensimmäisessä vaiheessa.
Toiseksi, kiristä sana taustalle harmaiden kirjainten luomiseksi kiinteässä valkoisessa. Kirjoita sitten kirjaimet, yksi kerrosta kohti, käyttäen taustaasi oppaana.
Edellä, Photoshopin kerrospaletti toisessa vaiheessa.
Kolmanneksi lisää valokuvia tai osia valokuvista kokoonpanoon erillisinä kerroksina. Kerrosten "leikkaaminen" (Layer → Create Clipping Mask) avulla yläkerros (tässä tapauksessa kukin kuva) näkyy vain, jos alla oleva kerros (jokainen kirjain) tulee näkyviin.
Ylös, Photoshopin kerrospaletti kun lisäämme valokuvia.
Toista tarvittaessa.
Idean mukauttaminen
Jokainen kuva, kuva tai tekstuuri voi toimia tekstillä tällä tavoin. Avain on löytää oikea tasapaino tekstin ja kuvan välillä.
Kirjoittanut yksinomaan Webdesigner Depot - Ben Gremillion . Ben on freelance-web-suunnittelija, joka ratkaisee viestinnän ongelmat paremmalla suunnittelulla.
Miten hallitset tyypin ja kuvasarjan törmäystä? Jaa ajatuksesi alla ...