Responsive web design trends for 2013
-
Upload
steve-fort -
Category
Documents
-
view
214 -
download
0
description
Transcript of Responsive web design trends for 2013
![Page 2: Responsive web design trends for 2013](https://reader034.fdocuments.us/reader034/viewer/2022051518/568bd6861a28ab20349c65a5/html5/thumbnails/2.jpg)
INTRODUCTION
∆ Now it is the time to get more
response from your viewers and
clients, so each and every business
needs website even for small
business also.
∆ Any tiny business website will
play a big roll for the overall growth
in the business, just because if your
website’s design is responsive and
eye catchy look.
![Page 3: Responsive web design trends for 2013](https://reader034.fdocuments.us/reader034/viewer/2022051518/568bd6861a28ab20349c65a5/html5/thumbnails/3.jpg)
INTRODUCTION
∆ Design trend is varied day by day.
∆ Other than that specific people
like some particular thing in their
website like fade in effects and
grungy effects in background.
![Page 5: Responsive web design trends for 2013](https://reader034.fdocuments.us/reader034/viewer/2022051518/568bd6861a28ab20349c65a5/html5/thumbnails/5.jpg)
BRIEF OUTLINE
∆ Single page web design
∆ Eye catchy icons
∆ Responsive layouts
∆ Fixed header
∆ Infinite scrolling
∆ Social media badges
∆ Web typography
![Page 6: Responsive web design trends for 2013](https://reader034.fdocuments.us/reader034/viewer/2022051518/568bd6861a28ab20349c65a5/html5/thumbnails/6.jpg)
SINGLE PAGEWEB DESIGN
∆ If we search on internet to take
guide line for web design and
development then you can find 7 out of
10 sites have a single page design.
∆ This concept is already their since
world wide web came in existence.
∆ But now this design get more
attractive reviews from customers.
![Page 8: Responsive web design trends for 2013](https://reader034.fdocuments.us/reader034/viewer/2022051518/568bd6861a28ab20349c65a5/html5/thumbnails/8.jpg)
EYE CATCHY ICONS
∆ Previously we used icons with light
color and background, but time is
changed now.
∆ Audience want more clear and eye
catchy icons. You can place your icons
small but more clear with bold color
and so it will highlight in your web
interface.
![Page 10: Responsive web design trends for 2013](https://reader034.fdocuments.us/reader034/viewer/2022051518/568bd6861a28ab20349c65a5/html5/thumbnails/10.jpg)
RESPONSIVE LAYOUTS
∆ First let us know what is Responsive
layouts ?
∆ Responsive means quick to respond or
alert or open or approachable.
∆ When any user come to your site, your
layout must be quick to respond
according to user’s search term.
![Page 11: Responsive web design trends for 2013](https://reader034.fdocuments.us/reader034/viewer/2022051518/568bd6861a28ab20349c65a5/html5/thumbnails/11.jpg)
RESPONSIVE LAYOUTS
∆ The main thought behind
responsive layout is your site must be
supported to computers, laptops,
tablets and smartphones and any
other device may exist in future.
![Page 13: Responsive web design trends for 2013](https://reader034.fdocuments.us/reader034/viewer/2022051518/568bd6861a28ab20349c65a5/html5/thumbnails/13.jpg)
FIXED HEADER
∆ Why we use fixed header?
∆ It is the trendy style, but now it
raises day by day.
∆ User can navigate quickly from one
page to another. If they scroll down
more than 3 page, then they don’t need
to scroll to the top and make your
website spat free.
![Page 15: Responsive web design trends for 2013](https://reader034.fdocuments.us/reader034/viewer/2022051518/568bd6861a28ab20349c65a5/html5/thumbnails/15.jpg)
INFINITE SCROLLING
∆ Infinite means boundless scrolling.
∆ You can find many examples on
internet, but the most famous is
pinterest.com or weheartit.com, who
get the great popularity among users.
![Page 16: Responsive web design trends for 2013](https://reader034.fdocuments.us/reader034/viewer/2022051518/568bd6861a28ab20349c65a5/html5/thumbnails/16.jpg)
SOCIALMEDIA BADGES
∆ Social media is the place where you
can place your products or services in
front of buyers.
∆ There are some video sites like
youtube, dailymotion, vimeo and
pinterest, pinspire for image
submission and stumbleupon.com for
social bookmarking.
![Page 18: Responsive web design trends for 2013](https://reader034.fdocuments.us/reader034/viewer/2022051518/568bd6861a28ab20349c65a5/html5/thumbnails/18.jpg)
WEB TYPOGRAPHY
∆ Typography is the style to arrange
words in no specific manner.
∆ Use different, but simple and easily
under stable fonts for users.
∆ Mix the web font in such a way that
your final image will be more gainful
for your website appeal.
![Page 20: Responsive web design trends for 2013](https://reader034.fdocuments.us/reader034/viewer/2022051518/568bd6861a28ab20349c65a5/html5/thumbnails/20.jpg)
THANK YOU
∆ With the use of this free template
you accept the following use and
license conditions. Not for commercial
use.
∆ The template can be used freely by
private persons. In case of questions for
commercial usage please get in contact
with us.