web design trends

16
WEB DESIGN TRENDS

Upload: juliyamartin

Post on 23-Jan-2017

107 views

Category:

Design


0 download

TRANSCRIPT

Page 1: WEB DESIGN TRENDS

WEB DESIGN TRENDS

Page 2: WEB DESIGN TRENDS

• Responsive Design• Flat Design• Fixed Navigation• Custom Typography• SVG Images• Parallax Scrolling

Page 3: WEB DESIGN TRENDS

RESPONSIVE DESIGN.

Page 4: WEB DESIGN TRENDS

Responsive design remains the #1 trend in web design, and designers are attempting to make responsive websites viewable on screens as small as smart watches and as large as smart TVs. Previous generation of responsive websites were built with the objective of making content readable and navigable on small screens . The current trend in responsive web design is focused on creating intelligent responsive websites. Responsive websites have also become faster and optimized to work seamlessly on HD/non-HD displays.

Page 5: WEB DESIGN TRENDS

FLAT DESIGN.

Page 6: WEB DESIGN TRENDS

Flat design refers to the concept of creating websites without unnecessary 3D styling. It helps in providing a great user experience across all screen sizes and eliminates rendering issues which are frequent found in non-flat design. Flat design is hugely popular across websites and operating systems. There’s a general desire to work with the nature of computer screens and not to try and make it look like anything it’s not. It’s honest design. User interfaces across web sites, software and operating systems are all moving in this direction

Page 7: WEB DESIGN TRENDS

FIXED NAVIGATION.

Page 8: WEB DESIGN TRENDS

FIXED NAVIGATION. Fixed navigation facilitates ease of transition

through the site. Fixed navigation has already become a standard practice in web design. It makes navigation links accessible even when the page is scrolled beyond the fold. Fixed navigation enhances user experience especially on small screens where pages tend to be longer . Fixed navigation facilitates ease of transition through the site.

Page 9: WEB DESIGN TRENDS

CUSTOM TYPOGRAPHY.

Page 10: WEB DESIGN TRENDS

Your typography helps to create an experience for users before they’ve even read a word or clicked a button. It shows the user who is behind the website and what you’re about. Designers are increasingly using custom typography to lend class and personality to websites. Use of custom typography is also seen as a branding exercise. Designers are experimenting with different typography styles to create unique typography fonts.

Page 11: WEB DESIGN TRENDS

Handwritten typography: Handwritten typography is composed of letters of irregular size and weight. This form of typography provides an open ground for creativity – enabling designers to produce attention grabbing text elements for headers and logos. Flat design typography: Typography created using letters with clean lines and even strokes is highly compatible with flat design because of its simplicity and minimalism. Heavy and geometric fonts are used extensively for flat design typography . Mix and match typography: This form of typography is created by combining a bunch of fonts that go well together. It allows designers to create a highly artistic look.

Page 12: WEB DESIGN TRENDS

SVG IMAGES.

Page 13: WEB DESIGN TRENDS

Scalable vector graphics (SVG images) have been around for a very long time, but only recently have they started appearing on websites. SVGs are image files which can be scaled to any size without causing loss of quality. The prominent reason for growing popularity of SVGs is that they are naturally compatible with responsive design, and render perfectly on small as well as large screens. The potential of SVGs has just been tapped, and vector imagery will continue to be in demand in the foreseeable future.

Page 14: WEB DESIGN TRENDS

PARALLAX SCROLLING.

Page 15: WEB DESIGN TRENDS

Parallax scrolling is a technique where background images move slower than foreground images, creating an illusion of depth - and web app Parallax Background Builder makes it simple. Parallax scrolling websites create a visual perception of motion as the user scrolls through the page - making the journey through the page a delightful one. Unlike Flash intros, parallax scrolling is not pure gimmick. A well planned parallax website tells a story by presenting powerful imagery and typography amidst mesmerizing parallax motion.

Page 16: WEB DESIGN TRENDS

ATEES