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)

Planning your work


Planning is definitely one of the most important stages in designing a website. Most of the work boils down to knowing exactly what and how you will design and develop your website; planning is where all these decisions will be made.

You need to first define your target and your website objective, what you want to achieve, and for whom. Imagine that you're creating an online e-commerce website for a gadget company. The objective will be to sell those gadgets online (the "what"), and the target would be men of the age group of 25 to 50 (the "who"). These are usually pretty simple to understand. However, in case you ever find yourself with an unclear briefing from a client, make sure that you understand their objectives and targets beforehand, because there's nothing worse than an uninformed designer working on a project.

However, in this case, we're creating our own portfolio page. So, essentially, we're creating a page intended to showcase our work (the "what") to designers...