Webdesign stílusok alkotóelemei

Kocsis Kata képe


Az alábbiakban azt a 4 fő webdesign típust mutatom be, amelyek a legjellemzőbbek és a legelterjedtebbek napjainkban. A honlap célközönségétől, a termék fajtájától, az iparági jellemzőktől, de még a konkurencia webes megoldásaitól is függ, hogy az alap stílusok közül melyikre teszed a voksod.

Retro webdesign stílus

A retro eredetileg az 1910-1930-as időszakot megidéző stílus volt, azonban ma már sokkal tágabb értelemben használjuk ezt a kifejezést. Minden olyan stílust jelölhet, amely évtizedekkel ezelőtti látvány-elemekhez nyúlik vissza. Így a hatvanas évek cicás napszemövegére, miniszoknyájára, vagy a hetvenes évek tört színeiben pompázó geometrikus mintáira is használjuk a köznyelvben a retro kifejezést.

A webdesignban is előszeretettel használjuk a múltat idéző stílus-elemeket, azonban a hatás akkor lesz igazán professzionális, ha egy évtizedből merítünk, és nem keverünk több korból származó elemeket. ehhez a stílushoz jól illenek a kicsit anyagszerű hátterek, a papírt, a fát, a textileket idéző mintázatok. A színek tompábbak, törtek, sokszor valódi textil-mintákat utánzó részletmegoldásokat figyelhetünk meg. A címsorok rajzolt betűtípussal az igaziak. A koptatott hatás szinte kötelező:- mintha táblára rajzolnánk krétával, vagy mintha egy ládára festett betűket látnánk.

Az illusztrációként használt fotókat sokszor megsárgítják, vagy kerettel látják el a valósághű hatás érdekében.

Retro stílusú hátterek, fontok, grafikai elemek



Készítette: Kocsis Kata

Vintage webdesign stílus

Hivatalosan az 1950-1980-as évek stílusát idéző tárgyakat, weboldalakat, ruhákat nevezzük vintage stílusúnak. De itt is megfigyelhető, hogy a köznyelvben egy kicsit a romantikusabb, vidékiesebb árnyalatot kapott ez a kifejezés. Virágos tapétákat idéző hátterek, a lányregények telt színeiben pompázó csíkos és pöttyös hátterek, rózsaszínes, vagy más pasztell színeket előszeretettel alkalmazó paletták jellemzik. Az írott betűtípusok, a lendületes ívekkel megrajzolt, szép, kalligrafikus írás nagyon jól áll ennek a stílusnak. A fotók és a grafikus illusztrációk egyaránt kiemelhetik a stílus jellegzetességeit.

Vintage stílusú hátterek, fontok, grafikai elemek



Készítette: Kocsis Kata

Grunge webdesign stílus

A kopott, a szakadt, a hippi stílus megfelelője a webdesign-ban. Van egyfajta vagányság, szabadság-érzete, ami miatt a fiataloknak szóló website-okon nagyon bejön. Végletekig fokozott anyagszerűség jellemzi, de ezt nem szabad összetéveszteni realizmussal. A hátterek kopottak, foltosak, a jellegzetes paletta föld színekből tevődik össze, esetleg egyetlen élénk vezető-színnel. A címsorok betűi kövérek, kiszínezhetőek, a tábláról a krétát már kicsit lekoptatta az idő. Illusztrációként sokszor montázsokat használnak, a régies képkeretek, a mesterségesen roncsolt képek is erősíthetik a hatást. Bár sok retro webdesign elem felhasználható ebben a stílusban is, itt nem a múlt idézésen van a hangsúly. Nagyon modern is lehet az összhatás, különösen, ha elkerüljük a tipikusan retro palettákat.

Arra kell egy kicsit a használatánál vigyázni, hogy a nagy megbízhatóságot, komolyságot, bizalmat követelő iparágakban, illetve a higiéniát feltételező területeken balul üthet ki.

Grunge stílusú hátterek, fontok, grafikai elemek



Készítette: Kocsis Kata

Modern webdesign stílus

Letisztult, kevés tetten érhető design elemet tartalmazó webdesign stílus, amely gyakorlatilag bármely témakörben használható. Nagy hangsúlyt kapnak a modern, jól olvasható, elegáns fontok. A szövegek nyomtatott anyagokat idéző elrendezése olyan érzetet kelt, mintha kiadványszerkesztővel készültek volna az oldalak. A fotók professzionálisak,nagyvonalúak, sokszor műtermiek. Az ikonok egyszerűségre törekvőek, a szalagos címsor kiemelés, a blokkok hátterezése nem jellemző. Inkább a fehér terekkel és a különböző méretű fontokkal operálnak.

Modern stílusú hátterek, fontok, grafikai elemek



Készítette: Kocsis Kata

Hozzászólások

Eddig nem gondolkodtam el mélyebben azon, hogy mit is jelentenek ezek a stílusra vonatkozó jelzők. Valahogy csak éreztem, hogy valami modern, vagy letisztult. De így ennek a fényében sokkal tudatosabban figyelem a weboldalakat :)

Új hozzászólás

CAPTCHA
Bizonyítsd be, hogy nem vagy robot!
  _  __  ____     ____   _   _      _      _____
| |/ / | __ ) / ___| | \ | | / \ |__ /
| ' / | _ \ | | | \| | / _ \ / /
| . \ | |_) | | |___ | |\ | / ___ \ / /_
|_|\_\ |____/ \____| |_| \_| /_/ \_\ /____|
Enter the code depicted in ASCII art style.

Kocsis Kata

programtervező matematikus, webdesign oktató
Kocsis Kata, programtervező matematikus, webdesign oktató

Életem legfantasztikusabb döntése volt a sok kompromisszummal terhelt alkalmazotti lét feladása. Nagyon büszke vagyok négy éve alapított saját cégünkre, ami az én szememben életforma, hivatás, közösség és gyönyörű célok együttese.

A Kreatív Webdesign Tanfolyamok nem egyszerűen online tanfolyami termékek a számomra. A szaktudáson, a tapasztalaton túl olyan értékeket is szeretnék közvetíteni, amelyek a mai társadalomban hiánycikknek számítanak. A vizuális kultúra és igényesség fejlesztése, a művészet és az alkotás becsempészése a hétköznapokba, az együttműködésben rejlő erő megtapasztalása azoknak a hallgatóknak is nagyon sokat adhat, akikből végül nem is lesz webdesigner.

Melyik témák érdekelnek a legjobban?

* kötelező mezők



Ezek a témák érdekelnek

Go to top