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