portaldacalheta.pt
  • Legfontosabb
  • Ui Design
  • Mobil Tervezés
  • Folyamat És Eszközök
  • Mérnöki Menedzsment
Márka Tervezés

A tervezés elvei és jelentőségük



Hallgassa meg a cikk audio verzióját

Az egyik legnehezebb része a tervezés elveiről való beszélgetésnek az, hogy kitaláljuk, hogy valójában hány alapelv létezik (vannak öt ? Hét ? 10. ?). És ha ez kiderült, melyik feltételezett tervezési alapelvet kell tartalmaznia?



A „tervezés elvei” kifejezésre keresve a Google olyan cikkeket eredményez, amelyek öt-több mint egy tucat egyedi elvet tartalmaznak. Még azok a cikkek sem értenek egyet feltétlenül abban, hogy melyek legyenek a számban beleértve abban a számban.



A valóságban nagyjából egy tucat alapelv létezik a tervezésben, amely kezdő és szakértő tervezők mind a projektjeik kidolgozása során szem előtt kell tartaniuk. Ezenkívül van még vagy egy tucat „másodlagos” tervezési elv, amelyek néha alapként szerepelnek (például a Gestalt-elvek , tipográfia, szín és a keretezés). A fő tervezési elveket az alábbiakban ismertetjük és szemléltetjük.



Alapvető tervezési elvek

Mint már említettük, a formatervező közösségben nincs valódi konszenzus arról, hogy valójában mik is a tervezés fő alapelvei. Ennek ellenére a következő tizenkét alapelvet említik leggyakrabban a témával foglalkozó cikkekben és könyvekben.

Kontraszt

Az egyik leggyakoribb panasz, amelyet a tervezők az ügyfél-visszajelzések kapcsán panaszkodnak, gyakran azokon az ügyfeleken járnak, akik azt mondják, hogy a dizájnnak többet kell „felbukkannia”. Bár ez teljesen önkényes kifejezésnek hangzik, a megrendelő általában azt jelenti, hogy a tervezésnek nagyobb kontrasztra van szüksége.



A kontraszt arra utal, hogy a tervezés különböző elemei, különösen a szomszédos elemek. Ezek a különbségek különféle elemeket emelnek ki. A kontraszt is nagyon fontos szempont az alkotás során hozzáférhető minták . Az elégtelen kontraszt miatt a szöveges tartalom különösen nagyon nehezen olvasható, különösen a látássérült emberek számára.

A kontraszt a tervezés egyik alapelve

A Parabola webhelye kiváló példa a kontrasztos kialakításra.



Egyensúly

A design minden eleme - tipográfia, színek, képek, formák, minták stb. - vizuális súlyt hordoz. Egyes elemek nehézek és felhívják a szemet, míg mások könnyebbek. Az ezen oldalak elrendezésének egyensúlyérzetet kell keltenie.

teljesítmény optimalizálás SQL szerveren

Az egyensúlynak két alapvető típusa van: szimmetrikus és aszimmetrikus. Szimmetrikusan azonos súlyú elrendezési elemeket tervez a képzeletbeli középvonal mindkét oldalán. Az aszimmetrikus mérlegek különböző súlyú elemeket használnak, amelyeket gyakran egy olyan vonalhoz viszonyítva helyeznek el, amely nem az össztervben helyezkedik el.



A tervezés alapjai: Egyensúly

A kissé nem központosított elrendezés egyensúlyt kölcsönöz a merész kép és a minimalista tipográfia között a The Nue Co weboldalán.

Hangsúly

A hangsúly a formatervezés azon részeivel foglalkozik, amelyek kiemelkedni kívánnak. A legtöbb esetben ez azt a legfontosabb információt jelenti, amelyet a tervezet közvetíteni kíván.



A hangsúly a tervezés alapelve működés közben

A Clique túlméretezett tipográfiája egyértelműen hangsúlyozza tagline-ját.

Kiemeléssel bizonyos információk hatását is csökkenteni lehet. Ez leginkább azokban az esetekben mutatkozik meg, amikor a „finom nyomtatás” a kiegészítő információkhoz szolgál a tervben. Az oldal aljára elrejtett apró tipográfia sokkal kisebb súlyt hordoz, mint a tervezés szinte bármi más, ezért ezt hangsúlyozzák.



