Miért tűnnek egyes márkák azonnal megbízhatónak, mások pedig amatőrnek, jó termékek mellett is? A válasz része a tervezés elemei és alapelvei. Nem kell designdiploma a fejlődéshez. Egy világos meghatározás és néhány gyakorlati ellenőrzés elég.
A tervezés elemei és alapelvei egyetlen rendszer két oldala: a részek és az, hogyan hatnak egymásra. Ez a fejezet érthetően elmagyarázza, mit jelent ez, miért hat a weboldaladra és a marketingedre, és hogyan alkalmazhatod anélkül, hogy elvesznél a szakzsargonban. Azt is látni fogod, hogyan illeszkednek ide a tervezés alapelvei. Menjünk végig rajta lépésről lépésre.
A tervezés elemei és alapelvei mögötti alapgondolatok
A tervezés elemei és alapelvei egyetlen rendszer két oldala: a részek és az, hogyan hatnak egymásra.
Együtt szókincset adnak ahhoz, hogy bármilyen vizuális anyagot értékelj, a logótól a céloldalig.
Az olyan alapelvek, mint az egyensúly és a kontraszt, az olyan elemeken múlnak, mint a vonal, a szín és a tér.
A gyakorlatba ültetés
Vázolj fel egy egyszerű wireframe-et, és jegyezz fel egy elemet és egy alapelvet, amelyet előnyben részesítesz.
Fedezd fel a melyek a tervezés alapelvei és a mi a vizuális tervezés részt, hogy összekapcsold ezt a témát a modul többi részével.
Amíg tanulsz, a kis, következetes javítások többet érnek az alkalmankénti teljes újratervezésnél.
Gyakorlati ellenőrzőlista, amit ma használhatsz
Vázolj fel egy egyszerű wireframe-et, és jegyezz fel egy elemet és egy alapelvet, amelyet előnyben részesítesz.
Amikor átnézel egy oldalt, kérdezd meg, hogy a tervezés elemei és alapelvei látszanak-e már az első görgetésnél mobilon. Ha nem, rendezd át a szekciókat, mielőtt a részletekkel foglalkozol.
Mentsd el a képernyőképeket a változtatások előtt és után, hogy megtudd, mi mozdította előre a tervezés elemeinek és alapelveinek érvényesülését az oldaladon.
Oszd meg ezt az ellenőrzőlistát mindenkivel, aki frissíti az oldaladat, hogy a tervezés alapelvei az új oldalakon is egységesek maradjanak.
Válassz egy mutatót, amit ebben a hónapban figyelsz, például az oldalon töltött időt vagy az űrlapok megkezdését. Így a tervezési változtatások az üzleti eredményekhez kötődnek, nem csak az ízlésedhez.
Hogyan kapcsolódik ez a téma a tágabb márkádhoz
A vizuális döntések ritkán élnek egyetlen oldalon. Az olyan alapelvek, mint az egyensúly és a kontraszt, az olyan elemeken múlnak, mint a vonal, a szín és a tér.
A közösségi posztjaidnak, az e-mailjeidnek és a nyomtatott anyagaidnak ugyanazt a hierarchiát, színeket és betűszabályokat kell követniük, mint a weboldalad.
Ha a márka vizuális megjelenése elcsúszik, a vásárlók finom ellentmondást éreznek, még ha nem is tudják megmagyarázni.
A tervezési folyamat az elejétől a végéig fejezet segít összevetni a jegyzeteidet egy rokon fejezettel ebből a modulból.
Együtt szókincset adnak ahhoz, hogy bármilyen vizuális anyagot értékelj, a logótól a céloldalig.
Gyakori kérdések, amelyek elkerülik a figyelmet
A másodlagos kifejezések, mint a tervezés alapelvei vagy a tervezés elemei, segítenek mélyebb példákat keresni, és a munkádat az elfogadott mércékhez mérni.
Az olyan alapelvek, mint az egyensúly és a kontraszt, az olyan elemeken múlnak, mint a vonal, a szín és a tér.
Írd fel egyetlen előtte-utána változtatást, amit ezen a héten kipróbálsz egy élő oldalon. A kis, mért módosítások többet érnek a homályos terveknél.
Ha a csapatod közös szókincset tanul a tervezés elemeiről és alapelveiről, kevesebb javítási kör kell a tervezőkkel és az ügynökségekkel.
Eszközök, amelyek megkönnyítik a vizuális frissítéseket
Sok elrendezési és stílusproblémához nincs szükséged egyedi kódra. A vizuális szerkesztővel beállíthatod a térközöket, a színeket és a betűket, miközben mobil és asztali nézetben is megnézheted az eredményt.
A WEMASY weboldalépítője vizuális szerkesztővel készült, így közzéteheted a változtatásokat anélkül, hogy minden apróságnál fejlesztőre várnál. Nyisd meg a weboldalépítőt, amikor készen állsz alkalmazni, amit tanultál.
Amikor közzéteszed a frissítéseket, nézd át újra a melyek a tervezés alapelvei és a mi a vizuális tervezés részt, hogy a modul egyben maradjon a fejedben.
Most már van egy működő szemüveged a tervezés elemeihez és alapelveihez. Használd, amikor átnézed az oldalad, jóváhagysz marketinganyagokat, vagy tervezőnek adsz megbízást. Folytasd a mi a vizuális tervezés és a tervezési folyamat az elejétől a végéig fejezettel, hogy ebben a modulban lendületben maradj.
Gyakori kérdések
Mennyi idő alatt javíthatók a tervezés elemei és alapelvei?
A legtöbb kisvállalkozás néhány összpontosított alkalom alatt tisztább oldalakat kap, ha alkalmazza a fejezet alapjait. Kezdd a kezdőlappal, aztán vidd át ugyanezeket a szabályokat a szolgáltatás- és kapcsolatoldalakra.
Kell tervező a tervezés elemeihez és alapelveihez?
Összetett arculatváltásnál a tervező sokat segít, de a tervezés elemeivel és alapelveivel kapcsolatos sok javítást magad is elvégezheted, ha tudod, mire figyelj. Használd a fejezet mellett a melyek a tervezés alapelvei részt a kapcsolódó útmutatáshoz.
Segíthet a WEMASY a tervezés elemeinek és alapelveinek alkalmazásában a weboldaladon?
A WEMASY weboldalépítőjében vizuális szerkesztő van, így kód nélkül állíthatod az elrendezést, a színeket és a betűket. Nyisd meg a weboldalépítőt, hogy frissítsd a sablonokat, és mobilon is megnézd a változásokat.
Mi a leggyakoribb hiba a tervezés elemeinél és alapelveinél?
Az emberek mindent egyszerre akarnak javítani, ahelyett hogy oldalanként haladnának. Válassz egyetlen prioritást, például az olvashatóságot vagy a kontrasztot, aztán nézd meg a következő javításhoz a mi a vizuális tervezés részt.
Hogyan kapcsolódnak a tervezés elemei és alapelvei az SEO-hoz?
A tiszta vizuális hierarchia és az olvasható betűk tovább az oldalon tartják a látogatókat, ami támogatja azokat az elköteleződési jeleket, amelyeket a keresők figyelnek. A legjobb eredményhez párosítsd a tervezési javításokat jó tartalomszerkezettel.
Mit tanulj tovább a tervezés elemei és alapelvei után?
Folytasd a melyek a tervezés alapelvei és a mi a vizuális tervezés fejezettel ebben a könyvben, hogy teljes vizuális rendszert építs a márkádnak online.