Hi

Hi

Hi

I’M GOING TO

INTRODUCE MYSELF

&BEFORE THAT

LET ME ASK YOU FEW QUESTIONS

Hi

WHO AM “I”

Hi

WHY I AM HERE ?

Hi

HOW MUCH

DO YOU KNOW ABOUT ME ?

Hi

HOW I AM USEFUL TO YOU ?

Hi

WELL !!! “YOU” DEAL

WITH WEB DESIGNS

SO DO “I”

Hi

I’M “ME”

Hi

LETS GET INTO THE TOPICS

Hi

OH, SORRY I MISSED A QUESTION ?

Hi

WHAT TYPE OF COLOURS I HAVE USED ?

Hi

WHAT COLOURS I HAVE USED ?

WEB DESIGNING

TRENDS

Ideas ?for WEB DESIGN

are emerging every day.

TURN YOUR HEAD AND READ ….

INNOVATIVE AND INTERACTIVE

LATEST TRENDS IN EMERGING WEB WORLD

INNOVATIVE AND INTERACTIVE

LATEST TRENDS IN EMERGING WEB WORLD

we'll exploreIN THIS PRESENTATION

that are more prominent IN THIS YEAR

interesting TRENDS

THE MOST

FLAT DESIGN

CONTENT

RESPONSIVE WEBSITES

LINE ARTS

PARALLAX SCROLLING

VIDEO BACKGROUND

FIXED NAVIGATION

MIX-AND-MATCH TYPOGRAPHY

METRO GRID

GEOMETRIC ELEMENTS

“ME”TOPIC

S

START

LOREM IPSUMTHINK !!! WHAT I AM GOING TO INTRODUCE NEXT

CONTENT IS KING

TODAY, FINALLY, WEB DESIGNHAS BECOME CONTENT-CENTRIC.

SAID BY BILL GATES BACK IN 1996 AND WE WAITED QUITE A LONG

TIME TO FULLY FEEL THE WISDOM OF THESE WORDS IN WEB DESIGN.

ContentVisitors don’t come to our website to admire the layout and overall design. Visitors come to a

website to achieve their goals. In most cases content is the road to the goal and it has to be

clear.

The layout and design of the website attract visitors but it works only when you have

relevant, useful and catchy content.

GUESS WHAT NEXT !!!

?

MEFlat design is influenced from Swiss Style

I’M SIMPLE

MINIMAL

OPEN SPACE

By avoiding three-dimensional elements such as

Drop Shadow and Textures, Flat design makes use of

SIMPLE GRAPHIC ELEMENTS

In order to ENHANCE VISUAL IMPACT

Flat DesignFlat Design

- NEXT -

LARGE "HERO" IMAGEADDING A LARGE, FULL WIDTH IMAGE At the top of your home page is a great way to

ENGAGE YOUR AUDIENCE and add personality to your website

IF YOU ASKED “ME”

WHAT IS THE NO #1 TREND IN WEB DESIGN

TODAY, THIS WOULD BE IT

LARGE HERO AREAS (THE “INTRO” AREA, OFTEN AN IMAGE

WITH A LITTLE AMOUNT OF TEXT, AT THE TOP OF A WEBSITE

- NEXT -

BLOCKSQUARE

THE USE OF

GEOMETRIC ELEMENTSIS TAKING OVER THE DESIGN WORLD.

ME

GEOMETRIC ELEMENTSARE POPULAR AS DESIGN,

NAVIGATION ELEMENTS,

FRAMING COMPONENTS OR

JUST A WAY TO DRAW

USERS’ ATTENTION TO

SOME PARTS OF THE SITE

Line Art THIN | THICK | SOLID

Line Art icons are especially designed for clean and minimalistic look to work right

in almost any layout. And These icons will continue to increase in popularity.

FIXED NAVIGATION HOME ABOUT PORTFOLIO FEATURES CONTACT

Navigationis a key to guidethe readers throughthe content of the website M

E

ME

VIDEO BACKGROUNDHTML5 MADE IT EXTREMELY EASY TO

CREATIVELY USE MEDIA ON A WEBSITE. A video background completely changes the visual appearance and

adds a dynamic to the whole experience.

- NEXT -

METRO

GRID

THE METRO UI name

has been officially

because of a possible

trademark dispute

launch of Windows 8

Microsoft itself have used

the metro style like grids,

metro grid for its product

WINDOWS

8

THE METRO UI

name has been

buried because of

possible trademark

dispute before the

of Windows 8

Microsoft itself have used

the metro style like grids,

metro grid for it product

WINDOWS

8ME

MIX

The complex artof choosing the

RIGHT FONTis stretched to the EXTREME in this

TREND

MA

TC

H

GR

AP

HYTY

PO

EXAMPLE being designed only image & typography

ME

ParallaxSCROLLING

xSCROLL DOWN

AS THE EYES OF HUMANS AND ANIMALS ARE IN DIFFERENT POSITIONS ON THE HEADTHEY PRESENT DIFFERENT VIEWS SIMULTANEOUSLY THIS IS THE BASIS OF STEREOPSIS, THE PROCESS BY WHICH THE BRAIN EXPLOITS THE PARALLAX DUE TO THE

DIFFERENT VIEWS FROM THE EYE TO GAIN DEPTH PERCEPTION AND ESTIMATE DISTANCES TO OBJECTS

Parallax scrolling

E

PARALLAX IS THE WAY AN OBJECT’S POSITION OR

DIRECTION SEEMS TO CHANGE DEPENDING ON VIEWING

NEXT

CLICK TO OPEN

Parallax scrolling

OVERALL DEFINITIONPARALLAX SCROLLING IS A SPECIAL SCROLLING TECHNIQUE IN COMPUTER GRAPHICS,

WHEREIN BACKGROUND IMAGES MOVE BY THE CAMERA SLOWER THAN FOREGROUND IMAGES,

CREATING AN ILLUSION OF DEPTH IN A 2D VIDEO GAME AND ADDING TO THE IMMERSION.

ME

RESPONSIVEWEBSITES

AS MOBILE AND TABLETS ARE CONTINUE TO DOMINATE AS

MEANS FOR WEB BROWSING, THE NEED FOR RESPONSIVE

INCREASES. HOW THE WEBSITE IS VIEWED ON MULTIPLE

PLATFORMS IS OF THE UTMOST IMPORTANCE.

ME

I HAVE JUST INTRODUCED THE DESIGN TRENDS.

THERE IS A LOT TO LEARNAND To be EXPLORED BY YOURSELF.

ME

KNOWLEDGEIS ALWAYS DEEP IN THOUGHTS

TRY TO EXPLORE NEW THINGS

ME

I’M CALLEDUI/UX DESIGNER

ME

THANK YOU

ME