A vintage webdesign stílus elemei

Webdesign stílusok alkotóelemei

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

Share this post

Hozzászólások (1)

  • anon

    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 :)

    feb 02, 2017

Leave a comment

Filtered HTML

  • A webcímek és email címek automatikusan kattintható hivatkozásokká alakulnak.
  • Engedélyezett HTML jelölők: <a> <em> <strong> <cite> <blockquote> <code> <ul> <ol> <li> <dl> <dt> <dd>
  • A sorokat és bekezdéseket a rendszer automatikusan felismeri.

Plain text

  • A HTML jelölők használata nem megengedett.
  • A webcímek és email címek automatikusan kattintható hivatkozásokká alakulnak.
  • A sorokat és bekezdéseket a rendszer automatikusan felismeri.
CAPTCHA
Bizonyítsd be, hogy nem vagy robot!
7 + 4 =
Solve this simple math problem and enter the result. E.g. for 1+3, enter 4.