Arány

Az arány az egyik könnyebben érthető tervezési elv. Egyszerűen fogalmazva, ez az elemek egymáshoz viszonyított mérete. Az arány jelzi, hogy mi fontos a tervezésben, és mi nem. A nagyobb elemek fontosabbak, a kisebbek kevésbé.

Az arány a tervezés elemeinek és alapelveinek létfontosságú része

Az apró típus és a nagy képek közötti arányos különbségek egyértelműen meghatározzák, hogy mely elemek a legfontosabbak Collin Hughes weboldalán.

Hierarchia

A hierarchia a tervezés másik alapelve, amely közvetlenül kapcsolódik ahhoz, hogy az emberek mennyire tudják a tartalmat feldolgozni egy weboldal segítségével. Az elemek fontosságára utal a terven belül. A legfontosabb elemeknek (vagy tartalomnak) meg kell lenniük megjelenik hogy a legfontosabb.

A tervezés alapjai: Hierarchia

A Grafill weboldala hierarchiát hoz létre az elrendezés (a legfontosabb rész fent van), a méret (a fontosabb tartalom nagyobb) és a tipográfia (a címsorok nagyobbak, mint a törzsszöveg) használatával.

A hierarchiát legkönnyebben a címek és a fejlécek felhasználásával lehet szemléltetni. Az oldal címének kell a legnagyobb jelentőséget tulajdonítani, ezért azonnal felismerhetőnek kell lennie, mint az oldal legfontosabb elemének. A címsorokat és alcímeket úgy kell formázni, hogy megmutassák fontosságukat egymáshoz, valamint a címhez és a törzsmásolathoz viszonyítva.

Iratkozzon fel az ApeeScape design blogra, és kapja meg e-könyvünket

Ismétlés

Az ismétlés remek módszer az ötlet megerősítésére. Ez egyben remek módszer a sokféle elemet összefogó design egységesítésére. Az ismétlés számos módon elvégezhető: ugyanazon színek, betűtípusok, formák vagy a terv más elemeinek megismétlésével.

hogyan használják a látványtervezési elveket és elemeket

Ez a cikk például az ismétlést használja a címsorok formátumában. Az egyes tervezési elvek ugyanúgy vannak megfogalmazva, mint a többi ebben a szakaszban, jelezve az olvasókkal, hogy mindannyian egyforma fontosságúak, és mind kapcsolatban állnak egymással. A következetes fejlécek egyesítik ezeket az elemeket az oldalon.

Az ismétlés a tervezés fontos alapelve

A Type bal oldalán található képek és a Pixel webhelye remek példája az ismétlésnek a tervezésben.

Ritmus

Az ismétlődő elemek közötti terek ritmusérzet kialakulását idézhetik elő, hasonlóan ahhoz, ahogyan a zenei kompozícióban a hangok közötti tér ritmust hoz létre. A vizuális ritmusnak öt alapvető típusa van, amelyet a tervezők létrehozhatnak: véletlenszerű, szabályos, váltakozó, áramló és progresszív.

A véletlenszerű ritmusoknak nincs észrevehető mintázatuk. A rendszeres ritmusok ugyanazt a távolságot követik az egyes elemek között, változások nélkül. A váltakozó ritmusok egy ismétlődő beállított mintát követnek, de a tényleges elemek között van eltérés (például 1-2-3-1-2-3 minta). Az áramló ritmusok kanyarokat és íveket követnek, hasonlóan a homokdűnék hullámzásához vagy a hullámok áramlásához. A progresszív ritmusok változnak, miközben haladnak, és minden változás hozzáadódik az előző iterációkhoz.

Alapvető tervezési elv: ritmus

A TheArtCenter webhelyének hátterében álló alakzatok közötti szabálytalan távolság véletlenszerű ritmust hoz létre.

A ritmusok felhasználhatók számos érzés létrehozására. Izgalmat (különösen áramló és progresszív ritmusokat) teremthetnek, vagy megnyugvást és következetességet teremthetnek. Minden a megvalósítás módjától függ.

Minta

