Pagrindiniai projektavimo principai ne dizaineriams

Tai skirtas visiems turinio kūrėjams, kurie negali sau leisti mokėti profesionaliam dizaineriui, taip pat ne dizaineriams komandoje, kurioje dizaineriai visada yra per daug užimti. Jei galite atlikti šiuos paprastus veiksmus, garantuoju, kad jūsų dizainas atrodys geriau.

Šis sąrašas gimė iš daugelio metų stebint, kaip mano nedizainerių draugai, šeimos nariai ir kolegos kovoja kurdami daiktus, kurių jiems reikia kasdieniame gyvenime. Asmeniniai naujienlaiškiai, gyvenimo aprašymai ir aplankai, nuotraukos įrašams „Facebook“ ar „Instagram“, vaizdo įrašų miniatiūros „YouTube“ ir pan.

Visi šie žmonės kreipėsi į mane pagalbos ir patarimų, kaip padaryti, kad viskas atrodytų geriau. Esu tvirtai įsitikinęs visa idėja „išmokyti žmogų žvejoti“, todėl, užuot kūręs daiktus Jiems, stengiausi duoti jiems vertingų patarimų, kurie galėtų padėti ateityje išspręsti panašius klausimus.

Laikui bėgant supratau, kad žmonėms vis tuos pačius patarimus teikiu . Kiekvieną kartą aš juos suformulavau skirtingai, tačiau visus savo patarimus galiu suskaidyti į šiuos keturis principus .

Žinau, kad yra tūkstančiai sąrašų, panašių į šį, bet manau, kad šie sąrašai yra per daug. Jūs negalite nuosekliai sekti 25 „paprastų“ (nieko, kuriame yra 25 dalys, gali būti tikrai „paprasta“), kaip ne dizainerio, sąrašo. Ir nereikia.

Ar tai padės jums sukurti blizgančius gražius dizainus? Ne. Ar tai padės sukurti puikų, aiškų ir suprantamą dizainą, kurį visi galėtų lengvai suprasti ir su kuriais bendrauti? Visiškai. Taigi, be ilgesnio svarstymo, pristatau jums:

4 pagrindiniai dizaino principai, kuriais kiekvienas gali vadovautis, kad pasiektų puikių rezultatų

Kontrastas

Įsitikinkite, kad tarp visų elementų yra pakankamai kontrasto.

Kodėl? Nes dalykai, kurie šiek tiek skiriasi, bet nepakankamai skiriasi, sukuria savotišką Uncanny slėnį. Jie jaučiasi klaikūs ir atstumiantys žmogaus akis ir (arba) sunkiai suvokiami. Dabar mes to nenorime, ar ne?

Jūsų dizaino elementai turėtų būti visiškai vienodi arba gerokai skirtingi .

Kontrasto problemos dažniausiai pasireiškia 4 skirtingais būdais:

1. Spalva: šviesiai naudokite tamsiai ir atvirkščiai.

Pavyzdys: niekada nenaudokite tokių derinių kaip pilka ant šiek tiek tamsesnės pilkos ar šviesiai rausvos ant šviesiai mėlynos - juos labai sunku skaityti / bendrauti.

2. Dydis: šalia vienas kito dėkite tik tokio paties dydžio arba gerokai skirtingo dydžio elementus .

Pavyzdys: nedėkite 32pt ir 36pt teksto eilučių vienas šalia kito. Kita vertus, 18pt ir 36pt veiks puikiai.

3. Svoris: tas pats, kas su dydžiu, šalia vienas kito dėkite tik tuos pačius elementus, kurie yra visiškai vienodo svorio arba labai skirtingi.

Pavyzdys: nedėkite to paties šrifto „Bold“ ir „Black“ svorių vienas šalia kito, nes jie atrodo per daug panašūs. Kita vertus, „lengvi“ ir „drąsūs“ svoriai puikiai derės kartu.

4. Stilius: nedėkite vieno kursyvo tipo šalia kito kursyvo tipo arba vieno serifo šrifto šalia kito serifo šrifto. Sujunkite skirtingus dalykus.

Pavyzdys: nedėkite „Times New Roman“ ir „Georgia“ šalia vienas kito - jie atrodo per daug panašūs. Sujunkite labai skirtingų stilių šriftus.

Nuoseklumas

Įsitikinkite, kad panašūs elementai rodomi panašiai.

Kodėl? Visų pirma, laikydamiesi dalykų nuoseklumo (taigi, ir paprasto), jūs leidžiate žmonėms sutelkti dėmesį į svarbius jūsų dizaino aspektus, o ne blaškytis dėl nuolat besikeičiančių dalykų.

