4 designer tips for responsive web design

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

Upload: mark-aldein

Post on 05-Dec-2014

65 views

Category:

Technology


0 download

DESCRIPTION

Here I've mentioned the tips direct from the horse's mouth. What designers are using to create a responsive web design. Check out the ppt.

TRANSCRIPT

Page 1: 4 Designer Tips For Responsive Web Design

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

4 Designer Tips forResponsive Web

Design

Page 2: 4 Designer Tips For Responsive Web Design

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: 4 Designer Tips For Responsive Web Design

#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: 4 Designer Tips For Responsive Web Design

#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: 4 Designer Tips For Responsive Web Design

#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: 4 Designer Tips For Responsive Web Design

#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: 4 Designer Tips For Responsive Web Design

8

Thank You !!!