A minták nem mások, mint több együttes tervezésű elem megismétlése. A tapétaminták a legelterjedtebb példák azoknak a mintáknak, amelyeket gyakorlatilag mindenki ismer.

A tervezés során azonban a minták hivatkozhatnak meghatározott elemek kialakításának szabványaira is. Például a felső navigáció olyan tervezési minta, amellyel az internetezők többsége interakcióba lépett.

A tervezés elvei: Minta

A felső navigáció az internet egyik legelterjedtebb tervezési mintája, amelyet itt Isabelle Fox honlapján szemléltetünk.

Fehér űr

A fehér tér - más néven „negatív tér” - egy olyan tervezési terület, amely nem tartalmaz semmilyen tervezési elemet. A tér gyakorlatilag üres.

Sok kezdő tervező úgy érzi, hogy minden pixelt be kell csomagolni valamilyen típusú „dizájnnal”, és figyelmen kívül hagyják a fehér tér értékét. De a fehér tér sok fontos célt szolgál a tervezés során, elsősorban a design szoba elemeinek ad lélegzik . A negatív tér segíthet kiemelni egy adott tartalmat vagy a terv bizonyos részeit.

Emellett a design elemeit is könnyebben felismerheti. Ezért a tipográfia olvashatóbb, ha nagy- és kisbetűket használnak, mivel a negatív tér változatosabb a kisbetűk körül, ami lehetővé teszi az emberek számára, hogy gyorsabban értelmezzék őket.

A fehér tér az egyik legfontosabb tervezési alapelv

A fehér tér lehetővé teszi Jan Behne weboldalának egyszerű szövegét és illusztrált tartalmát, hogy „lélegezzen”, miközben hozzájárul a minimalista esztétikához.

Bizonyos esetekben negatív helyet használnak olyan másodlagos képek létrehozására, amelyek nem feltétlenül tűnnek fel a néző számára. Ez a márkaépítés értékes része lehet, amely örömet szerezhet az ügyfeleknek. Csak egy példa a FedEx logóba rejtett nyíl.

A FedEx logó az alapértelmezett fehér helyet használja a rejtett nyíl létrehozásához.

Mozgalom

A mozgás arra utal, hogy a szem milyen módon halad át. A legfontosabb elemnek a következő legfontosabbhoz kell vezetnie, és így tovább. Ez a pozicionálás (a szem természetesen a terv bizonyos területeire esik először), a hangsúly és más, már említett tervezési elemek révén történik.

A mozgás alapvető tervezés

A ferde képek és számok hozzájárulnak a mozgás elvéhez Abby Stolfo weboldalán.

Fajta

A dizájn változatossága a vizuális érdeklődés felkeltésére szolgál. Változatosság nélkül a formatervezési minta nagyon gyorsan monotonsá válhat, ami a felhasználó érdeklődésének elvesztését eredményezheti. A változatosság sokféle módon hozható létre, szín, tipográfia, képek, formák és gyakorlatilag bármilyen más design elem révén.

A változatosság kedvéért a változatosság azonban értelmetlen. A változatosságnak meg kell erősítenie a formatervezés többi elemét, és mellettük kell felhasználni, hogy egy érdekesebb és esztétikusabb eredményt hozzon létre, amely javítja a felhasználói élményt.

A változatosság fontos tervezési alapelv

Kennard Lilly weboldalának háttere sokféle színt és alakot használ az érdeklődés felkeltésére, miközben az elsődleges szöveges tartalomra is hangsúlyt fektet.

Egység

Mindenki látott már olyan weboldalt vagy más dizájnt, amely úgy tűnt, hogy csak egy elemet dob ​​egy oldalra, tekintet nélkül arra, hogy hogyan működött együtt. A tíz különböző betűtípust használó újsághirdetések szinte azonnal eszembe jutnak.

Az Unity arra utal, hogy a design elemei mennyire működnek együtt. A látványelemeknek világos kapcsolatban kell lenniük egymással a tervezés során. Az egység segít abban is, hogy a koncepciókat világos, összetartó módon kommunikálják. Úgy tűnik, hogy a jó egységű minták szervezettebbek, jobb minőségűek és tekintélyesebbek, mint a gyengén egységesek.

A tervezés alapelvei: Egység