Antra, nuoseklumas padidina pasitikėjimą ir priverčia daiktus atrodyti iš tikrųjų suprojektuotus , o ne tik greitai sujungti.

Dalykai, kurių reikia laikytis juos pasirinkus:

  • Šriftas / šriftas
  • Spalvų paletė / spalvos atspalvis
  • Tinklelis
  • Lygiavimas
  • Dekoratyvinių elementų stilius

Ir taip toliau...

Kai dirbate su daugybe skirtingų kūrinių, kurie rodomi vienas šalia kito (pvz., „YouTube“ kanalo vaizdo įrašų miniatiūros arba „Medium“ straipsnių viršeliai), pasirinkite vieną bendrą stilių visiems ir laikykitės jo.

„Occam“ skustuvas

dar žinomas kaip „Reduce Visual Noise“

Kuo mažiau elementų naudosite savo dizaine, tuo geriau.

Kodėl? Žmogaus smegenims sunku apdoroti informaciją ir priimti sprendimus su per dideliu įnašu. Naudokite kuo mažiau dekoratyvinių elementų (šriftų, spalvų, šešėlių, rėmelių, brūkšnių, piktogramų, raštų ir pan.).

Taikykite „Occam's Razor“ dizaino versiją viskam:

Jei ką nors galima pasiekti tik su 2 elementais, nenaudokite 3. Jei ką nors galima pasiekti su 10 elementų, nenaudokite 20. Jūs tai suprantate.

Jei nemėgstate senų anglų mokslų filosofų ir jums labiau patinka tai, ką galite pamatyti „Netflix“, tikrai: būkite savo sukurta Marie Kondo. Viskas, kas nekelia džiaugsmo (ar nėra naudinga dizaino dalis), turi eiti.

Erdvė

Daiktų išdėstymas siunčia meta lygmens pranešimą apie jų reikšmę.

Kodėl tai svarbu? Nes turint omenyje, kaip daiktus išdėstote ir kiek vietos aplink juos pridedate, sumažėja dizaino sudėtingumas, todėl malonu pažvelgti IR lengviau bendrauti.

Norėdami panaudoti erdvę savo projekte, norėdami perteikti prasmę, turėkite omenyje šiuos 3 dalykus:

1. Artumas = Ryšys

Daiktai, kurie yra arčiau vienas kito nei kiti elementai, yra suvokiami kaip labiau susiję tarpusavyje, nei su kitais elementais.

Šis yra pats svarbiausias, nes manau, kad jis per dažnai ignoruojamas (net kai kurie žmonės teigia, kad yra profesionalūs dizaineriai, o ne vardai).

Jis gali būti taikomas įvairiais būdais, pavyzdžiui:

  • Tarp eilučių turėtų būti daugiau vietos nei tarp kiekvieno žodžio eilutėje - ir panašiai daugiau erdvės tarp skirtingų pastraipų nei tarp eilutės pastraipoje.
  • Dizaino elementuose turėtų būti mažiau vietos tarp kitų nei tarp tų elementų ir kompozicijos kraštų.
  • Etiketės ir papildoma informacija turėtų būti išdėstytos šalia elementų, kuriuos jie apibūdina / susiję.

2. Neigiama erdvė

Kartu su „Occam's“ skustuvu suteikite savo dizainams kuo daugiau neigiamos erdvės, kad juos paneigtumėte ir jų prasmė būtų aiškesnė.

Įdėti per daug elementų į ribotą erdvę yra tarsi bandyti klausytis trijų skirtingų dainų vienu metu. Sunku suprasti, kas sakoma.

3. Svarba ir tvarka

Šis yra nepaprastai sveikas protas, bet manau, kad vis tiek turiu tai paminėti čia.

Dalykai, kurie yra svarbiausi, įdėkite pirmiausia ir (arba) priversite juos užimti daugiausia vietos. Norėdami perduoti tvarką, naudokite daiktų sekas. Ir pan. Tikrai galite išsiaiškinti likusius dalykus.

Pabaiga

Sveikinimai! Jei atlikote visus šiuos veiksmus darydami viską, ką darote, tai greičiausiai atrodo labai gerai pagal pramonės standartus.

Dėl viso kito visada yra dizaineris.

***

Mano vardas Mészáros Anna, aš esu grafikos / vartotojo sąsajos dizaineris, tapęs „UX / UI“ dizaineriu, turintis akademinį filosofijos pagrindą ir besidomintį visais dizaino etikos elementais. Mielai susisiekčiau su daugiau panašiai mąstančių asmenų, todėl drąsiai meskite man žinutę ir sekite mane „Medium“ ar „Twitter“.