designer tips for responsive web design -ppt

8
Source: http://brand-maestro.com/ 4 Designer Tips for Responsive Web Design

Upload: amri24

Post on 27-Jun-2014

216 views

Category:

Documents


1 download

TRANSCRIPT

Page 1: Designer Tips For Responsive Web Design -PPT

Source: http://brand-maestro.com/

4 Designer Tips forResponsive Web Design

Page 2: Designer Tips For Responsive Web Design -PPT

Go Responsive for Website..

2

It’s more than a simple design.

Responsive web design is a set of

modern tools & techniques aiming to

rearrange the way information is

displayed on various devices.

Pro. Responsive Web Design Company

Page 3: Designer Tips For Responsive Web Design -PPT

#1 Keep Layout Simple

It might sounds like a common sense,

but the truth is keeping layout and

HTML code as simple as possible is

key thing to do.

3

Page 4: Designer Tips For Responsive Web Design -PPT

#2 Define The Breakpoints

4

Focus on the major breaks.Add nice breaks if possible.See the full desktop version above 1024 px

Page 5: Designer Tips For Responsive Web Design -PPT

#3 Make Your Layout Flexible

5

Fluid layout is the option to choose to make it ready for any kind of screen size and / orientation.

Page 6: Designer Tips For Responsive Web Design -PPT

#4 Use Media Queries

For responsive web design you must

think of the width condition. Media

queries rules and very easy to use.

6Use This

Page 8: Designer Tips For Responsive Web Design -PPT

8

Thank You !!!