Creating Flat Design Websites


Creating Flat Design Websites
eBook: $13.99
Formats: PDF, PacktLib, ePub and Mobi formats
$11.89
save 15%!
Print + free eBook + free PacktLib access to the book: $36.98    Print cover: $22.99
$22.99
save 38%!
Free Shipping!
UK, US, Europe and selected countries in Asia.
Also available on:
Overview
Table of Contents
Author
Support
Sample Chapters
  • 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

Book Details

Language : English
Paperback : 112 pages [ 235mm x 191mm ]
Release Date : April 2014
ISBN : 1783980044
ISBN 13 : 9781783980048
Author(s) : António Pratas
Topics and Technologies : All Books, Application Development, Web Development, Open Source


Table of Contents

Preface
Chapter 1: What is Flat Design?
Chapter 2: Designing in Flat
Chapter 3: Creating a Flat and Usable Interface
Chapter 4: Designing Your Own Flat Website
Chapter 5: Developing Your Site
Chapter 6: Creating Your Own Flat UI Kit
Index
  • Chapter 1: What is Flat Design?
    • Defining flat design
    • History and evolution
    • Skeuomorphic versus flat
      • Exercise 1 – the skeuomorphic and flat buttons
    • 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
      • The importance of web usability
      • Achieving a good balance
    • Web forms usability
      • Creating a web form with regular browser styles
      • Recreating the form with flat style
      • Refining the form's usability
    • Flat readability
    • 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

António Pratas

António Pratas is a Portuguese designer living in London. He has an MSc in Multimedia Design and has been working as a designer since 2005. He has worked with advertising agencies and in design ateliers, including Euro RSCG (now Havas), Bürocratik, and Universidade de Coimbra. He has also co-founded a small design atelier and a web startup. He previously wrote articles for designmodo.com, webdesignerdepot.com, and awwwards.com.

Sorry, we don't have any reviews for this title yet.

Code Downloads

Download the code and support files for this book.


Submit Errata

Please let us know if you have found any errors not listed on this list by completing our errata submission form. Our editors will check them and add them to this list. Thank you.


Errata

- 1 submitted: last submission 19 Jun 2014

Errata typeTechnical Page Number31 Chapter Number:2

 

It is: The Treehouse content section, with flat style illustrations (www.threehouse.com)

It should be: The Treehouse content section, with flat style illustrations (www.teamtreehouse.com)

Sample chapters

You can view our sample chapters and prefaces of this title on PacktLib or download sample chapters in PDF format.

Frequently bought together

Creating Flat Design Websites +    Learning Python Design Patterns =
50% Off
the second eBook
Price for both: $19.75

Buy both these recommended eBooks together and get 50% off the cheapest eBook.

What you will learn from this book

  • 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.

Approach

This book contains practical, step-by-step tutorials along with plenty of explanation about designing your flat website. Each section is introduced sequentially, building up your web design skills and completing your website.

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.

Code Download and Errata
Packt Anytime, Anywhere
Register Books
Print Upgrades
eBook Downloads
Video Support
Contact Us
Awards Voting Nominations Previous Winners
Judges Open Source CMS Hall Of Fame CMS Most Promising Open Source Project Open Source E-Commerce Applications Open Source JavaScript Library Open Source Graphics Software
Resources
Open Source CMS Hall Of Fame CMS Most Promising Open Source Project Open Source E-Commerce Applications Open Source JavaScript Library Open Source Graphics Software