Suunnittelun perusperiaatteet muille kuin suunnittelijoille

Tämä on tarkoitettu kaikille sisällöntuottajille, joilla ei ole varaa maksaa ammattimaiselle suunnittelijalle, samoin kuin muille suunnittelijoille ryhmässä, jossa suunnittelijat ovat aina liian kiireisiä auttamaan. Jos pystyt seuraamaan näitä yksinkertaisia ​​vaiheita, takaan, että mallit näyttävät paremmilta.

Tämä luettelo syntyi vuosien ajan siitä, kun havaitsin, että muut kuin suunnittelijat ystäväni, perheeni ja kollegani kamppailivat suunnitellessaan asioita, joita he tarvitsevat jokapäiväisessä elämässä. Henkilökohtaiset uutiskirjeet, ansioluettelot ja salkut, kuvat Facebook- tai Instagram-viestejä varten, videoiden pikkukuvat YouTubelle ja niin edelleen.

Kaikki nämä ihmiset tulivat luokseni saadakseni apua ja neuvoja siitä, miten tehdä asioista parempia. Uskon vakaasti koko "opeta henkilö kalastamaan" -ideaan, joten yritin antaa heille arvokkaita neuvoja sen sijaan, että suunnittelisin heille asioita.

Ajan myötä tajusin, että olen antanut ihmisille kaikki samat vinkit uudestaan ​​ja uudestaan . Olen sanonut ne joka kerta eri tavalla, mutta kaikki neuvoni voin täyttää nämä neljä periaatetta .

Tiedän, että on olemassa tuhansia tämänkaltaisia ​​luetteloita, mutta mielestäni nämä luettelot ovat liian liiallisia. Et voi oikeastaan ​​seurata johdonmukaisesti 25 "yksinkertaisen" (mikään 25 osaa sisältävä ei voi olla todella "yksinkertaista") luetteloa ei-suunnittelijana. Ja sinun ei tarvitse.

Auttaako tämä sinua luomaan kiiltäviä kauniita kuvioita? Ei. Auttaako tämä sinua luomaan upeita, selkeitä ja ymmärrettäviä malleja, jotka kaikki voivat helposti ymmärtää ja olla vuorovaikutuksessa? Ehdottomasti. Joten esitän teille ilman lisäajaa:

4 perusperiaatetta, joita kuka tahansa voi seurata saavuttaakseen hyviä tuloksia

Kontrasti

Varmista, että kaikkien elementtien välillä on riittävä kontrasti.

Miksi? Koska asiat, jotka ovat hieman erilaisia, mutta eivät tarpeeksi erilaisia, luovat eräänlaisen Uncanny Valley. He tuntevat kammottavia ja vastenmielisiä ihmissilmälle ja / tai heitä on vaikea ymmärtää. Nyt emme halua sitä malleissamme, eikö niin?

Suunnittelusi osien tulisi olla joko täsmälleen samat tai huomattavasti erilaiset .

Kontrastikysymykset ilmenevät enimmäkseen neljällä eri tavalla:

1. Väri: käytä tummia vaaleissa väreissä ja päinvastoin.

Esimerkki: Älä koskaan käytä yhdistelmiä, kuten harmaa hieman tummemmalla harmaalla tai vaaleanpunainen vaaleansinisellä - niitä on erittäin vaikea lukea / käsitellä.

2. Koko: aseta vain vierekkäin elementit, jotka ovat joko täsmälleen saman kokoisia tai huomattavasti erikokoisia.

Esimerkki: Älä laita 32pt- ja 36pt-tekstirivejä vierekkäin. Toisaalta 18pt ja 36pt toimivat yhdessä.

3. Paino: sama kuin koko, aseta vierekkäin vain elementit, jotka ovat joko täsmälleen samaa painoa tai huomattavasti eri painoisia.

Esimerkki: Älä laita saman tyyppisiä lihavoituja ja mustia painoja vierekkäin, koska ne näyttävät liian samanlaisilta. ”Kevyt” ja ”Lihavoitu” painot toimivat toisaalta hyvin yhdessä.

4. Tyyli: älä laita yhtä kursivointityyppiä toisen kursivointityypin viereen tai yhtä serif-kirjasinta toisen serif-kirjasimen viereen. Yhdistä erilaisia ​​asioita.

Esimerkki: Älä laita ”Times New Roman” ja “Georgia” vierekkäin - ne näyttävät liian samanlaisilta. Yhdistä fontit, joilla on huomattavasti erilaiset tyylit.

Johdonmukaisuus

Varmista, että samanlaiset elementit näkyvät samalla tavalla.

Miksi? Ensinnäkin pitämällä asiat johdonmukaisina (ja siten yksinkertaisina) annat ihmisille mahdollisuuden keskittää huomionsa suunnittelusi tärkeisiin näkökohtiin sen sijaan, että häiritsisit asiat, jotka muuttuvat koko ajan.

