presentation-web-designing.pdf
WEB DESIGNING
Design is the process of collecting ideas, and
aesthetically arranging and implementing them,
guided by certain principles for a specific purpose.
Web design is a similar process of creation, with
the intention of presenting the content on
electronic web pages, which the end-users can
access through the internet with the help of a web
browser.
ELEMENTS OF WEB DESIGN
Web design uses many of the same key visual elements as all types of design such as: -
Layout: This is the way the graphics, ads and text are arranged. In the web
world, a key goal is to help the view find the information they seek at a
glance. This includes maintaining the balance, consistency, and
integrity of the design.
Colour: The choice of colours depends on the purpose and clientele; it
could be simple black-and-white to multi-coloured design, conveying
the personality of a person or the brand of an organization, using web-
safe colours.
Graphics: Graphics can include logos, photos, clipart or icons, all of which
enhance the web design. For user friendliness, these need to be placed
appropriately, working with the colour and content of the web page,
while not making it too congested or slow to load.
Fonts: The use of various fonts can enhance a website design. Most web
browsers can only read a select number of fonts, known as "web-safe
fonts", so your designer will generally work within this widely accepted
group.
CREATING USER FRIENDLY WEB DESIGN
Besides the basic elements of web design that make a site beautiful and
visually compelling, a website must also always consider the end user.
User-friendliness can be achieved by paying attention to the following
factors.
Navigation: Site architecture, menus and other navigation tools in the web
design must be created with consideration of how users browse and
search. The goal is to help the user to move around the site with ease,
efficiently finding the information they require.
Multimedia: Relevant video and audio stimuli in the design can help users
to grasp the information, developing understanding in an easy and
quick manner. This can encourage visitors to spend more time on the
webpage.
Compatibility: Design the webpage, to perform equally well on different
browsers and operating systems, to increase its viewing.
Technology: Advancements in technology give designers the freedom to
add movement and innovation, allowing for web design that is always
fresh, dynamic and professional.
CONSISTENCY IN DESIGN
 Use the same font throughout!
 Use consistent graphics in website – do not use ultra
modern on one page and calligraphy on another
 Use color scheme that is consistent
WEBSITE DESIGN
 From your existing web pages, build a website.
 Add more pages to site – whatever you want
 Some suggestions: Resume, friends page, hobbies page
 Minimum 6 pages (splash page + 5)
 Use common design theme
 Make custom graphics in PhotoShop
 Prepare graphical site map in PowerPoint to turn
in when finished
FUNDAMENTALS OF WEBDESIGN
Purpose of Web Design
 Inform/Educate
 Persuade
Influences on Web Design
 Technology Used by Both Target Audience and Designer
 Nature of the Content
 Economy (Budget, Time, and Scale of the Project)
 Amount and Type of Visuals Included
 Meeting Usability Objectives
THE MAKING OF GOOD DESIGN
Content is important, but content alone will not
make your site work.
THE MAKING OF DESIGN
Good Design is:
 Understandable
 Interesting
 Easy to use
 Uniform in look and feel
 Done from a visitor’s point of view:
WYSIWYW (What You See Is What You WANT)
Resources -books
 HTML & XHTML: The Complete Reference
Author: Thomas Powell
ISBN: 0-07-222942-X
 Web Design: The Complete Reference
Author: Thomas Powell
ISBN: 0-07-222442-8
 Designing With Web Standards
Author: Jeffrey Zeldman
ISBN: 0-73-571201-8
 HTML for the World Wide Web
Author: Elizabeth Castro
ISBN: 0-32-113007-3
 Integrated Web Design
Author: Molly Holzschlag
ISBN: 0-73-571233-6
THANK YOU

More Related Content

PDF
Best Search Engine Optimization Online Course
PPTX
Web Design Training In Delhi
PPTX
Introduction to Website Design and Development .pptx
PDF
PDF
Web Designing Course in Chandigarh.pdf
PDF
What is Web Design? An Introduction to the Basics
PDF
Web designing course in chandigarh
PPTX
Top 11 web design trends followed in 2017
Best Search Engine Optimization Online Course
Web Design Training In Delhi
Introduction to Website Design and Development .pptx
Web Designing Course in Chandigarh.pdf
What is Web Design? An Introduction to the Basics
Web designing course in chandigarh
Top 11 web design trends followed in 2017

