Flat design elemek

A 2014 évi trendekkel kapcsolatosan már esett szó a Flat design-ról.  Most csokorba szedünk Nektek néhány alapvető elemet, amik elengedhetetlenek a jó Flat design kialakításához.

 

De mi is az a Flat design?

A Flat egy olyan új generációs design trend, amit főleg sima, letisztult formák, tömör színek és ikonok jellemeznek. Nem használ bonyolult mintákat, színátmeneteket, árnyékokat, térhatást, szegélyeket és ehhez hasonló “hatásvadász” elemeket. Mi van helyette? Geometriai formák, mint négyszögek, körök, háromszögek, téglalapok. Egy teljesen letisztult, színeket és tipográfiát előtérbe helyező irányzat. A grafika is nagyon kezdetleges jellegű, mindent a végletekig leegyszerűsít. Nincsenek betű cifrázások, dekoratív, túldíszített fontok. Éles és tiszta betűket használ, így maximálisan olvasóbarát. A Flat elv szerint, célszerű ún. “candy színeket” használni, amelyek kissé telítetlenek, fakóbbak, így kímélik az olvasó szemét.

 

Flat UI

Ha már megvannak a színeink, akkor jöhet a Flat UI. Mi az az UI? User Interface, azaz felhasználói felület. Erről bővebben ebben a bejegyzésben olvashatsz.

 

Az alábbi linkeken pedig néhány szuper és ingyenes Flat UI készletet találhatsz:

http://www.webdesignerdepot.com/2013/11/25-flat-ui-kits-for-web-designers/

http://www.1stwebdesigner.com/freebies/free-flat-ui-kits/

 

 

Flat Fonts

Mint azt a bevezetőben is írtam, a Flat design nem használ cifra, kalligrafikus fontokat. A Flat fontokra is a tiszta vonalvezetés, a jól olvashatóság a jellemző.

http://www.hongkiat.com/blog/flat-design-free-fonts/

http://smashinghub.com/free-fonts-for-flat-design.htm

 

 

Flat Ikonok

flat-icons

A Flat designban előszeretettel használnak ikonokat a könnyebb navigáció és átláthatóság érdekében. Íme néhány ingyenes Flat ikon szett:

http://www.creativebloq.com/web-design/free-icon-sets-10134829

 

 

 

Geometrikus hátterek

Szintén nagyon trendi a geometrikus elemek használata, akár képként, akár háttérnek használva.

http://www.freepik.com/free-photos-vectors/geometric

https://creativemarket.com/miim/15518-50-Geometric-Backgrounds

http://vector4free.com/vector/geometric-colorful-abstract-background-vector/

 

 


 

Remélem ez a kis gyűjtemény segít, ha Ti is Flat design készítésére szánjátok rá Magatokat. : )

 

Hozzászólás írása

Az e-mail-címet nem tesszük közzé.