A következő tanfolyam indul

2017. július 20.
borito

Flat design elemek

A 2014 évi trendekkel kapcsolatosan már esett szó a Flat desing- 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.

Itt találhattok néhány ilyen Flat design oldalt és az ott használt palettákat, melyek segíthetnek inspirálódni:

http://www.dtelepathy.com/blog/inspiration/24-flat-designs-with-compelling-color-palettes

 

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 lenkeken pedig néhány szuper és ingyenes Flat UI készletet találhatsz:

http://www.webdesignerdepot.com/2013/09/the-ultimate-guide-to-flat-design/

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 Falt fontokra is a tiszta vonalvezetés, jó olvashatóság a jellemző.

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

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

http://crazypixels.net/20-awesome-fresh-fonts-for-flat-design/

 

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.webdesignrazzi.com/2014/free-flat-style-icons/

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ások