Similar to presentation-web-designing.pdf (20)

PDF
WED DESIGN
PPTX
10 Web Design Principles For An Outstanding User Experience
PPTX
Graphics Designing (Character, Posters, Advertisements, Brochure, Interface B...
PDF
What is the difference between Web design and Web Development.pdf
PPTX
Customer effective web design new
PPT
Web design and development
PDF
Web design.pdf
DOCX
what is website design, & web design types
PPTX
web designing course in chandigarh
DOCX
Web designers need to balance creativity
PPTX
Introduction to web design - Web design London
PDF
web designing course in Chandigarh, mohali
PDF
What is Web Designing?
PDF
Crafting Digital Experiences with Innovative Web Designing”
PDF
Web Design
PDF
Web Design Best Practices for 2023
PDF
How Do Web Design and Web Development Differ_.pdf
PPTX
Advanced Web Design: Techniques & Trends for 2025
PPTX
Empowerment Technology - Basic Web Design Principles and Elements
WED DESIGN
10 Web Design Principles For An Outstanding User Experience
Graphics Designing (Character, Posters, Advertisements, Brochure, Interface B...
What is the difference between Web design and Web Development.pdf
Customer effective web design new
Web design and development
Web design.pdf
what is website design, & web design types
web designing course in chandigarh
Web designers need to balance creativity
Introduction to web design - Web design London
web designing course in Chandigarh, mohali
What is Web Designing?
Crafting Digital Experiences with Innovative Web Designing”
Web Design
Web Design Best Practices for 2023
How Do Web Design and Web Development Differ_.pdf
Advanced Web Design: Techniques & Trends for 2025
Empowerment Technology - Basic Web Design Principles and Elements
Ad

Recently uploaded (20)

PPTX
Understanding APIs_ Types Purposes and Implementation.pptx
PPTX
668819271-A Relibility CCEPTANCE-SAMPLING.pptx
PPTX
opp research this is good for field research
PDF
15901922083_PQA.pdf................................
PPTX
CMU-WEEK-2_TOPIC_Photography_Its_Definition_Historical_Background_and_Princi ...
PPTX
OJT Experience at Suvechhya Electrical Engineering.pptx
PPTX
LESSON 2 PUBLIC SPEAKING IS VERY FUN I LOVE IT
PPTX
Lung Cancer - Bimbingan.pptxmnbmbnmnmn mn mn
PDF
15901922083_ph.cology3.pdf..................................................
PDF
Annah, his young mistress, had ransacked his apartment Morehead on Gauguin an...
PPT
huyfuygkgkugi iyugib jiygi uyuyguygv uyguyv
PPTX
Structuralism and functionalism dhshjdjejdj
PPTX
ST-05 final ppt.pptxbjbvcdiuchiudhciuhdiudhexiuh
PPTX
Imelda Ppt Improved 1 March 2021 (1) (3) (1).pptx
PPTX
QA PROCESS FLOW CHART (1).pptxaaaaaaaaaaaa
PPTX
WEEK-3_TOPIC_Photographic_Rays__Its_Nature_and_Characteristics.pptx
PPTX
GREEN BUILDINGS are the ecofriendly buildings
PDF
witch fraud storyboard sequence-_1x1.pdf
PDF
Celebrate Krishna Janmashtami 2025 | Cottage9
PPTX
WATER RESOURCE-1.pptx ssssdsedsddsssssss
Understanding APIs_ Types Purposes and Implementation.pptx
668819271-A Relibility CCEPTANCE-SAMPLING.pptx
opp research this is good for field research
15901922083_PQA.pdf................................
CMU-WEEK-2_TOPIC_Photography_Its_Definition_Historical_Background_and_Princi ...
OJT Experience at Suvechhya Electrical Engineering.pptx
LESSON 2 PUBLIC SPEAKING IS VERY FUN I LOVE IT
Lung Cancer - Bimbingan.pptxmnbmbnmnmn mn mn
15901922083_ph.cology3.pdf..................................................
Annah, his young mistress, had ransacked his apartment Morehead on Gauguin an...
huyfuygkgkugi iyugib jiygi uyuyguygv uyguyv
Structuralism and functionalism dhshjdjejdj
ST-05 final ppt.pptxbjbvcdiuchiudhciuhdiudhexiuh
Imelda Ppt Improved 1 March 2021 (1) (3) (1).pptx
QA PROCESS FLOW CHART (1).pptxaaaaaaaaaaaa
WEEK-3_TOPIC_Photographic_Rays__Its_Nature_and_Characteristics.pptx
GREEN BUILDINGS are the ecofriendly buildings
witch fraud storyboard sequence-_1x1.pdf
Celebrate Krishna Janmashtami 2025 | Cottage9
WATER RESOURCE-1.pptx ssssdsedsddsssssss
Ad

presentation-web-designing.pdf

  • 2. WEB DESIGNING Design is the process of collecting ideas, and aesthetically arranging and implementing them, guided by certain principles for a specific purpose. Web design is a similar process of creation, with the intention of presenting the content on electronic web pages, which the end-users can access through the internet with the help of a web browser.
  • 3. ELEMENTS OF WEB DESIGN Web design uses many of the same key visual elements as all types of design such as: - Layout: This is the way the graphics, ads and text are arranged. In the web world, a key goal is to help the view find the information they seek at a glance. This includes maintaining the balance, consistency, and integrity of the design. Colour: The choice of colours depends on the purpose and clientele; it could be simple black-and-white to multi-coloured design, conveying the personality of a person or the brand of an organization, using web- safe colours. Graphics: Graphics can include logos, photos, clipart or icons, all of which enhance the web design. For user friendliness, these need to be placed appropriately, working with the colour and content of the web page, while not making it too congested or slow to load. Fonts: The use of various fonts can enhance a website design. Most web browsers can only read a select number of fonts, known as "web-safe fonts", so your designer will generally work within this widely accepted group.
  • 4. CREATING USER FRIENDLY WEB DESIGN Besides the basic elements of web design that make a site beautiful and visually compelling, a website must also always consider the end user. User-friendliness can be achieved by paying attention to the following factors. Navigation: Site architecture, menus and other navigation tools in the web design must be created with consideration of how users browse and search. The goal is to help the user to move around the site with ease, efficiently finding the information they require. Multimedia: Relevant video and audio stimuli in the design can help users to grasp the information, developing understanding in an easy and quick manner. This can encourage visitors to spend more time on the webpage. Compatibility: Design the webpage, to perform equally well on different browsers and operating systems, to increase its viewing. Technology: Advancements in technology give designers the freedom to add movement and innovation, allowing for web design that is always fresh, dynamic and professional.
  • 5. CONSISTENCY IN DESIGN  Use the same font throughout!  Use consistent graphics in website – do not use ultra modern on one page and calligraphy on another  Use color scheme that is consistent
  • 6. WEBSITE DESIGN  From your existing web pages, build a website.  Add more pages to site – whatever you want  Some suggestions: Resume, friends page, hobbies page  Minimum 6 pages (splash page + 5)  Use common design theme  Make custom graphics in PhotoShop  Prepare graphical site map in PowerPoint to turn in when finished
  • 7. FUNDAMENTALS OF WEBDESIGN Purpose of Web Design  Inform/Educate  Persuade Influences on Web Design  Technology Used by Both Target Audience and Designer  Nature of the Content  Economy (Budget, Time, and Scale of the Project)  Amount and Type of Visuals Included  Meeting Usability Objectives
  • 8. THE MAKING OF GOOD DESIGN Content is important, but content alone will not make your site work.
  • 9. THE MAKING OF DESIGN Good Design is:  Understandable  Interesting  Easy to use  Uniform in look and feel  Done from a visitor’s point of view: WYSIWYW (What You See Is What You WANT)
  • 10. Resources -books  HTML & XHTML: The Complete Reference Author: Thomas Powell ISBN: 0-07-222942-X  Web Design: The Complete Reference Author: Thomas Powell ISBN: 0-07-222442-8  Designing With Web Standards Author: Jeffrey Zeldman ISBN: 0-73-571201-8  HTML for the World Wide Web Author: Elizabeth Castro ISBN: 0-32-113007-3  Integrated Web Design Author: Molly Holzschlag ISBN: 0-73-571233-6 THANK YOU