9 graafisen suunnittelun hakkeria, joiden on tarkoitus osua juuri sinne, missä se sattuu eniten

Ymmärsit oikein ystäväni! Raha!

Upeat mallit vaativat valtavaa huomiota pienimpiin osiin, mutta useimmat aloittelevat suunnittelijat jättävät huomioimatta tällaiset monimutkaiset yksityiskohdat, jotka puolestaan ​​​​saavat konversioita. Tämä tapahtuu, koska heidän aloitussivunsa joko ei ole ammattimainen tai liian ammattimainen, molemmat voivat pilata lukijoiden yleisen kokemuksen.

Jos kysyt ammattilaisilta, kuinka he haluavat graafisen suunnittelun työnsä tehtävän, saat vastauksen seuraavista.

Minimalistisen ja yksinkertaisen suunnittelun käyttäminen on hienoa, mutta on monia muitakin tekijöitä, jotka tulee pitää mielessä suunniteltaessa, esim . toimintakehotusten sijoittelu, käyttäjäystävällisyys, reagointikyky jne.

Ihanteellista asettelua ei ole olemassa, koska ne vaihtelevat yrityksesi vaatimusten mukaan. On kuitenkin joitakin hakkereita, jotka voivat auttaa sinua päättämään, mikä on parasta yrityksellesi.

Käytä näitä hakkereita, etkä lopu koskaan ideasta.

1 Käytä toisiaan täydentäviä fontteja

Kuten kirjaimellisesti! Luonnonvastaiset fontit voivat kääntää todennäköisyydet eduksesi.

Tällaiset parit luokitellaan yleisesti Serif ja Sans Serif -kategorioihin, esim. Caslon ja Myriad, Liberation Serif ja Liberation Sans jne.

Ei kuitenkaan ole välttämätöntä yhdistää vain toisiaan täydentäviä kirjasimia, sillä voit yhdistää myös vastakkaisia ​​fontteja. Katso esimerkiksi tämä kuva:

Fonttia Sifonn on käytetty sanasta Hawaii ja Arvo muusta. Ja ne täydentävät toisiaan ”mukavalla” tavalla.

Käytä myös fontteja, jotka sopivat tilanteen mukaan, muuten tulos voi olla seuraava.

Kun olet päättänyt sen, saatat ihmetellä fonttikokoa, eikö? No, on todennäköistä, että otsikossa käytetään 2,5-kertaista tekstin kokoa. Lisäksi kaikille leipäteksteille suositellaan rivin korkeutta 1,6. Jos sinulla on CSS-dokumentti, voit tehdä sen lisäämällä sen kaikkiin p-elementteihin. Muussa tapauksessa painetun paperin kohdalla kerrotaan tekstin kirjasinkoko 1,6:lla saadaksesi haluamasi rivin korkeus.

Useimmat ihmiset pysähtyvät tähän kaikkien näiden ponnistelujen jälkeen, mutta tästä alkaa todellinen matka eli niiden sijoittaminen. Voit sijoittaa ne keskelle, vasemmalle tai oikealle tasattuna. Se riippuu vain sinusta ja siitä, mitä sisältösi vaatii. Aluksi voit aloittaa niiden kohdistamisella ja työntää ne kuvat toiseen päähän ja taustakuvia käytettäessä jatkaa keskikohdistusta, esim.

2 Harmoninen joukko ajatuksia

Fonteissa ja tekstinpitimissä käyttämiesi värien tulee synkronoida taustakuvan kanssa.

Yleensä typografia on 90% koko suunnittelusta, joten on ehdottomasti huolestuttavaa päättää optimaalinen fontin väri.

Voit aloittaa aluksi kahdella värillä, esim. käyttämällä oranssia kaikissa brändielementeissä ja sinistä kaikissa toimintakehotuksissa, näyttävät varmasti lupaavilta. Fonttikoon ja värien lisäksi enintään 58 merkin käyttö rivillä tekee tekstistä luettavamman, mikä on perimmäinen tavoitteesi, eikö niin?

