Previously we have published articles on understanding flat UI design as well as best free flat UI kits. Now we have compiled the best links from all over the web which will be helpful in learning to implement the flat design trend to develop a website.
01. Flat UI (Video Tutorial) – Designmodo
Designmodo offers a very helpful video tutorial to create a flat design website using Photoshop. Spanning around 18 mins, the tutorial mainly uses resources by Designmodo and teaches about placement of elements, colors, fonts, etc.
02. Create a Website using UI Packs – Designmodo
03. Flat UI Login Form – Dzyngiri
A tutorial on creating a simple login form with a cool horizontal scrolling effect. It also includes social login and register icons along with registration and forgot password forms.
04. Flat Drop Down Menu – Dzyngiri
One of the widely used elements in web design, the drop down menu is created using HTML and CSS to be used in flat design websites. A really simple but handy tutorial.
05. Contact Form – Designify
06. Blog Post – Joocom
A unique tutorial in the sense it teaches to create a flat UI design blog for posting news. It is a two-part series (Part-2 here) originally in German but then Google Translate comes to the rescue.
07. Portfolio Landing Page – – 1stWebDesigner
1stWebDesigner brings to you a brilliant 55 minute video tutorial guiding you to building your portfolio in flat style using Photoshop. Do not miss this for anything.
08. Flat Design – Zach Swinehart
A two-part video series, the first of which provides an overview of flat design while the second part dives into the strategies and tools for creating flat sites using Photoshop.
If you have written an article or tutorial about Flat Design trend then don’t forget to share the link.
Heya i am for the first time here. I found this board
and I find It really useful & it helped me out much.
I hope to give something back and help others like you aided me.