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)

Lose your "crutches"


That's right, flat design has a "no crutches" rule. All drop shadows, bevels, glows, gradients, lighting effects, textures, and embosses should not be used here, as this limitation is the best way to learn and practice creating flat designs.

If you're looking to create a really flat look, you need to make sure that your design is, indeed, flat. However, don't think that flat is a dictatorship; you can always try to create a flat 3D look, which looks really great, and yes, shadows are allowed. Every designer tries to add and improve the style with their own ideas, and great icons come along the way. The use of shadows and lighting shouldn't disrupt the flat look. So, start by designing as flat as possible, focusing on the important things that make flat design look great. The design includes the grid, the white space, the composition, and the typography; when you feel comfortable, try adding these new elements, as they look really good. There's even a style of shadow,...