Az egyik versenytárs minden képernyőn csiszoltnak látszik. A másik zsúfolt és elavult, pedig hasonló szolgáltatást árulnak. A különbség általában a tervezés elemein és az emögötti szokásokon múlik. Azonnal észreveszed a különbséget, még ha nem is tudod minden szabályát megnevezni.
A tervezés elemei a vonal, az alakzat, a szín, a textúra, a tér, a forma és az értékárnyalat. 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 elemei és alapelvei. Menjünk végig rajta lépésről lépésre.
A tervezés elemeinek alapgondolatai
A tervezés elemei a vonal, az alakzat, a szín, a textúra, a tér, a forma és az értékárnyalat.
Ha ismered a tervezés elemeit, le tudod írni, miért tűnik kiegyensúlyozottnak vagy kaotikusnak egy elrendezés.
A vizuális tervezés alapelvei megmutatják, hogyan állnak össze az elemek olvasható, vonzó kompozíciókká.
A gyakorlatba ültetés
Válassz egy oldalt, jelöld meg, mely elemek dominálnak, aztán módosíts egyet, hogy tisztább legyen.
Fedezd fel a tervezés alapelvei és a vizuális tervezés alapelvei és használatuk 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álassz egy oldalt, jelöld meg, mely elemek dominálnak, aztán módosíts egyet, hogy tisztább legyen.
Amikor átnézel egy oldalt, kérdezd meg, hogy a tervezés elemei 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 elemeit az oldaladon.
Oszd meg ezt az ellenőrzőlistát mindenkivel, aki frissíti az oldaladat, hogy a tervezés elemei é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. A vizuális tervezés alapelvei megmutatják, hogyan állnak össze az elemek olvasható, vonzó kompozíciókká.
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és elemei és alapelvei együtt fejezet segít összevetni a jegyzeteidet egy rokon fejezettel ebből a modulból.
Ha ismered a tervezés elemeit, le tudod írni, miért tűnik kiegyensúlyozottnak vagy kaotikusnak egy elrendezés.
Gyakori kérdések, amelyek elkerülik a figyelmet
A másodlagos kifejezések, mint a tervezés elemei és alapelvei vagy a vizuális tervezés alapelvei, segítenek mélyebb példákat keresni, és a munkádat az elfogadott mércékhez mérni.
A vizuális tervezés alapelvei megmutatják, hogyan állnak össze az elemek olvasható, vonzó kompozíciókká.
Í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, 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 tervezés alapelvei és a vizuális tervezés alapelvei és használatuk részt, hogy a modul egyben maradjon a fejedben.
Most már van egy működő szemüveged a tervezés elemeihez. Használd, amikor átnézed az oldalad, jóváhagysz marketinganyagokat, vagy tervezőnek adsz megbízást. Folytasd a vizuális tervezés alapelvei és használatuk és a tervezés elemei és alapelvei együtt fejezettel, hogy ebben a modulban lendületben maradj.
Gyakori kérdések
Mennyi idő alatt javíthatók a tervezés elemei?
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?
Összetett arculatváltásnál a tervező sokat segít, de a tervezés elemeivel kapcsolatos sok javítást magad is elvégezheted, ha tudod, mire figyelj. Használd a fejezet mellett a tervezés alapelvei részt a kapcsolódó útmutatáshoz.
Segíthet a WEMASY a tervezés elemeinek 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?
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 vizuális tervezés alapelvei és használatuk részt.
Hogyan kapcsolódnak a tervezés elemei 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 után?
Folytasd a tervezés alapelvei és a vizuális tervezés alapelvei és használatuk fejezettel ebben a könyvben, hogy teljes vizuális rendszert építs a márkádnak online.