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.

Slides:

Advertisements

Similar presentations

Working with Images and HTML

Advertisements

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.

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.

Web Design. Look and Feel Way your web site works Personality it conveys to the user Plan the way to looks Test against the variable nature of the web.

14-Aug-15 Design Principles. Design principles In The Non-Designer’s Design Book: Design and Typographic Principles for the Visual Novice, Robin Williams.

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.

Website Design. Designing and creating different elements involved in developing a website for e- commerce can help you identify and describe the components.

Section 7.1 Identify presentation design principles Use a custom template Add pages to a navigation structure Section 7.2 Identify color scheme guidelines.

A Brief Glimpse of Web Design By: Samantha Beckett.

Designing for the Web 7 Useful Design Principles.

Investigate design principles and elements.

Use a Large Bold Type for the Main Title Use Smaller Type for the Subtitle. Above type is 96 pt, this type is 66 pt Make Authors’ names smaller. This is.

Building a Web Site Back to Table of Contents. Building a Web Site Fundamentals of Web Design Creating an Attractive Site 2 Building a Web Site Section.

Adding Images & Working with Images Unit 2. TITLE CORNELL NOTES TOPIC: NOTES: Name: Date:08/10/2009 Period : Summary: To display Art To display Photographs.

BASIC PRINCIPLES OF DESIGN DESIGN, MULTIMEDIA, AND WEB TECHNOLOGIES (DMWT)

Unit E. Image Measurements The size of an image can be measured 2 ways: Dimensions: the height and width, measured in pixels. File Size: measured in Kilobytes.

Online News Graphics and Flash. Why use graphics 1. Attract attention Large pictures attract attention better than small ones Suitable for covers in print,

The Internet Writer’s Handbook 2/e Web Page Design Writing for the Web.

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.

 Every aspect of a Web Page should reflect the goals that led you to create the page in the first place. Not only should the text and graphics themselves.

COLOR In Web Design. Designing with Color Use contrasting colors Using a small palette of colors helps unify and enhance a design Using a dominant color.

Web Page Design. Some Terms Cascading Style Sheet, (CSS) –a style sheet language used to describe the look and formatting of a document written in html;

Dashboard Razzle Dazzle Marcy Miller Tait Wednesday, October 07, 2015 Copyright 2009, Information Builders. Slide 1.

An Introduction To Websites With a little of help from “WebPages That Suck.

Lecture 3 Web Design What makes a "good" website? Getting started on your website. Planning the layout. Picking a theme. Effective Design Tips.

Web Page Design Principles

General Information: This document was created for use in the "Bridges to Computing" project of Brooklyn College. This work is licensed under the Creative.

1 Web Developer Foundations: Using XHTML Chapter 4 Key Concepts.

1 After completing this lesson, you will be able to: Transfer your files to the Internet. Choose a method for posting your Web pages. Use Microsoft’s My.

Introduction to Web Page Design. General Design Tips.

Fonts and Typography Section 7.3. Typography Typography: the style, arrangement, and appearance of text Well designed text makes your page more readable.

Web Design. Keep a Consistent Appearance Visually show that the site is the same Always use the same background Same graphic style Same type formatting.

Web Site Design 15 Easy Steps to an Excellent Web Site.

COM 205 Multimedia Applications St. Joseph’s College Fall 2003.

3.02 Understand business publications

Page Design Issues IWM 14 Information Services for the Web.

Design Principles 3.02 Understand business publications.

“Just look at our web site…” I hate the title of this session, and so should you.

Web Page Design Mrs. Ricke. Graphics Interchange Format 256 colors only Good for icons, clipart, logos Not good for high quality pictures.

For this course please make your website address your first initial, last name. If this is unavailable, try your first initial, middle initial, last name.

Informational Design.  Informational Design involves determining a Web page’s content  Content – text and graphics  A successful Web page uses words.

We looked at these two presentations and talked about the structure of setting up the table.

Copyright © Terry Felke-Morris Learning Outcomes  In this chapter...  common types of website organization  principles of visual design  your target.

Design Principles 3.02 Understand business publications.

Typography A Key Element in Design A. Definition of Typography Typography is the appearance and arrangement of the characters that make up text on a page.

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.

Concepts Ch 2 Review. 216 Browsers on both PCs and Macs share ___ colors.

Microsoft Expression Web 3 – Illustrated Unit M: Advanced Typography Using CSS.

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.

Basic Web Design Week 3 - Graphics UVICELL. Web Graphics Concepts for Week 3 Selecting the right format for your image Creating a name banner for your.

Section 6.1 Section 6.2 Write Web text Use a mission statement

Permeability (% of Control)

Permeability (% of Control)

Section 7.1 Section 7.2 Identify presentation design principles

Objective % Explain concepts used to create websites.

Website Design and Management Section 3 - Design

3.02 Understand business publications

COM 205 Multimedia Applications

Elements of Effective Web Design

Tips on good web site Design

COMPARING TWO SIDES OF THE SAME COIN

Use a Large Bold Type for the Main Title (80 pt):

Permeability (% of Control)

Use a Large Bold Type for the Main Title (80 pt):

Use a Large Bold Type for the Main Title (70 pt):

Permeability (% of Control)

Use a Large Bold Type for the Main Title (70 pt):

Presentation transcript:

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.

Color Consistency Consistent Color Theme. Changes in page color and imagery cause users to become confused. Use colors that are pleasing to the eye and reflect your companies image. Don’t count on your selected colors looking the same when displayed on another person’s monitor. Stick to the browser safe palette of 216 colors.

Background Color The most important use of color on your Web page. White or off white are recommended due to its high readability levels. Contrast is the difference between two related elements such as text and background. Balanced contrast increases the readability of a Web site. Too much or too little contrast makes the page difficult to read and can cause eyestrain.

Visual Balance Make sure there is a proper balance of text, graphics, and blank space (called white space) on your pages. A page with too many graphics is cluttered and slow to download. Too much text can make a site difficult to read. Minimize your graphics and text, use white space for areas for the eye to rest. Balance of text, graphics, and white space heightens readability.

Graphics Graphics are the most powerful way to send information over the Internet. Graphics help create Web sites that effectively present products and services. Proper use of graphics can make a Web site look and feel like a magazine, offering colorful illustrations and powerful images instead of just plain text.

File Types JPEG ~ Photos GIF ~ Banners, Logos, Icons, Buttons Consider resolution For Web pages 72 pixels per inch is ideal

Fonts Different fonts convey different moods to the readers. Choosing an appropriate font helps create the right image for your Web site. Not all computers can read all fonts, use a more common font than an exotic one. Point size will matter. Too small, difficult to read. Too large, difficult to fit all information on page. Three elements must work in unison: Font style, point size, and the amount of information presented on the page.

Buttons Help visitors navigate quickly. GIF file for visitors to click on. Buttons help visitors find what they are seeking. Use at the top and/or sides to attract attention. Use text links at the bottom of the page- just in case the buttons don’t display.