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)

Inspiration and references


There is a lot of know-how needed to work in design, but one of the most important things is visual culture. Feed yourself and your visual culture by looking at other people's work. When learning, try to replicate other people's style and understand how they do what they do, and the most important thing is why they do it like that.

By keeping yourself up to date visually on different projects, you'll find out that you'll visually learn some of the design patterns used, as well as color palettes, interface ideas, layouts, and typography. This is done by just looking at what other people are working on and getting a feel of it visually. You can find some inspiration and good references on flat design and layout later in this section. These are some good examples of execution of flat design that also showcase how to use the style in different ways. Pay attention to the white space, colors, and palettes used, as well as iconography, photography, and how these sites...