A kék használata az egész dizájnban (ideértve a képek kék átfedését is), a következetes tipográfia és arányosság mellett, a terv egységességének érzetét kelti.

A tervezés egyéb elvei

A tervezés más elveit is érintik a témával foglalkozó különféle cikkek. Ide tartozik a tipográfia, a szín, a Gestalt-elvek, a rács és az igazítás, a keretezés és az alak. Néhányan határozottan megfelelnek az „elvek” definíciójának, míg mások inkább a design elemei.

node js vs java teljesítmény

A tipográfia a szöveg elrendezésére utal. Ez magában foglalja a használt betűtípusokat, azok távolságát, méretét és súlyát, valamint a különböző szövegelemek egymáshoz való viszonyát. Jó tipográfiai tervezés nagymértékben befolyásolja a cikkben korábban említett összes más tervezési elv.

A színek használata a dizájnban a pszichológiailag egyik legfontosabb része, és óriási hatással van a felhasználói élményre. Színpszichológia és az elmélet nagymértékben befolyásolja a korábban említett néhány más alapelvet.

Gestalt-elvek tartalmazzák a hasonlóságot, a folytatást, a lezárást, a közelséget, az ábrát / talajt és a szimmetriát és rendet (más néven prägnanz). Ezen elvek egy része szorosan kapcsolódik a fent említett elvekhez.

A rács és az igazítás szorosan kapcsolódik az egyensúlyhoz, és utalnak az elemek elrendezésére az oldalon egy láthatatlan rácshoz képest.

A keretezés arra utal, hogy a minta elsődleges tárgya hogyan helyezkedik el az oldal többi eleméhez viszonyítva. Leggyakrabban az operatőrben vagy a fotóművészetben említik, hogy a kép fő fókusza hogyan kerül az összképbe. De az elv átterjed a tervezésre.

Az alak szintén minden formatervezés fő része, mind a formatervezésben elemként használt egyedi formák, mind maga a formatervezés szempontjából. A különböző formák különböző érzéseket kelthetnek, vagyis a körök szervesek és folyékonyak, míg a négyzetek merevebbek és formálisabbak, a háromszögek pedig energia- vagy mozgásérzetet adnak.

Ezek a tervezési „elvek” vagy elemek a jó tervezés fontos szempontjai, és a legjobb felhasználói élmény megteremtése érdekében figyelembe kell őket venni a többi alapelv mellett.

Következtetés

Az, hogy mi alkotja a tervezés „alapelveit”, minden bizonnyal vita tárgyát képezi. De a fentiekben ismertetett elvek megértése és végrehajtása létfontosságú bármely tervezési projekt sikeréhez.

Tervezők meg kell értenie, hogy ezek a tervezési elvek hogyan befolyásolják a munkájukat. Annak tanulmányozása, hogy más tervezők miként valósították meg ezeket az ötleteket saját terveik strukturálásához, szintén hihetetlenül értékes eszköz a jobb tervek készítésének megtanulásában.

Teljesen lehetséges jó design kialakítása ezen elemek és a tervezés alapelveinek alapos megismerése nélkül. Ezt azonban általában a „tervező intuíciója” végzi, és sok kísérletet és hibát igényelhet annak érdekében, hogy olyan dolgot hozzon létre, amely valóban jól néz ki és optimális felhasználói élményt nyújt. A tervezők sok időt és energiát takaríthatnak meg az általunk tárgyalt elvek gyakorlásával, amíg másodrendűvé nem válnak.

•••

További olvasmány az ApeeScape Design Blogon:

  • Tervezési alapelvek: Bevezetés a hierarchiába
  • Növelje felhasználói élményét ezekkel a sikeres interakció-tervezési elvekkel
  • A tervezés gesztalt alapelveinek feltárása
  • Meggyőző tervezés: A fejlett pszichológia hatékony használata
  • A végső UX kampó - előrelátó, meggyőző és érzelmi tervezés az UX-ben

Az alapok megértése

Melyek a látványterv elemei?

A látványterv elemei vagy alapelvei a következők: Kontraszt, Egyensúly, Hangsúly, Mozgás, Fehér tér, Arány, Hierarchia, Ismétlés, Ritmus, Minta, Egység és Változatosság. A tervezés ezen alapelvei együtt alkotnak valamit, ami esztétikus és optimalizálja a felhasználói élményt.