Toiseksi johdonmukaisuus lisää luottamusta ja saa asiat näyttämään todella suunnitelluilta sen sijaan, että ne vain heitetään yhteen.

Asiat, joihin kannattaa tarttua, kun olet valinnut ne:

  • Kirjasinlaji / fontti
  • Värivalikoima / värisävy
  • Ruudukko
  • Kohdistus
  • Koriste-elementtien tyyli

Ja niin edelleen...

Kun työskentelet monien eri vierekkäisten kappaleiden parissa (esimerkiksi YouTube-kanavasi videoiden pikkukuvat tai Medium-artikkeleidesi kannet), valitse kaikille yksi yleinen tyyli ja pidä siitä kiinni.

Occamin partakone

alias vähentää visuaalista kohinaa

Mitä vähemmän elementtejä käytät suunnittelussa, sitä parempi.

Miksi? Ihmisen aivojen on vaikea käsitellä tietoa ja tehdä päätöksiä panoksen ylikuormituksella. Käytä mahdollisimman vähän koriste-elementtejä (kirjasimet, värit, varjot, kehykset, viivat, kuvakkeet, kuviot ja niin edelleen).

Levitä Occam's Razor -malliversio kaikkeen:

Jos jotain voidaan saavuttaa vain kahdella elementillä, älä käytä 3. Jos jotain voidaan saavuttaa 10 elementillä, älä käytä 20. Saat sen.

Jos et pidä vanhoista englantilaisista filosofeista ja pidät mieluummin asioista, joita näet Netflixissä, ole varma: ole oma mallisi Marie Kondo. Mikä ei aiheuta iloa (tai ei ole hyödyllinen osa mallia), on mentävä.

Avaruus

Tapa, jolla asiat sijoitetaan, lähettää metatason viestin niiden merkityksestä.

Miksi tämä on tärkeää? Koska asioiden sijoittelu ja niiden ympärille lisäämäsi tila vähentää suunnittelun monimutkaisuutta ja tekee siitä syystä miellyttävämmän katsella JA helpompaa olla vuorovaikutuksessa.

Jos haluat käyttää tilaa suunnittelussa välittääksesi merkityksen, muista nämä 3 asiaa:

1. Läheisyys = läheisyys

Asioita, jotka ovat lähempänä toisiaan kuin muita elementtejä, havaitaan liittyvän enemmän toisiinsa kuin muihin elementteihin.

Tämä on tärkein, koska minusta tuntuu siltä, ​​että sitä ei oteta huomioon liian usein (jopa jotkut ihmiset, jotka väittävät olevansa ammattimaisia ​​suunnittelijoita, ei nimeä nimiä).

Sitä voidaan käyttää monella eri tavalla, esimerkiksi:

  • Rivien välissä tulisi olla enemmän tilaa kuin rivin jokaisen sanan välillä - ja vastaavasti enemmän tilaa kappaleiden välillä kuin kappaleen sisällä olevien rivien välillä.
  • Mallin elementeillä tulisi olla vähemmän tilaa toistensa välillä kuin näiden elementtien ja sävellyksen reunojen välillä.
  • Tarrat ja niitä tukevat tiedot tulisi sijoittaa niiden elementtien lähelle, joita ne kuvaavat / koskevat.

2. Negatiivinen tila

Yhdistä Occamin partakoneen kanssa, anna muotoillesi niin paljon negatiivista tilaa kuin mahdollista, jotta voisit kieltää ne ja tehdä niiden merkityksestä selvemmän.

Liian monien elementtien sijoittaminen rajoitettuun tilaan on kuin yrität kuunnella kolmea erilaista kappaletta kerralla. On vaikea ymmärtää, mitä sanotaan.

3. Tärkeys ja järjestys

Tämä on erittäin järkeä, mutta minusta tuntuu siltä, ​​että minun on vielä mainittava se täällä.

Asiat, jotka ovat tärkeimpiä, asetat ensin ja / tai saatat ne viemään eniten tilaa. Käytä järjestyksiä välittämällä asioita. Jne. Voit varmasti selvittää loput.

Loppu

Onnittelut! Jos olet noudattanut kaikkia näitä vaiheita tehdessäsi mitä ikinä teetkin, se näyttää todennäköisesti erittäin hyvältä alan standardien mukaan.

Kaikelle muulle on aina suunnittelija.

***

Nimeni on Mészáros Anna, olen graafinen / käyttöliittymäsuunnittelija, josta on tullut UX / UI-suunnittelija, jolla on akateeminen tausta filosofiassa ja kiinnostus kaikkeen suunnitteluetiikkaan. Haluaisin olla yhteydessä toisiinsa samanmielisempien ihmisten kanssa, joten pudota minulle viesti ja seuraa minua joko Mediumissa tai Twitterissä.