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