flat web design

8
Flat Website Design BCP Design

Upload: bcp-design

Post on 12-Dec-2014

55 views

Category:

Design


1 download

DESCRIPTION

Flat web design style is currently one of the biggest trends. Flat Website Design gives illusion of three-dimensions, flat colors,Typography, various graphical user interfaces. More Info: http://bit.ly/1uEqxCW

TRANSCRIPT

Page 1: Flat Web Design

Flat Website Design Flat Website Design BCP DesignBCP Design

Page 2: Flat Web Design

What is Flat Design

• For those of you who haven’t 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.

Page 3: Flat Web Design

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

Page 4: Flat Web Design

Basic Concept Of Flat Design

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

Page 5: Flat Web Design

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.

Page 6: Flat Web Design

Flat Design Elements

Page 7: Flat Web Design

Example of Flat Web Design

Page 8: Flat Web Design

Contact BCP Design

433 Tortoise Trace,Jacksonville, Florida 32259 904 710 [email protected]