Book Image

Creating Flat Design Websites

By : António Pratas
Book Image

Creating Flat Design Websites

By: António Pratas

Overview of this book

<p>Flat design is a simple yet visually appealing and increasingly popular style, particularly good for people just starting to develop their own websites. This book helps you to create a simple and good looking product in the flat design style.</p> <p>Creating Flat Design Websites will cover the origins of flat design, its principles as a visual style, and how to start designing right away, always making sure that the interface designed doesn't suffer from usability problems. Learn to design and develop your flat website with external frameworks to save time and money in your project. The book also provides you with tips to avoid the usability mistakes that commonly accompany this style due to its simple look and elements, as well as how to start developing the look of your website in HTML and CSS. Finally, you will learn how you can create your own Flat UI kit to suit your needs.</p>
Table of Contents (14 chapters)

Using the Designmodo.com Flat UI


With so many designers and developers out there, you can find several external resources and predesigned and predeveloped components that you can use to save time on your projects. The Designmodo.com Flat UI pack is a great pack to use in your projects, with some of the essential elements already designed, so we'll use it to design our page. You can get the free pack, which includes a layered PSD, icons, Lato font, and files for our development with Twitter Bootstrap 3-based framework ready to use at http://designmodo.com/flat-free/. Later on in this book, we'll be using these predeveloped components to set up our page for our development work and bring our layout to life. The following is a screenshot of the Designmodo Flat UI pack: