2009 webdesign trendjei - smashingmagazine.com
2009.05.26. 17:56
![]() |
A smashingmagazine.com oldalon akadtam rá egy igen jó kis cikkre. A téma a 2009-es webdesign trendek és irányvonalak. Azok a fogások, amit a designerek előszeretettel alkalmaznak napjainkban látványos megjelenésű weboldalainak létrehozásakor.
|
1. Levélnyomatos betűk, alakzatok |
![]() |
Első helyen a levélnyomat szerű design fogást említi a cikk. Ezzel gyakorlatilag olyan hatást kelt, mintha a szöveget kivágná az adott szövegdoboz alapjából - ezzel nemcsak látványos hatást keltve, emellett felvillantva szövegdoboz alatti háttérképet, design elemeket.
|
2. Gazdag felhasználói felület |
![]() |
Hála a sávszélesség növekedésének és az egyre jobb AJAX és FLASH technikáknak, a top weboldalakon egyre többet találkozunk olyan megoldásokkal, ami olyanná teszi a weboldal használatát, mintha csak egy PC-re telepített szoftvert használnák. Jelentősen megnőttek az átlátható és látványos felhasználói felületek.
|
3. Átlátszó alpha PNG-k |
![]() |
Annak ellenére, hogy a még mindig nagyon elterjedt Internet Explorer 6-os verziója nem támogatja, nagyon megszerették a designerek a részben átlátszó PNG design elemek haasználatát. Nem is csoda, hiszen amellett, hogy pl. kiemelhetünk fele szövegdobozokat, a háttérképet is látni engedi ez a fajta grafikai megoldás.
|
4. Óriási tipográfia |
![]() |
A designerek eddig is előszeretettel használták a nagy BÁDÁBUMM betűket, és úgy látszik ez a trend megmarad 2009-ben is. Érthető hisz a "nagyobb az jobb" elv itt tökéletesen érvényesül és szinte vonzza a tekintetet.
|
5. Betűtípusok változása |
![]() |
Bár még mindig túlnyomó az Arial, a Helvetica és a Verdana betűtípusok megléte az oldalakon, a profi design spílerek tudják, hogy nem ettől döglik a légy! Igyekeznek is mellőzni ezeket a sablonos megjelenéseket egyes helyeken. Persze egyértelmű, hogy pl. az Arial a legjobb válaszátás lehet hosszú szövegekhez, de a fejlécekben egyre többször találkozhatunk szemet gyönyörködtető egzotikus betűtípusokkal is.
|
6. Lightbox |
![]() |
A galériák és a felugró ablakok új generációját képviselő lightboxok kezdik átvenni az uralmat a menő oldalakon. Csak egy kattintás, és lemegy a függöny, szépen lesötétedik a háttér, megjelenik egy négyzet, ami dinamikusan felveszi az adott méretet és lehet mozizni. A lightbox technika tökéletesen alkalmas felugró űrlapok megvalósításához is. Személy szerint Nekem is nagyon tetszik ez a megvalósítás is, és üdvözlöm azt a törekvést, hogy ez a technika minnél több oldalon leváltsa a pop-up technológiát.
|
7. Média blokkok |
![]() |
A felhasználók kényeztetésére a weboldalakon egyre nagyobb teret nyernek a videó és médiaboxok, amelyekben látványos bemutatót tekinthet meg a látogató. Ezek a honlapba ágyazott elemek azzal kényeztetik látogatót, hogy csak kattintson egyet, dőljön hátra és nézze a "sháót". Lehetnek ezek flash animációk, bonyolultabb javascriptek vagy videók. Vigyázni kell azonban, az ilyen tájékoztatási formákkal, mert önmagában nem olyan hatékony felület, mint mondjuk maga a statikus részei a weblapnak.
|
8. Magazin kinézet |
![]() |
A leíró jellegű websiteokon, híportálokon és blogokon olyan elrendezés a dívat, amikkel a nyomtatott médiában is találkozunk. A tipográfia és az egyes tartalmi elemek elhelyezése mind emlékezteti a böngészőt a magazinokban már megszokott elrendezésre, ezért ezeken az oldalakon sem jelent nehézséget az infomrációk befogadása, amellett hogy még esztétikailag is kiválóan festenek az ilyen oldalak.
|
9. Látványos galériák |
![]() |
A weboldalakon található galériák is fénykorukat élik. Olyan látványos, flash és AJAX alapú galériákkal találkozunk, amelyek használata nagyságrenddekkel megdobja egy weboldal látványosságát. A galériákat ma már a legnépszerűbb tartalomkezelő rendszerekbe gyakran ingyenesen letölthetik és felhasználhatják a designerek.
|
10. Bemutatkozó blokkok |
![]() |
A weboldalak jól látható részein elhelyezett rövid de sokatmondó bemutatkozó blokkok gyakran többet mondanak, mint a hosszú-hosszú rizsa a honlapokon. Ezek a területek fókuszálják a figyelmet, és a szöveg rövidsége miatt a látogató már el is olvasta szinte azután, miután rápillantott. Pont ez az, amit a designerek 2009-ben is előszeretettel alkalmaznak arra, hogy a fontos üzeneteket mindenképp eljuttasság a weboldalt látogató emberekhez. |
A bejegyzés trackback címe:
Kommentek:
A hozzászólások a vonatkozó jogszabályok értelmében felhasználói tartalomnak minősülnek, értük a szolgáltatás technikai üzemeltetője semmilyen felelősséget nem vállal, azokat nem ellenőrzi. Kifogás esetén forduljon a blog szerkesztőjéhez. Részletek a Felhasználási feltételekben és az adatvédelmi tájékoztatóban.
Lenoks69 2009.07.16. 11:45:43
Lenoks69 2009.07.16. 12:07:34
The Designer · http://design.blog.hu 2009.07.16. 12:37:21
Googleben ha keresed "shadowbox" néven biztos megtalálod. Ha joomlához keresel ninja shadowbox a neve, de sima javascriptként is meg fogod találni!
Utolsó kommentek