Jos etsit erotuselementtejä tai sisältöä, joka erottuu joukosta, on parasta käyttää alleviivauksia. Se on aivan kuin meidät on siirretty takaisin lapsuuteen, jolloin opettajat käyttivät tiukkoja vastakkainasettelukäytäntöjä rohkeakseen, korostaakseen ja alleviivatakseen tärkeitä kohtia. Hyvästä käsialasta päätettäessä väli oli ensiarvoisen tärkeää, ja sen ihanteellisen koon päättäminen oli ennen paljon vaivaa. Samoin suunnittelussamme käyttämämme välilyönnit tulee hyödyntää hienovaraisesti, eikä niitä koskaan pidä käsitellä pelkkinä tyhjinä tiloina. Muistatko FedEx-logon nuolen? Sillä tavalla teet ne valkoiset negatiivisiksi.

Niin paljon negatiivisuutta, sanon teille!

3 Käytä ”Ikonista läpinäkyvyyttä”

Saitko sen? Läpinäkyvyys on uusi hieno asia, ja läpinäkyvien kuvakkeiden käyttö voi tehdä verkkosivustostasi paljon mielenkiintoisemman. Nämä kuvakkeet voivat säästää sinua vaikeissa tarpeissasi.

Yllä olevassa esimerkissä lehtiä on tehty hieman läpinäkyvämmäksi samalla kun taustaa on tummennettu, jotta se näyttää hieman mielenkiintoisemmalta.

Mutta vaikka kiinnität liikaa huomiota niiden läpinäkyvyyteen, kiinnitä vähän huomiota myös niiden typografiaan. Tarkoitan heidän saattamista puhumaan asioita, joita heidän pitäisi ja joita ei pitäisi. Voit käyttää tyylioppaita niiden suunnitteluun. esim

Yritä sillä välin olla hieman kätevä luonnoskirjan kanssa sen sijaan, että ampuisit kaikki luovat nuolet viattomaan Photoshopiin. Sinun on oltava selkeä, kun suunnittelet kuvakkeita, koska ne ovat pieniä graafisia asioita, jotka tarttuvat katsojan ensisilmäyksellä.

Jos olet epävarma, mene yksinkertaisesti selkeään tilaan ja rentoudu. Yritä nyt uudelleen, olen varma, että onnistut. Älä pelkää epäonnistumisia, vaan pelkää erittäin epäilyksiä, sillä epäilykset ovat tappaneet enemmän unelmia kuin epäonnistuminen koskaan.

Ei ei ei! Viivyttämistä en tarkoittanut! Tämä on täsmälleen samanlaista demokratiaa, josta ”nautimme” juuri nyt, eli meillä on vapaus valita tyhmin kokonaisuus, jonka voimme ajatella.

4 Paranna kuviesi värejä

Älä vähättele valokuvan luonnollisia elementtejä, vaan korosta sen värejä niin, että se näyttää hieman enemmän graafisen suunnittelijan työltä.

Katso, kuinka Pinterestin ihmiset katsovat kuvia, he voivat muuttaa kirjaimellisesti mitä tahansa infografiikaksi. Nämä kuvat näyttävät hyviltä häiritsemättä grafiikan olemusta. Lisäksi vielä yksi asia, jos löydät hyviä suunnitteluasetelmia Pinterestistä tai muualta, muista merkitä ne kirjanmerkkeihin, koska niistä voi olla sinulle hyötyä myöhemmin.

Joten palatakseni asiaan, tee ne pirun muutokset kuviin saadaksesi ne näyttämään eloisilta ja kylläisiltä. Lisäksi, kun etsit taustakuvaa, varmista, että valitset sellaisen, jossa on runsaasti käyttämätöntä tai kopiointitilaa. Tätä tilaa voidaan käyttää kopion kirjoittamiseen, joka sopii brändisi ideaan.

