I. A fejlécektől a social media ikonokig.
2010 Webdesign trend-jeivel külföldi blogok - a forrásokat lásd a bejegyzés végén – már idén szeptember óta foglalkoznak. Az alábbi 12 webdesign trend közös pont a szakértők írásaiban, lássuk most az első 6 trendet 2010-re:
De figyelem! A trendek megismerése nem jelenti azt, hogy céges weboldaladon vakon kellene követned azokat, jobb, ha tudod, hogy nem egy-egy trendi webdesign miatt fognak a látogatóid vásárolni az oldaladról.
1. Túlméretezett logók és fejlécek
Hogy a weboldal látogatóra mély és feledhetetlen első benyomást tegyünk, a túlmértezett, akár képernyőnyi fejléc, és a hozzá méretben is igazodó logó 2010 egyik legfontosabb webdesign trendje lesz. A szakértő szerint fontos, hogy ezen a fejlécen ne legyen semmi kattintani való, egy gördítés és máris ott vagy a hasznos tartalomnál, az óriás fejléc veszi át a lejárt intro-oldalak szerepét.
Az ötlet: A nagy, képernyőnyi fejléc miatt a látogatóid emlékezni fognak a weboldaladra.
Fél képernyőnyi fejléc a Cbs.com oldalán
A veszélye a Te weboldaladon: Ha fél másodpercen belül nem győzöd meg a látogatót, hogy jó helyen jár, még arra az egy gördítésre sem lesz hajlandó. Ha nem „vérprofi” az óriás fejléced, csak kárt csinál.
2. Kézzel rajzolt / kézírás design
Könnyű észrevenni, kitűnik a hagyományos grafikából és egyedi kinézetet ad a weboldalnak. Nem feltétlenül kell profi rajzolónak lenni hozzá, a lényeg épp ez, a személyesség, és tágabb értelemben a bizalomépítés. Ha egy kicsit is tudsz rajzolni, érdemes alkalmazni ezt a trendet.
A wdm.hu-n a saját kézírásomat használtam
Az ötlet: A céges arculat szerves része lesz a személyes, kézzel készített képi vagy szöveges elem.
3. Méretes betűk
A weben viszonylag új, de a nyomtatott média már legalább 200 éve ismeri, gondolj a vadnyugati „Wanted” (a.m: Körözés ) plakátjaira! A designerek sokáig idegenkedtek az ilyen félkövér, magasabb, kapitális betűk használatától, de a nagy fejlécek trendje a méretes betűk alkalmazásának is teret enged.
Az ötlet: A méretes, kapitális betűk az önkifejezés remek eszközei.
Mértes betűk! (Érdekes: Ez egy egyházi weboldal )
A veszélye a Te weboldaladon: Ha nem pontosan azt írod, amire a látogatód kíváncsi, a nagy betűk pont az ellenkező hatást érik el: elriasztják a látogatót. Hogy hogyan kelts fel a látogatód figyelmét, és győzd meg arról, hogy Nálad vásároljon? Ebben szeretnék Neked segíteni január 16-án, a Weboldalépítő Tréningen.
4. Hatalmas képek
Lényegében az előző trendekhez kapcsolódik ez is, a nagy képek olyan vizuális hatást keltenek a látogatóban, amit nem felejt el egyhamar. A nagy képek nem a márka (brand) vizuális megjelenésének részei, az ilyen nagy fotók szerepe az, hogy a látogatót az oldal többi részére csalogassák, nem csak a tartalmuk, hanem a képernyőnyi méretük miatt.
Az ötlet: A nagy, impresszív képek mint vizuális csalik használata.
Óriási kép a roxy-europe.com webshop kezdőlapján
5. A bal felső sarok kihasználása
A bal felső rész a weboldalad legfontosabb eleme, hiszen először pontosan ezt a részt nézi meg a látogatód, gondolj csak a szemhőtérképekre, amelyek tudományosan is alátámasztják ezt. Éppen ezért ez a legideálisabb hely, ahol elhelyezheted a weboldalad legfontosabb üzenetét.
Az ötlet: A legforgalmasabb részen legyen a legfontosabb üzenet.
A bal felső sarokban az oldal legfontosabb üzenete - csodaolaj.com
6. Social media kapcsolódás és ikonok
A külföldi szakértő azt írja, az elmúlt évek legnagyobb újdonsága a social media – gondolj csak bele, nálunk kb. 2009 év közepe óta van erről szó, és most az év végén beszélnek a hazai online marketingesek is egyre gyakrabban a social marketingről.
A trend az, hogy a weboldalaknak mind van már rajongói oldala, a tartalmat egy gombnyomással megoszthatod a közösségi oldalakon, egy kattintással regisztrálhatsz az oldalra a facebook adataiddal.
Ehhez nagy, élethű ikonokat, átlátszó png-ket használnak.
Impresszív ikonok - példa a kézzel rajzolt design-ra is!
A bejegyzéshez az alábbi cikkeket vettem forrásul:
http://webtoolkit4.me/2009/08/15/inspiration-web-design-trends-in-2009-and-probably-2010/
http://www.littleboxofideas.com/blog/features/designers-predict-design-trends-for-2010-part-i
http://designtutorials4u.com/top-10-web-designtrends-for-2010
http://www.slideshare.net/tijs/web-design-trends-for-2010
http://www.goarticles.com/cgi-bin/showa.cgi?C=2376074
http://webdesignledger.com/tips/web-design-trends-for-2010
A második részben
A fehér tér, az ikonok, a lightboxok, a minimalizmus, és túlméretezett lábléc szerepéről olvashatsz.
