PacktLib: Creating Flat Design Websites

Creating Flat Design Websites

Credits

About the Author

Acknowledgment

About the Reviewers

www.PacktPub.com

Preface

What is Flat Design?

Defining flat design

History and evolution

Skeuomorphic versus flat

The use of flat in the real world

Summary

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

Creating a Flat and Usable Interface

Understanding web usability

Web forms usability

Flat readability

Summary

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

Developing Your Site

Creating our folder tree

Prepping our images

Developing our page

Styling our page with CSS

Using jQuery for navigation

Summary

Creating Your Own Flat UI Kit

Designing your components

Exporting and coding

Documentation is key

Summary

Index