Voit rajata kuvia sen sijaan, että tallennat inhottavia JPEG-tiedostoja täysin kukkivassa tilassaan, koska ne lisäävät prosessorisi tarpeetonta taakkaa, jonka voit helposti välttää käyttämällä erilaisia ​​ilmaisia ​​online-ohjelmistoja tallentamalla ne optimoiduna PNG-tiedostona, yksi esimerkki tällaisista ohjelmistoista. voi olla Tinypng.

Nämä ohjelmistot eivät tee kompromisseja laadusta, voit olla varma siitä!

5 Ole vähän nörtti

Kuvallisessa mielessä ilmeisen toteaminen! Esim. Lähikuva erilaisista eksoottisista huonekaluista verkkosivustosi taustalla, jos olet yrittänyt myydä ”muuta talosi kodiksi” tavaraa.

Ihmiset rakastavat sellaisia ​​asioita. Eikö sillä pääse mihinkään? Varasta markkinaraon upeista malleista!

Älä huoli! Varasta niin paljon kuin haluat, he vain ajattelevat, että jäljitelmäpelisi on kohdallaan. Kuka haluaisi varastaa Eiffel-tornin kuvan, kun olet matkatoimisto?

Näetkö? Kukaan ei tee! Pablo Picasso on myös sanonut, että hyvät taiteilijat kopioivat, suuret taiteilijat varastavat. Joten miksi vaivautua? Jos yksi suuri mies on sanonut sen, niin sen täytyy olla oikein, eikö?

Kun suunnittelet toimistoasi, muista laittaa julisteita joistakin teoksistasi tai satunnaisista motivoivista lainauksista.

Ne saattavat innostaa sinua työskentelemään paremmin tai asiakkaitasi ostamaan sinulta; molempien joukossa jälkimmäinen on paljon kohottavampi ajatus.

6 Muokkaa niitä prosentteina

Numerot näyttävät käyttäjille houkuttelevammilta riippumatta siitä, kuinka paljon vihasit matematiikkaa lukion aikana. Ai, rakastit sitä? Se voi olla erilaista ”matematiikkaa”. Ihmiset hämmästyvät siitä, kuinka paljon luottamusta se lisää heidän brändiinsä, kun käytetään joitain prosenttiosuuksia kuvamuodossa.

Katso alla olevasta esimerkistä.

Kun olin heidän verkkosivustollaan, nämä luvut näkyvät laskentamuodossa nollasta alkaen. Luota minuun, odotin kärsivällisesti, että laskenta loppuu ja muista, kukaan ei pakottanut minua tekemään niin.

Olet myös nähnyt organisaatioita kehuvan asiakkaidensa menestyksestä, esim. auttoimme XYZ-yritystä kasvattamaan myyntiään 200 %. Se vain sanoo, että he ovat kaksinkertaistaneet myynnin ja myös sen ilman ajanjaksoa, mutta mitä väliä sillä on? Se näyttää minusta lupaavalta. Jos he olisivat käyttäneet ”kaksinkertaista” prosenttiosuuden sijaan, se olisi ollut vähemmän haitallista rahoilleni.

Lyhyesti sanottuna muodot, prosentit ja ympyräkaaviot ovat parhaita tapoja todistaa metallisi yritysesittelyssä, koska ne näyttävät informatiivisilta ja kiinnostavilta samanaikaisesti.

7 Käytä kuvissa ruudukkoa

Ruudukot ovat paras tapa luoda asettelu kuvillesi. Lisäksi se yksinkertaistaa muokkausprosessia mojovasta hauskanpitoon ja ilonpitoon.

Siellä on saatavilla monia ruudukoita, mutta grid 1170:tä pidetään parhaana reagoivan suunnittelun suhteen erityisesti Bootstrap Frameworkiin. Grid 1140 oli ensimmäinen esittely, joka myöhemmin uudistettiin päästäkseen 1170 ruudukkoon. Suurempia ruudukoita suositellaan suunnittelun aikana, koska niitä voidaan säätää mukavasti pienempiin resoluutioihin. Useimmat aloittelevat suunnittelijat kokevat ruudukot rajoittavan mielikuvitustaan ​​ja yrittävät ”irrata” niistä, mutta kun he visuaalisesti huomaavat sen edut, heillä on tapana rauhoittua murtopisteiden kanssa.

