Web Design. 5 Characteristics of Good Web Design.

Slides:



Advertisements
Similar presentations
Corinthian Travel & Company Ashley Carlow. Memo Contrast: The black and white Repetition: Color choices and alignment are consistent throughout. Alignment:
Advertisements

Elements of Design: The 4 Basic Principles.
Graphic Design Principles
Assignment 1 Pointers ● Be sure to use all tags properly – Don't use a tag for something it wasn't designed for – Ex. Do not use heading tags... for regular.
Introduction to Design Principles The Wonderful World of Page Design Contrast / Repetition / Alignment / Proximity / Color Theory ENGL 106 Fall 2012.
14-Aug-15 Design Principles. Design principles In The Non-Designer’s Design Book: Design and Typographic Principles for the Visual Novice, Robin Williams.
1 The Structure of a Web Table beginning of the table structure first row of three in the table end of the table structure table cells You do not need.
Bingoopile It’s More Than Just a Search Engine…. By: Khalid Taha, Anna Bierma, & Tristen Eivins.
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!
Slide 1 Consider the page layouts for: Layout design – does it look balanced and even Size of box relative to its importance – the Heading (or title) of.
Principles of Information Technology
Web-designWeb-design. Web design What is it? Web-design features Before…
Web Design.
Progress Report: Project 4 Web Solutions. Interviews (Jennifer) Usability Testing (Andrea Kayne) Final Report due Accessibility Analysis (Andrea.
 Word doc for you to download › Link at the beginning of class › 10 Questions › Answers to be added inline  Post to Sakai when completed › No resubmits.
4 Simple Web Design Rules. Your Web Site Should Be Easy To Read  Choose your text and background colors very carefully  Don't use backgrounds that obscure.
Design Principles The good and the bad Alyssa Mendiola Summer 2009.
Design – Day 7 covers. theme graphics Design COVER THE COVER introduces the theme - the concept - the tone - the graphics.
5 Elements of Good Web Design A powerpoint by Himyt Kang & Harman Lidder.
Non-designer’s design principles Dr. Shuyan Wang.
Fonts and Typography Section 7.3. Typography Typography: the style, arrangement, and appearance of text Well designed text makes your page more readable.
Web Site Design 15 Easy Steps to an Excellent Web Site.
Web Design Basics Creating Appealing Websites Basics of Web Design: HTML 5 and CSS3, Felke-Morris, T.c.
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,
3.02 Understand business publications
Elements of Design Presentation designed by Dr. James Lenze Model: Williams R. (2004), The Non-Designer’s Design Book, Second Edition, Peachpit Press What.
Web Design and Digital Literacy. Initial impressions: Is this a good website? Why/why not? (One reason)
Graphic Design. What is it? Process of combining text and graphics to communicate an effective message through the design of logos, graphics, brochures,
BY: DAN PREVI Composite Materials. Consistent style and format Easy to find and use links Inviting colors and themes Efficient use of space Convinces.
Design Principles EDUC 6307: Design of Print Based Media Summer 2009 Ranelle Woolrich.
VISUAL RHETORIC All the C.R.A.P. you need to know… The Purdue Writing Lab.
?. When designing, you should analyze your target audience. Design you webpage around your target audience Target Audience.
AOIT Graphic Design Unit 3, Lesson 9 Examples of Balance.
Graphics Navigation Usability Typography Content Clarity & Consistency.
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.
TABLES IN HTML No, not that kind of table!! THIS KIND!!
Design Principles 3.02 Understand business publications.
By: Your Name ELEMENTS OF WEB DESIGN. VISUAL APPEAL Optimization of Graphics, for people to stay on your website, your pictures have to load out as soon.
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.
Principles of Information Technology
8/18/2016 Web Development and Interactive Media
Web Design Principles.
Desktop Publishing Notes
Web-design.
Document Design is CRAP
Design Principles Applying principles to create attractive and professional printed and electronic publications Copyright © Texas Education Agency, 2013.
Layout - you need to understand that a simple navigation bar:
Fixed Positioning.
The Basics Ms. Ricks Jan
Design Principles 3.02 Understand business publications
Design Principles and Why We Need Them…
3.02 Understand business publications
Design Principles 8-Dec-18.
Design Principles 3.02 Understand business publications
C.R.A.P. Design Principles
1.02 Investigate design principles and elements.
Web Design Principles.
Introducing: CRAP TECH MENTORING
Design Principles 5-Apr-19.
Principles of Design Layout
The Basics Ms. Ricks Jan
The Orsett Surgery Website
Design Principles.
Web Design Principles.
Adapted from The Non-Designers Design Book
Design Principles 3.02 Understand business publications
1.02 Investigate design principles and elements.
Principles of Design Contrast Repetition Alignment Proximity
1.02 Investigate design principles and elements.
Presentation transcript:

Web Design

5 Characteristics of Good Web Design

A simple website A website without too much information on the home page. It should be neat and organized. A simple website A website without too much information on the home page. It should be neat and organized.

The Main Headings A website that has all of the headings on one side and are easy to spot. The Main Headings A website that has all of the headings on one side and are easy to spot.

Proper Alignment A website that has everything properly aligned which means that it is centered or on the right or left. It also means that there is the right amount of white space. Proper Alignment A website that has everything properly aligned which means that it is centered or on the right or left. It also means that there is the right amount of white space.

Color and Contrast A website that has the right colors that make some things stand-out. Using bold colors is a simple way to tell your user where to go. Color and Contrast A website that has the right colors that make some things stand-out. Using bold colors is a simple way to tell your user where to go.

Consistent Layout The layout should remain the same throughout the website and certain elements shouldn’t change. Consistent Layout The layout should remain the same throughout the website and certain elements shouldn’t change.

Examples of Good Websites

This website it really neat and has proper alignment. The headings are really easy to spot. The colors are bright and they go well with the other colors.

This website has all of the headings on the top that are easy to spot. The colors are good and make the headings stand-out. It doesn’t have any extra information.

This website ahs proper alignment and the right amount of white space. It is simple and organized. It has information that is important.