new trends for website design 2016

19
Web Development Company – AAPNA Infotech 1 New Trends for Website Design 2016 Rohit Tanwar Website Designer 2016 Trends for Website Design

Upload: aapnainfotech

Post on 17-Jan-2017

146 views

Category:

Technology


0 download

TRANSCRIPT

Page 1: New trends for website design 2016

©2013 Accretive Health Inc. ©2016 Web Design – Episode 01. Web Development Company – AAPNA Infotech 1

New Trends for Website Design 2016

Rohit Tanwar

Website Designer

Website Designing Trends 2016 2016 Trends for Website Design

Page 2: New trends for website design 2016

©2013 Accretive Health Inc. ©2016 Web Design – Episode 01. 2 2016 Trends for Website Design Web Development Company – AAPNA Infotech

Page 3: New trends for website design 2016

©2013 Accretive Health Inc. ©2016 Web Design – Episode 01. 3

Definition What is Design?

Design is an art optimized to meet objectives.

Realization of a concept or an idea into a drawing, model, pattern, plan or specification and which helps achieve the item's designated objective.

A thought process, an optimized solution and a holistic approach to create something.

An image in our brain that reflects our memories, emotions, etc. and may have very little to do with the physical object.

Web Development Company – AAPNA Infotech 2016 Trends for Website Design

Page 4: New trends for website design 2016

©2013 Accretive Health Inc. ©2016 Web Design – Episode 01. 4 Web Development Company – AAPNA Infotech 2016 Trends for Website Design

Page 5: New trends for website design 2016

©2013 Accretive Health Inc. ©2016 Web Design – Episode 01. 5 Web Development Company – AAPNA Infotech 2016 Trends for Website Design

Page 6: New trends for website design 2016

©2013 Accretive Health Inc. ©2016 Web Design – Episode 01. 6

Definition What is Website Design?

Website Design encompasses planning, creation and maintenance of websites. Website Design also involves information architecture, website structure, user interface, navigation ergonomics, website layout, colors, contrasts, fonts, imagery (photography) as well as icons design.

Web Development Company – AAPNA Infotech 2016 Trends for Website Design

Page 7: New trends for website design 2016

©2013 Accretive Health Inc. ©2016 Web Design – Episode 01. 7

# Website Design Process More About Website Design Process

- Research

- Observe

- Understand

- Analyze

- Select Theme

01 Plan

- Wireframes - Design Concepts - Create Design - Share with Client - Design Approval

02 Design

- Design Handover

- Communicate

- Monitor

- Visual Design

03 Develop

- Usability Testing

- Verification

- Design Quality Check

- Share with Client - Get Approval - Make it LIVE

04 QA & LIVE

# Note – The next slide talks about the difference between a Web designer & a Web developer.

Web Development Company – AAPNA Infotech 2016 Trends for Website Design

Page 8: New trends for website design 2016

©2013 Accretive Health Inc. ©2016 Web Design – Episode 01. 8

# Web Designer & Web Developer Know About their Role …

Website Designing is everything to do with how a website looks on screen.

WEB DESIGNER

Website Design is the layout of the website and its content. It concerns how customers interact with the website on the user interface and how to make it a great experience.

Website Designers require an understanding of HTML, and programmers such as DreamWeaver, Photoshop and Illustrator.

Web Development is everything to do with how websites work behind the scenes.

Web Development refers to the programming required to construct a website and controls the way a website functions.

Web Developers need to have suitable knowledge about scripting languages, JavaScript, ASP.NET, PHP, CSS etc.

WEB DEVELOPER

Web Development Company – AAPNA Infotech 2016 Trends for Website Design

Page 9: New trends for website design 2016

©2013 Accretive Health Inc. ©2016 Web Design – Episode 01. 9 Web Development Company – AAPNA Infotech 2016 Trends for Website Design

Page 10: New trends for website design 2016

©2013 Accretive Health Inc. ©2016 Web Design – Episode 01. 10 Web Development Company – AAPNA Infotech 2016 Trends for Website Design

Page 11: New trends for website design 2016

©2013 Accretive Health Inc. ©2016 Web Design – Episode 01. 11

Responsive websites respond to their environment.

Responsive web design (RWD) is a web design technique which insists that design and development should respond to the user's behavior and environment based on screen size, platform and orientation. Good web designing companies take care of this technique.

Web Development Company – AAPNA Infotech 2016 Trends for Website Design

Page 12: New trends for website design 2016

©2013 Accretive Health Inc. ©2016 Web Design – Episode 01. 12

# Responsive Website Design Flow Learn More About …

Web Development Company – AAPNA Infotech 2016 Trends for Website Design

Page 13: New trends for website design 2016

©2013 Accretive Health Inc. ©2016 Web Design – Episode 01. 13

People like what they see, which is why engaging and bright animations are very a popular UI pattern and will remain as such for a long time. Gifs or other short animations make every story way more interesting.

Two types of animations: Small scale and Large scale

Web Development Company – AAPNA Infotech 2016 Trends for Website Design

Page 14: New trends for website design 2016

©2013 Accretive Health Inc. ©2016 Web Design – Episode 01. 14

Currently, we are witnessing a rise in the use of WordPress websites and they all look kind of similar. Nevertheless, we shouldn’t automatically assume that if our website looks somewhat like another one – it’s going nowhere.

Example: Flat Icon Base design, HD Photos, Long scroll, Hamburger Menu similar to the design trends of 2015.

Web Development Company – AAPNA Infotech 2016 Trends for Website Design

Page 15: New trends for website design 2016

©2013 Accretive Health Inc. ©2016 Web Design – Episode 01. 15

Example:

1. Facebook – someone likes your photo, and you are immediately notified without involving any interaction with the person.

2. Online shopping websites such as Flipkart.

Web Development Company – AAPNA Infotech 2016 Trends for Website Design

Page 16: New trends for website design 2016

©2013 Accretive Health Inc. ©2016 Web Design – Episode 01.

16

Material Design is a style language, introduced by Google in 2014. Currently, Website Designing companies considered it a practice, rather than a trend.

To know more click here

Web Development Company – AAPNA Infotech 2016 Trends for Website Design

Page 17: New trends for website design 2016

©2013 Accretive Health Inc. ©2016 Web Design – Episode 01.

Topics Covered What is Design?

What is Web Design?

Website Design Process

Web Designer & Web Developer

2016 Trends of Website Design

Responsive Website Design

Vivid & Unusual Animations

UI patterns

Micro Interactions

Material design

17 Web Development Company – AAPNA Infotech 2016 Trends for Website Design

Page 18: New trends for website design 2016

©2013 Accretive Health Inc. ©2016 Web Design – Episode 01. 18 Web Development Company – AAPNA Infotech 2016 Trends for Website Design

Page 19: New trends for website design 2016

©2013 Accretive Health Inc. ©2016 Web Design – Episode 01. 19 Web Development Company – AAPNA Infotech 2016 Trends for Website Design

I have been working in the web design industry for almost 5 years and I have gained an excellent knowledge in the same. I am very passionate about the industry & presently enjoying my journey with AAPNA Infotech – a web development company.

I am extremely proud of every project I have executed at AAPNA and have completed to the highest standard.

To, know more about website design visit http://www.aapnainfotech.com/website-design/