Alapvető tervezési elvek a nem tervezők számára

Ez minden olyan tartalomkészítőnek szól, akik nem engedhetik meg maguknak, hogy profi tervezőknek fizessenek, valamint azoknak a csapatoknak a nem tervezőinek, ahol a tervezők mindig túl elfoglaltak ahhoz, hogy segítsenek. Ha tudja követni ezeket az egyszerű lépéseket, garantálom, hogy a tervei jobban fognak kinézni.

Ez a lista évek óta született, amikor megfigyeltem, hogy nem tervező barátaim, családtagjaim és kollégáim a mindennapi életükben szükséges dolgok megtervezésével küzdenek. Személyes hírlevelek, önéletrajzok és portfóliók, képek a Facebook vagy az Instagram bejegyzéseihez, video miniatűrjei a YouTube-hoz és így tovább.

Mindezek az emberek hozzám fordultak segítségért és tanácsért, hogyan lehetne jobbá tenni a dolgokat. Szilárdan hiszek az egész „tanítsam meg az embert horgászni” ötletnek, ezért ahelyett, hogy dolgokat terveznék nekik, megpróbáltam értékes tanácsokat adni számukra, amelyek hasonló kérdésekben segíthetnek a jövőben.

Az idő múlásával rájöttem , hogy ugyanazokat a tippeket adtam az embereknek újra és újra . Minden alkalommal másképp fogalmaztam meg őket, de minden tanácsomat levezethetem erre a négy elvre .

Tisztában vagyok azzal, hogy több ezer ilyen lista létezik, de én ezeket a listákat túlzottnak tartom. Nem igazán következetesen követheti a 25 „egyszerű” (25 részből álló semmi sem lehet igazán „egyszerű”) listát, mint nem-tervező. És nem kell.

Segít ez abban, hogy fényes, szép mintákat készítsen? Nem. Segít ez abban, hogy remek, világos és érthető terveket hozzon létre, amelyeket mindenki könnyen megérthet és interakcióba lép? Teljesen. Tehát minden további nélkül bemutatom Önnek:

4 alapvető tervezési elv, amelyet bárki követhet a nagy eredmények elérése érdekében

Kontraszt

Ügyeljen arra, hogy az összes elem között legyen elegendő kontraszt.

Miért? Mert a kissé eltérő, de nem eléggé eltérő dolgok egyfajta Uncanny-völgyet hoznak létre. Kísértetiesnek és visszataszítónak érzik magukat az emberi szem számára, és / vagy nehéz megérteni őket. Most nem ezt akarjuk a terveinkben, igaz?

A design elemeinek vagy pontosan ugyanazoknak , vagy jelentősen eltérőeknek kell lenniük .

A kontrasztos kérdések többnyire 4 különböző módon nyilvánulnak meg:

1. Szín: világos színeknél használjon sötétet és fordítva.

Példa: Soha ne használjon olyan kombinációkat, mint a szürke egy kissé sötétebb szürkén vagy a világos rózsaszín a világoskéken - ezek rendkívül nehezen olvashatók / kölcsönhatásba lépnek velük.

2. Méret: csak olyan elemeket tegyen egymás mellé, amelyek vagy pontosan azonos méretűek , vagy jelentősen eltérő méretűek.

Példa: Ne tegyen egymás mellé 32pt és 36pt szövegsort. A 18pt és a 36pt viszont remekül fog működni.

3. Súly: ugyanaz, mint a Méretnél, csak olyan elemeket tegyen egymás mellé, amelyek vagy pontosan azonos súlyúak , vagy lényegesen eltérő súlyúak.

Példa: Ne tegye egymás mellé ugyanazon betűtípusú „félkövér” és a „fekete” súlyokat - mert túlságosan hasonlóak. A „könnyű” és a „merész” súlyok viszont remekül működnek együtt.

4. Stílus: ne tegyen egy dőlt típust egy másik dőlt típus mellé, vagy egy serif betűtípust egy másik serif betű mellé. Kombinálja a különböző dolgokat.

Példa: Ne tegye egymás mellé a „Times New Roman” és a „Georgia” kifejezéseket - túlságosan hasonlítanak egymásra. Kombinálja azokat a betűtípusokat, amelyek jelentősen eltérő stílusúak.

Következetesség

Győződjön meg arról, hogy a hasonló elemek hasonló módon jelennek meg.

Miért? Először is, a dolgok következetességének (és ezért egyszerűségének) megőrzésével lehetővé teszi az emberek számára, hogy figyelmüket a tervezés fontos szempontjaira összpontosítsák, ahelyett, hogy elvonják a figyelmüket a folyamatosan változó dolgoktól.

