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)

Design style


Flat design is a style that, as the name suggests, resembles a flat surface. This look and style rose quickly among designers due to its simplicity while retaining a great impact. In this chapter, we will cover the restrictions and rules of flat design, what you should do and shouldn't do, as well as when to use flat design in your layouts.

A flat design website looks organized, clean, and yet very professional. Imagine a room filled with furniture, tables, couches, rugs, pots, and plants. You have been in a room like that, and even though it feels cozy, it feels cramped and sometimes, with just a bit too much of things. Now imagine removing those tables, couches, and rugs and leaving just the bare essentials: one rug, one couch, and only one small useful table. The white walls will look clearer and bigger, and the room will feel clearer and more spacious. For a designer starting in flat design, such as yourself, this is roughly the same process that you need to go through, by...