Flat Website Design

1
Flat Website Design

• BCP Design

2
What is Flat Design

• For those of you who havent heard of the term,
  flat design is mainly the term given to the
  style of design in which elements lose any type
  of stylistic characters that make them appear as
  though they lift off the page.
• Flat design is a minimalistic design approach
  that emphasizes usability. It features clean,
  open space, crisp edges, bright colors and
  two-dimensional/flat illustrations.

3
Definition and purpose

• Flat design refers to a style of interface design
  which removes any stylistic choices that give the
  illusion of three-dimensions and is focused on a
  minimalist use of simple elements, typography and
  flat colors.
• Designers may prefer flat design because it
  allows interface designs to be more streamlined
  and efficient. It is easier to quickly convey
  information while still looking visually
  appealing and approachable.
• Additionally, it makes it easier to design an
  interface that is responsive to changes in
  browser size across different devices. With
  minimal design elements, websites are able to
  load faster and resize easily, and still look
  sharp on high-definition screens

4
Basic Concept Of Flat Design

• The Look
• Layout
• Typography
• Color
• Imagery
• Background
• Movement

5
Design Process

• The design process that you adhere to is
  important. Here are several concepts to think
  about when you are engaging in a flat design
  project.
• Comparing design versions adjacent to one
  another can be helpful. After making a change
  compare the versions. The best version will be
  quickly be apparent.
• Since the relative size of objects plays a key
  role, visualize your design on a number of
  differing target devices early in the design
  process so you will know if they will work
• As you proceed with your design, continually
  seek to eliminate elements that are not
  absolutely necessary to simplify your design.

6
Flat Design Elements
7
Example of Flat Web Design
8
Contact BCP Design

• 433 Tortoise Trace,
• Jacksonville, Florida 32259
• 904 710 3203
• designer_at_bcp-design.com
• www.bcp-design.com