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. |
Artisteer - a vérében van a template
2009.05.25. 13:05
![]() |
Olyan programra bukkantam, amely azt mondja magáról, hogy egyszerű kattingatásokkal, mindenféle képszerkesztési tapasztalat és programozási ismeret nélkül Weboldal template-et készít. Hát... Az ilyen programokat alapból fenntartásokkal fogadom, de el kell ismernem, hogy az Artisteer nevű program olyan eszközt ad azoknak az embereknek - akik nem akarják magukat annyira beleásni a weboldalak programozásába és a photoshop-ba - amivel tényleg könnyedén tudnak Ők is látávnyos site kinézetet, templateket létrehozni. A haladó designerek is hasznos ötleteket meríthetnek ennek a programnak a kipróbálásával. Ki tudja? Egyszer majd talán csak kattintunk egy párat, és pikk-pakk lesz egy pofás weboldalunk? |
Így kell! - Photoshop, Illustrator és egyéb tutorialok
2009.05.22. 18:49
![]() |
Hoppáhoppá! Kicsit beszél ángol? Nem? Az sem baj! Akár kezdő, akár profi designer vagy - "vagy az szeretnél lenni" :) mindenképp keresd fel a psd.tutsplus.com oldalt, ahol lépésenként magyarázzák el Neked pofonegyszerű módon, hogy hogyan készíts Te is akárpl. egy menő magazincímlapot! Érdemes még felkeresni az oldalon a Freebies szekciót, ahol ingyenesen letölthető okosságokat találtok. Szerintem nagyon király dolgok vannak itt... !!! |
Ikonélvezet az Icojoytól
2009.05.21. 07:38
![]() |
Az Icojoy egy király kis ikon csomaggal készült Nektek. Az oldal sok-sok fizetős ikongyűjteményt tartalamaz, de Ezek az ikonok teljesen ingyen letölthetőek és szabadon felhasználhatóak. Különösen ajánlott bloggerek számára, de bárkinek hasznos lehet, akinek illeszkedik weboldala designjához. |
Fontex - igazi kézzel válogatott betűtípusok
2009.05.21. 07:19
![]() |
A fontex.org oldalon igazán igényes, válogatott, szép betűtípusokat találhatsz, ami valóságos kincsesbánya lehet a tervezők számára. Mi több, a free szekció alatt ingyenesen letölthető és felhasználható szép betűtípusok rejlenek. Az oldal szépen felépített, átlátható struktúrájú, mindenkinek csak ajánlani tudom a megtekintését. |
Utolsó kommentek