Ristikot ovat ratkaiseva tekijä myös typografiassa puhuttaessa. Esim. Älä koskaan aloita sisällön kirjoittamista kourutilasta, joka tunnetaan myös nimellä white space. Valkoisia tiloja on käytettävä paremmin, jotta niistä saadaan paras irti.

1170-ruudukossa on 12 sarakkeen asettelu 68 pikselin leveydellä ja 30 pikseliä kouruilla. Mobiililaitteiden ensimmäinen keskeytyspiste on 768 pikseliä.

8 Varasta kuin taiteilija

Kuka ei kopioi? Shakespeare kopioi Romeo Juliaa toisesta näytelmästä, jonka nimi oli ”Romeuksen ja Julian traaginen tarina”, ja luulit, että kopiointi on huono asia! Ei, veli.

Kopiointi on hyvä niin kauan kuin kukaan ei saa siitä selvää; Jos joku saa tietää, voimme aina käyttää poliittisesti korrektia termiä ”inspiroitu”, jotta se kuulostaa hyvältä. Voit varastaa malleja muilta verkkosivustoilta, kuten poimia ylätunnisteen yhdeltä ja alatunnisteen toiselta! Ei, ei, en ole skeptinen luovien mehujesi maun suhteen, mutta kun sillä voi tehdä paljon, niin miksi tuhlata sitä joihinkin typeriin asioihin?

Meidän ihmisten on inspiroitava toisiamme ideoiden yhteistyön kautta, yhtenä päivänä inspiroidut jostain, toisina joku muu inspiroituu sinusta ja ketju jatkuu. Näin se menee. Pinterestissä on joitain hämmästyttäviä esimerkkejä ilmaisista malleista, jotka voivat nopeuttaa suunnitteluprosessia. Katso itse:

9 Nuku kuin vauva

Sinun on saatava luovuutesi käyntiin, ja stressi ei todellakaan ole vaihtoehto; nyt mitä ehdotat?

Uni on varteenotettava vaihtoehto, vaikka jotkut saattavat uskoa yössä tapahtuvaan ajatusten räjähdykseen, jota hallitsevat hohtavan tähtien ilme ja rauhallisuus ennen tulevia onnettomuuksia, mutta ethän tee kertatyötä, vai mitä? Tämä on enemmän kuin vain syy olla hereillä ja valmiina myös päiväsaikaan.

Joidenkin suunnittelijoiden on vaikea vain sammuttaa aivonsa tyhjäkäynnillä, mutta tunnin tarpeessa he huomaavat tartunnan ideoiden tylsyydestä. Ajattele hetki, kuinka monta resurssia olisit voinut käyttää, jos olisit kirjoittanut nuo ajatukset?

Tämä ilmiö tunnetaan yleisesti ajatuskartana, ja sellaisen luomiseen tarvitset vain kynän ja paperin. Mielikartta kädessäsi voit jättää luovuuden tukoksen lopullisesti syrjään.

Johtopäätös

Yksittäinen rakentava idea ihmisaivoista voi rakentaa kaupunkeja ja tuhoisa ajatus muuttaa ne tuhkaksi. Se ei ole tässä yhteydessä, mutta vain siksi, että tiedät!

Mitä sinä nyt odotat? Yhteenvetona siihen, mitä olemme tähän mennessä oppineet? Sitä ei tapahdu, veli; sinun täytyy käydä läpi koko blogi, koska ei ole oikoteitä elää ja kuolla.

No, rakenna ideoistasi kuolematon digitaalinen universumi, kuten eräs viisas mies kerran sanoi, ideat ovat luodinkestäviä, mutta hän unohti mainita, kuinka niistä tuli luodinkestäviä, yksinkertaisesti upottamalla ne digitaaliseen maailmaan.

Onko mitään muuta tapaa välittää tätä tietoa? Kerro minulle alla olevassa kommenttiosassa.