Miért fontos a kontraszt a tervezésben?

A kontraszt arra utal, hogy a különböző elemek milyenek a tervezésben, így könnyebben felismerhetők egymástól. A kontraszt nagyon fontos a hozzáférhető minták létrehozásában. Az elégtelen kontraszt miatt a szöveges tartalom különösen nagyon nehezen olvasható, különösen a látássérült emberek számára.

hogyan kell használni a google anyagtervezést

Mit jelent a ritmus a tervezésben?

Az ismétlődő vizuális elemek közötti terek megteremtik a formálási ritmus alapvető tervezési elvét, hasonlóan ahhoz, ahogyan a zenei kompozícióban a hangok közötti tér ritmust hoz létre. A vizuális ritmusnak öt alapvető típusa van, amelyet a tervezők létrehozhatnak: véletlenszerű, szabályos, váltakozó, áramló és progresszív.

Mi a mérleg kialakításának elve?

A design minden eleme és elve - tipográfia, színek, képek, formák, minták stb. - vizuális súlyt hordoz. Egyes elemek nehézek és felhívják a szemet, míg mások könnyebbek. Az, hogy ezeket az elemeket miként helyezik el egy oldalon, egyensúlyérzetet keltsen.

Hogyan érhető el a hangsúly a tervezésben?

A hangsúly kiemelésének alapelvét arra használják, hogy a design egyes elemei kiemelkedjenek (például kontrasztos színek használatával, egy elem nagyobbá tételével, a körülötte lévő fehér terület növelésével stb.), Vagy ne váljanak kiemelkedővé (például amikor apró „apróbetűs” az oldal alján).

A távoli munka életmódjának trendjei

Designer Life

A távoli munka életmódjának trendjei
Ionic 2 vs. Ionic 1: Teljesítménynövekedés, új eszközök és nagy előrelépés

Ionic 2 vs. Ionic 1: Teljesítménynövekedés, új eszközök és nagy előrelépés

Mobil

Népszerű Bejegyzések
Az ételkészlet-ipar blúza: Hogyan állhat helyre a kék kötény a rossz pillanatból?
Az ételkészlet-ipar blúza: Hogyan állhat helyre a kék kötény a rossz pillanatból?
Mi az a Kubernetes? Útmutató a konténerezéshez és a telepítéshez
Mi az a Kubernetes? Útmutató a konténerezéshez és a telepítéshez
A Radical Candor keretrendszer használata a hatékony műszaki menedzsmenthez
A Radical Candor keretrendszer használata a hatékony műszaki menedzsmenthez
A távoli munka életmódjának trendjei
A távoli munka életmódjának trendjei
10 A webbiztonság leggyakoribb biztonsági rései
10 A webbiztonság leggyakoribb biztonsági rései
 
3D grafika: WebGL oktatóanyag
3D grafika: WebGL oktatóanyag
Hogyan lehet megjósolni a jövőt: A bizonytalanság hatásainak enyhítése
Hogyan lehet megjósolni a jövőt: A bizonytalanság hatásainak enyhítése
Hibrid teljesítmény: csapkodási előnyök és előnyök
Hibrid teljesítmény: csapkodási előnyök és előnyök
Yasett Acurana bolíviai fejlesztő elnyeri a hatodik ApeeScape ösztöndíjat
Yasett Acurana bolíviai fejlesztő elnyeri a hatodik ApeeScape ösztöndíjat
Szögletes alkatrészek 101 - áttekintés
Szögletes alkatrészek 101 - áttekintés
Népszerű Bejegyzések
  • magántőkealapot alapít
  • az egyre több ember közös munkája által előidézett eredménytelenség ún
  • az alábbiak közül melyik a hasznos irányelv a pazarlás és a hibák minimalizálására?
  • tanulj c programozást kezdőknek
  • aws solutions építész munkatárs minősítés
  • a színek hatása a gondolkodásunkra és érzésünkre
Kategóriák
  • Ui Design
  • Mobil Tervezés
  • Folyamat És Eszközök
  • Mérnöki Menedzsment
  • © 2022 | Minden Jog Fenntartva

    portaldacalheta.pt