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)

Defining your sections


Since we're designing a portfolio, the focus is on showing the work of the designer. We will have just a couple of sections here; they are as follows:

  • Work/Portfolio: This is a place to showcase your design projects

  • About: This is a small text description of you as a designer and person, and your experience

  • Contact: This is a place to store your contacts so that the viewer can contact you, and your location

These are the essential sections we will have to design for your portfolio. Since this is such a small and simple site, we'll create a one-page website. This kind of page is being used more and more lately. This is mainly because it presents the user with all the information really quickly and in a very simple way. Also, it provides a more dynamic experience by presenting different content on just a single page.