OUCTUS TECHNOLOGY
WEBDESIGN ANDDEVELOPMENT C-246, Sector 63 Rd, C Block, Sector 63, Noida, Uttar Pradesh 201301
TOPICS: 1. I ntroduction to Web Design 2 .W e b Tr e n d s 3 . B a s i c C S S Wo r k s h o p
BonusTopic: DoingBusinesswithWebDevelopment
Whatiswebdesign?
DESIGN 1
2
3
C o lect
I mplement these ideas
Ap ly design principles
ideas
WEBDESIGN Folowsthesameproce s indesign
Presentthedesignthrough webpages
Createanefectivewebdesign byapplyingkeyvisualelements
ELEMENT 1:
LAYOUT Maintain balance, consistency and the integrityofthedesign.
ELEMENT 2:
COLOR Colorshouldrepresentyourpersonality o r t h e b ra n d o fa n o rga n i za t i o n .
ELEMENT 3:
GRAPHICS L o go s , i m a ge s , a n d g ra p h i c st h atca n h el p en h an ceyo u rd es i g n . Makesuretoplacethem s t ra t e g i c a l y.
U s e g ra p h i c s w i s e l y !
ELEMENT 4:
FONTS Typographycanenhanceyourdesign… w h e n u s e d w i s e l y.
ELEMENT 5:
CONTENT S h o u l d b e u s ef u l a n d re l eva nt . Optimizeforsearchengines.
Is your website userfriendly?
USER-FRIENDLYDESIGNELEMENT1:
NAVIGATION Don’tmakethem t h i n k ! C onsider how users wi l navigate t h ro u g hyo u r webs i te. Use simple HT ML or J ava S c r i p t m e n u s .
USER-FRIENDLYDESIGNELEMENT2:
COMPATIBILITY Designyourwebsitesthatperform w e l indiferentbrowsers.
USER-FRIENDLYDESIGNELEMENT4:
EASYACCESSIBILITY Yourwebsiteshouldbeaccesibleto everyone including blind, disabled or the elderly.
Userealfonts,notimages.
USER-FRIENDLYDESIGNELEMENT5:
WEL-FORMATTEDCONTENT Organizetheflowofinformation.Plan yourwebsite’ssectionsandcategories c a r e f u l y.
Useheadings,sub-headings,paragraphs, b u l e t s o r l i s t s c o r e c t l y.
Keep yourself updated by knowingthediferent webdesigntrends.
WEBDESIGNTREND#1:
RESPONSIVEWEB • T h e i d e a i sto c re a te w e b l ay o u t st h a ta re co m p at i b l ewi t h a ny fo rm s o fdev i c es : – D e s k to p – Laptop – SmartPhones – Ta b l e t s
WEBDESIGNTREND#2:
FIXEDHEADER BARS Worksbestwithone-pagelayoutsand l ay o u t s w i t h l o n g p a g e s . T h i s t re n d h a s b e e n a ro u n d fo ra w h i l e but now we are seeing this in full force.
WEBDESIGNTREND#3:
LARGEPHOTO BACKGROUNDS U s e y o u r b e s t p h o t o s o rg ra p h i c designs as the main background photo ofyourwebsite.
WEBDESIGNTREND#4:
TYPOGRAPHY M ostweb sitesn owu sem u ltip lef on ts, makingthepageeasiertoreadand moreattractive.
Mixandmatchfontswisely!
WEBDESIGNTREND#5:
FLATDESIGN It ’saboutkeepingitsimple,clean,and m o d e r n ke y w o r d s t h a t m o s tc l i e n t s s a y.
WEBDESIGNTREND#6:
INFOGRAPHICS I n fo g ra p h i c s p r e s e n ta l o t o f informationinsuchasma lspace. Eye-catching.Entertaining. N o t b o r i n g . N o t t e x t h e a v y.
WEBDESIGNTREND#7:
SINGLEPAGEWEBSITE Thishasbenatrendforalongtime. Overtheyears,developershavecreated d ife re nttechniquesfo rsin g le pa ge concepts. Yo u ca n c re a te a n e nt i re w e b s i te u s i n g j u st onepage.
WEBDESIGNTREND#8:
PARAL AX T h i s i s a s p e c i a l s c ro l l i n g e f e c t u s i n g Ja vaS cript wherein the background images moveslowlythanforegroundimages creating an animation or3Dfel.
Thank you! Address: C-246, Sector 63, Noida India 201301. Phone: (+91)-9599323090 Skype: ouctus Email: info@ouctus.com Web: www.ouctus.com Sales Information Phone: (+91)-9599577711 Email: sales@ouctus.com