Másodszor, a következetesség növeli a bizalmat, és a dolgok valóban megtervezettnek tűnnek , nem pedig csak gyorsan összedobják.

A dolgok, amelyekhez ragaszkodni kell, miután kiválasztotta őket:

  • Betűkép / betűtípus
  • Színpaletta / színárnyalat
  • Rács
  • Igazítás
  • Díszítő elemek stílusa

Stb...

Amikor sok különböző darabon dolgozik, amelyek egymás mellett jelennek meg (például video-indexképek a YouTube-csatornádhoz, vagy borítók a közepes cikkekhez), válasszon egy általános stílust mindegyikhez, és tartsa is be magát.

Occam borotvája

más néven a vizuális zaj csökkentése

Minél kevesebb elemet használ a tervezés során, annál jobb.

Miért? Az emberi agynak nehéz túl sok információval feldolgoznia az információkat és döntéseket hoznia. Használjon a lehető legkevesebb díszítő elemet (betűtípusok, színek, árnyékok, keretek, vonások, ikonok, minták és így tovább).

Mindenre alkalmazza az Occam borotvájának tervezési változatát:

Ha valamit csak 2 elemmel lehet elérni, akkor ne használja a 3-at. Ha valamit el lehet érni 10 elemmel, ne használja a 20-at. Megkapja.

Ha nem kedveled a régi angol tudományfilozófusokat, és jobban szereted a Netflixen látható dolgokat, akkor biztos: légy saját tervezésű Marie Kondo. Ami nem okoz örömet (vagy nem hasznos része a dizájnnak), annak mennie kell.

Hely

A dolgok elhelyezkedése metaszintű üzenetet küld jelentésükről.

Ez miért fontos? Mivel annak figyelembevétele, hogy hogyan helyezze el a dolgokat, és mennyi helyet ad hozzá körülöttük, csökkenti a tervezés bonyolultságát, és ezáltal mindkettőt kellemesebbé teszi, ha ránézésre ÉS könnyebben kezelhetők.

Ahhoz, hogy helyet használjon a tervezésében, hogy a következő három dolgot értelmezze:

1. Közelség = rokonság

Azokat a dolgokat, amelyek közelebb vannak egymáshoz , mint a többi elemhez, úgy érzékeljük, hogy inkább kapcsolódnak egymáshoz, mint a többi elemhez.

Ez a legfontosabb, mert úgy érzem, hogy ezt túl gyakran figyelmen kívül hagyják (még egyesek is azt állítják, hogy profi tervezők, és nem neveznek meg neveket).

Sokféleképpen alkalmazható, például:

  • Több sornak kell lennie a sorok között, mint egy sor egyes szavai között - és hasonlóképpen nagyobb a hely a különböző bekezdések között, mint a bekezdésen belüli sorok között.
  • A formatervezési minta elemeinek kevesebb helyet kell hagyniuk egymás között, mint az elemek és a kompozíció élei között.
  • A címkéket és az azokat alátámasztó információkat az általuk leírt / kapcsolódó elemek közelében kell elhelyezni.

2. Negatív tér

Az Occam borotvájával kombinálva adjon minél több negatív teret a terveinek, hogy lecsökkentse őket, és nyilvánvalóbbá tegye jelentésüket.

Ha túl sok elemet helyez el korlátozott térben, olyan, mintha megpróbálna egyszerre három különböző dalt meghallgatni. Nehéz megérteni, amit mondanak.

3. Fontosság és rend

Ez rendkívül józan ész, de úgy érzem, itt még meg kell említenem.

Azok a dolgok, amelyek a legfontosabbak, előbbre teszed és / vagy arra készteted őket, hogy a legtöbb helyet foglalják el. Használja a dolgok sorrendjét a rend közvetítéséhez. Stb. A többit mindenképpen kitalálhatja.

Vége

Gratula! Ha követte ezeket a lépéseket, miközben bármit is készített, amit készít, akkor az az iparági szabványok szerint valószínűleg nagyon jól néz ki.

Minden másra mindig van tervező.

***

A nevem Mészáros Anna, grafikus / felhasználói felület-tervező vagyok, filozófiai akadémiai háttérrel és minden dizájnetikával kapcsolatos érdeklődéssel rendelkező UX / UI tervező. Szeretnék több hasonló gondolkodású emberrel kapcsolatba lépni, ezért nyugodtan dobjon nekem egy üzenetet, és kövessen a Medium vagy a Twitter oldalán.