Design Elements of a Web Page. Focal Point Each page should have a focal point to attract the viewer. This can be one large picture or a headline, a combination.

Slides:



Advertisements
Similar presentations
What is tourism? Aim: To discover what tourism is and how it can be marketed.
Advertisements

Web Page Design Critical Elements for a Well Designed Web Page.
CSE2MA Multimedia Authoring Semester 2, 2011 Web Page Design Week 2.
Basic Principles of Web Page Design CSCI 150, CSCI 155, CSCI , MSTI 131 and MSTI 260 Developed by BNapoli.
Section 6.1 Write Web text Use a mission statement Generate and organize content ideas Section 6.2 Use page dimension guidelines Determine content placement.
6 Developing Content and Layout Section 6.1 Generate and organize content ideas Write and organize Web text Section 6.2 Identify page dimension guidelines.
Unit 20 - Client Side Customisation of Web Pages
About this Web Site Disclaimer: This site has been designed as a project for CS3505. It is for educational purposes only. All content is based upon a fictional.
Principles of design caroline burdett. repetition balance proximity simplicity contrast.
LAYOUT OF PAGE ELEMENTS September 28 th, PATTERNS Common ways to use the Layout Elements of Visual Hierarchy, Visual Flow, Grouping and Alignment,
Difference between content, layout and styles Miss Allgar
Website e-portfolio. What is an e-portfolio? An electronic portfolio, also known as an e-portfolio or digital portfolio, is a collection of electronic.
Designing Pages and Screens Comm Arts II Mr. Wreford.
Designing Your Page Step 1: Design for a Computer Medium A computer screen is not a printed page. Readability changes depending on color, layout and format.
1.01 Understand typography, multiuse design principles and elements.
Bud Light: Superior Drinkability or Not? A Rhetorical Analysis of
7 Selecting Design and Color Section 7.1 Identify presentation design principles Use a custom template Add pages to a navigation structure Section 7.2.
?v=4k4mkL70E3g.  Business Cards are often considered to be the strongest marketing tool for a company.  Business cards.
C.R.A.P.   Color balance : The colors of the entire illustration- grey, black, white and the contrast orange, seem like they were chosen without much.
Expression Web 2 Concepts and Techniques Expression Web Design Feature Web Design Basics.
WEB DESIGN TIPS FOR DESIGNING A WEB PAGE. PURPOSE OF WEBSITE To inform To persuade To market/sell To entertain To advocate KNOW YOUR PURPOSE!
Good Web Design And other life skills…. “I can recognize good and poor web design.”
Web Design, 3 rd Edition 4 Planning a Successful Web Site: Part 2.
Web Design, 4 th Edition 4 Planning a Successful Web Site: Part 2.
BASIC PRINCIPLES OF DESIGN DESIGN, MULTIMEDIA, AND WEB TECHNOLOGIES (DMWT)
Creating an Attractive Site How will your site look. Think about what your customers are seeking and what type of Web site they find attractive.
What is Multimedia?. Today’s objectives Define multimedia Work with XHTML Work with CSS.
Six Principles of Good Design
1. 2 OVERVIEW First Impressions Content Purpose Design Distinction Closing.
Developing Content and Layout Lesson 6. Creating Web Site Content Online users scan a page, read key words of text, and check out graphics Reading from.
CHAPTER Planning for Focus and Flow 5 Desktop Publishing: Chapter 5 ©2008Thomson/South-Western.
Lecture 3 Web Design What makes a "good" website? Getting started on your website. Planning the layout. Picking a theme. Effective Design Tips.
General Information: This document was created for use in the "Bridges to Computing" project of Brooklyn College. This work is licensed under the Creative.
Web Design Concepts Using Text & Graphics Effectively.
Good Web Design. The Four A’s of Good Design Accessible Accurate Appropriate Appealing.
Design Principles The good and the bad Alyssa Mendiola Summer 2009.
 Remember that HTML is just text  Need to point to pictures  Use the img tag  alt: › screen reader › REQUIRED for this class and to validate.
Introduction to Web Page Design. General Design Tips.
Universal Design for Learning & Principles of Web Design C. Candace Chou.
Web Site Design 15 Easy Steps to an Excellent Web Site.
Web Site Design: Layout Fall Basic Concepts Basic Web Design Concepts – Proximity – Alignment – Repetition – Contrast
Basic Design Tips for Web Pages. Alignment Left, right, center Choose one alignment and use it on the entire page Align form elements, table elements,
Designing Web Pages Layout and Composition. Defining Good Design Users are pleased by the design but drawn to the content Design should not be a hindrance.
Development and Design of Multimedia. Planning Your Title 1)Develop the concept or idea – a multimedia project starts with an idea that supports a vision.
7/8/04 1 Web Project Phase 3 - Sketches Use pencil and paper to sketch the layout of the pages in your web site Considerations – Placement of text? – Placement.
Posters, Magazines, Websites
?. When designing, you should analyze your target audience. Design you webpage around your target audience Target Audience.
Microsoft Expression Web 3 Expression Web Design Feature Web Design Basics.
Web Site Development - Process of planning and creating a website.
Informational Design.  Informational Design involves determining a Web page’s content  Content – text and graphics  A successful Web page uses words.
Web page layout in elegance.  Specific Designs for Target Audiences Consider your audiences tastes when creating your website.
Web Interface Design Basic GUI and Web layouts Fig H.12: Basic Layouts of Web and Graphic User Interfaces.
Human Computer Interaction: World Wide Web Rebecca W. Boren, Ph.D. Introduction to Human Factors & Ergonomics Engineering IEE 437/547 November 2, 2011.
Web Design Principles. Designing a Website Choice of a site color scheme. Choice of text font and size. Placeholder text. Use of white space. Location.
Section 6.1 Section 6.2 Write Web text Use a mission statement
Page Design.
Web Design ECT 270 Robin Burke.
1.01 Understand typography, multiuse design principles and elements.
Web Design Principles.
Web Site Design Web site diagrams from the Yale Style Manual at:
Sample to correct Test box with subtitle.
Step 1: Design for a Computer Medium
Fixed Positioning.
Better Design Understand how to incorporate key design concepts to the entire site Guidelines for site design Use color, balance, alignment, and other.
DESIGN PRINCIPLES and arguing in virtual spaces
Web Design Principles.
1.01 Understand typography, multiuse design principles and elements.
Tips on good web site Design
1.01 Understand typography, multiuse design principles and elements.
Web Design Principles.
Presentation transcript:

Design Elements of a Web Page

Focal Point Each page should have a focal point to attract the viewer. This can be one large picture or a headline, a combination of both, or sometimes a logo. Strong Color or Placement: isolation, contrast, size, etc.

Color Wheel

Orange and Blue

Orange and Blue II

Afterimage experiment…

Combining Fonts Go forth …and come back happy! Go forth …and come back happy!

Web Page Considerations I People scan sites quickly and without fear of error. Sites should simplify the tasks users most likely wish to accomplish.

Web Page Considerations II Page should (usually) avoid too much clutter. Colors and text styles should be consistent from page to page Navigation links should be well chosen, be descriptive, and be consistent. Horizontal scrolling is discouraged. Vertical scrolling should be limited.

Web Page Considerations III Logos are frequently seen at the top or left-top of the page. Images and text should complement each other: not be “lined up” Background colors and images should not interfere with overall readability. Tables are used for layout purposes, but frequently kept transparent. (see cnn.com)cnn.com

Feedback: Privacy Policy Feedback
Do Not Sell My Personal Information
About project: SlidePlayer Terms of Service

© 2025 SlidePlayer.com. Inc. All rights reserved.