13
Web Design

The Tendency of Web Design in 2013

Embed Size (px)

DESCRIPTION

Web Design trend is constantly changing day by day. It is quite obvious that there are 2 things that concerns dynamic entrepreneurs the most at this moment: The “Simple is Better” concept; and the rapid increase for portable devices. Let's see what's new on the recent trend of Web Design in 2013. Savvycom is an international software development company specializing in mobile and web solutions. Our team is the combination of experienced IT consultants and software engineers from Germany and Vietnam. Specialties: Internet and Online Solution, Web/ Mobile Design, Web App Development, Mobile App Development, iPhone, iPad, Android, Windows Phone and Blackberry Development Check out our SERVICES for more details on the networks below : W: http://www.savvycomsoftware.com L : http://linkedin.com/company/savvycom F : http://www.facebook.com/savvycom T : https://twitter.com/savvycom

Citation preview

Page 1: The Tendency of Web Design in 2013

Web Design

Page 2: The Tendency of Web Design in 2013

2013 Trendy Designs Focus

Mobile friendl

yBetter

UX

Simpli-city

Content

first

Cool imag

es

Great effect

s

Page 3: The Tendency of Web Design in 2013

Responsive Design (1)

1 design – any sizes Contents distribute differently based on the device size

Page 4: The Tendency of Web Design in 2013

Responsive Design (2)

No need for mobile-specific version = less developing time

Nice experience for users with any kinds of devices

Why? Css3 @media

query

Twitter Bootstrap is a good start

How?

Page 5: The Tendency of Web Design in 2013

Performance issues

No compatibility

for old browser

Complexity in design

Responsive Design (2)

Shortcoming….

Page 6: The Tendency of Web Design in 2013

Flat Design

• Focus on color scheme, typography

• Less gradient, box shadow

• Easy backward compability

Page 7: The Tendency of Web Design in 2013

Minimal Design

ބ Minimal contents

ބ Keep things simple; focus on the core

ބ Good typography + cool illustrations

Page 8: The Tendency of Web Design in 2013

Large Photo Backgrounds

Page 9: The Tendency of Web Design in 2013

Fixed Header

Better UX – easy navigation

Work with any layouts (mostly)

Page 10: The Tendency of Web Design in 2013

Infinite Scrolling

ProsFaster browsingTouch-friendlyGreater content exposure

ConsMore Javascript

Navigation issue

Page 11: The Tendency of Web Design in 2013

Sliding Panels

Dynamic page contentsMultiple static pages

merged into onceSliding effect triggered

via navigation items

Page 12: The Tendency of Web Design in 2013

To sum up Trends are temporal & vary, but: Be user-centered!

• Less is more• Don’t make ‘em think (or wait)• Entertain ‘em• Go mobile

Page 13: The Tendency of Web Design in 2013

Savvycom JSC.A: No. 309, N09-B1 Building

Dich Vong new urban areaHanoi, Vietnam

P/F: +84 4 2221 4039W: www.savvycomsoftware.comE: [email protected] F: www.facebook.com/savvycomL: http://www.linkedin.com/company/savvycom