Creating Flat Design Websites

Design and develop your own flat design websites in HTML

Creating Flat Design Websites

Starting
António Pratas

Design and develop your own flat design websites in HTML
$13.99
$22.99
RRP $13.99
RRP $22.99
eBook
Print + eBook
$12.99 p/month

Get Access

Get Unlimited Access to every Packt eBook and Video course

Enjoy full and instant access to over 3000 books and videos – you’ll find everything you need to stay ahead of the curve and make sure you can always get the job done.

Book Details

ISBN 139781783980048
Paperback112 pages

About This Book

  • Learn what flat design is and how you can create your own flat design projects
  • Discover how to create flat designs without losing any functionality or ease of use
  • Learn how to develop your HTML website using frameworks to save time
  • Utilize Designmodo’s Flat UI kit and create one of your own

Who This Book Is For

Whether you are starting on your journey in web development or you are a seasoned developer keen to develop in flat then this book is for you.

Table of Contents

Chapter 1: What is Flat Design?
Defining flat design
History and evolution
Skeuomorphic versus flat
The use of flat in the real world
Summary
Chapter 2: Designing in Flat
Design style
Working with limitations
Flat is not always the answer
Lose your "crutches"
Photos or illustration?
Respecting the grid
Focusing on typography
Flat colors
Inspiration and references
Summary
Chapter 3: Creating a Flat and Usable Interface
Understanding web usability
Web forms usability
Flat readability
Summary
Chapter 4: Designing Your Own Flat Website
Planning your work
Defining your sections
Start designing your page
Using the Designmodo.com Flat UI
Designing in Photoshop
Summary
Chapter 5: Developing Your Site
Creating our folder tree
Prepping our images
Developing our page
Styling our page with CSS
Using jQuery for navigation
Summary
Chapter 6: Creating Your Own Flat UI Kit
Designing your components
Exporting and coding
Documentation is key
Summary

What You Will Learn

  • Get to grips with flat design and how you can create your own flat design projects
  • Discover how to create flat designs without losing any functionality or ease of use
  • Develop your HTML website using frameworks to save time
  • Plan and organize your website sections and content
  • Design the layout for a flat design website
  • Understand common flat design usability mistakes and how to avoid them
  • Use Designmodo Flat UI kit to enhance your flat design websites
  • Create your own Flat UI kit for future projects

In Detail

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.

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.

Authors

Table of Contents

Chapter 1: What is Flat Design?
Defining flat design
History and evolution
Skeuomorphic versus flat
The use of flat in the real world
Summary
Chapter 2: Designing in Flat
Design style
Working with limitations
Flat is not always the answer
Lose your "crutches"
Photos or illustration?
Respecting the grid
Focusing on typography
Flat colors
Inspiration and references
Summary
Chapter 3: Creating a Flat and Usable Interface
Understanding web usability
Web forms usability
Flat readability
Summary
Chapter 4: Designing Your Own Flat Website
Planning your work
Defining your sections
Start designing your page
Using the Designmodo.com Flat UI
Designing in Photoshop
Summary
Chapter 5: Developing Your Site
Creating our folder tree
Prepping our images
Developing our page
Styling our page with CSS
Using jQuery for navigation
Summary
Chapter 6: Creating Your Own Flat UI Kit
Designing your components
Exporting and coding
Documentation is key
Summary

Book Details

ISBN 139781783980048
Paperback112 pages
Read More