ELEMENTS OF GOOD DESIGN AND WHAT TO AVOID

Save this PDF as:
 WORD  PNG  TXT  JPG

Size: px
Start display at page:

Download "ELEMENTS OF GOOD DESIGN AND WHAT TO AVOID"

Transcription

1 ELEMENTS OF GOOD DESIGN AND WHAT TO AVOID

2 BALANCE RHYTHM PROPORTION DOMINANCE UNITY

3 Arrangements of object in given design relating to their visual weight within a composition 2 forms: symmetrical and asymmetrical Symmetrical: weight of composition is evenly distributed around a vertical or horizontal axis, also known as formal balance Asymmetrical: weight of composition is not evenly distributed around a vertical or horizontal axis, also known as informal balance

4 SYMMETRY ASYMMETRY

5 Repetition or alternation of elements. Can create sense of movement and establish pattern and texture Regular: occurs when intervals between elements are similar in size and length Flowing: gives a sense of movement Progressive: shows a sequence of forms through a progression of steps

6 Regular Rhythym Flowing Rhythym Progressive Rhythym

7 Comparison of dimensions or distribution of forms Relationship in scale between one element and another or a whole and its parts

8 Relates to varying degrees of emphasis in design Determines the visual weight of a composition Establishes space and perspective Resolves where the eye goes first when looking at a design Dominance

9 POINT LINE FORM (SHAPE) TEXTURE COLOR

10 Element that has position Single mark in space with a precise, but limited, location POINT

11 Element characterized by length and direction Created contours and form Creates perspective LINE

12 Closed contour, element defined by its perimeter Can be two dimensional or three dimensional Can be realistic, abstract or in between Derived from the combination of point, line and shape FORM

13 Used to create surface appearance Often refers to the material something is made of Both a visual and tactile phenomenon

14 Response of the eye to differing wave lengths within the visible spectrum Three main components Hue: where the color is position on the color wheel. Red, blue-green and mauve are all hues of a given color Value: the general lightness or darkness of the color Saturation: the intensity of the color

15 Complementary Analogous Triadic

16 Harmony between 2 colors on the opposite side of the color wheel Placed side by side they enhance the intensity of each other Blended together they decrease the intensity of each other

17 Harmony of colors whose hues are adjacent to one other on the color wheel Tend to be families of colors Blue, blue-violet, blue-green Yellow, yellow-orange, yellow-green

18 Harmony of three colors equidistant from one another on the color wheel Examples are primary and secondary colors Primary: red, blue and yellow Secondary: green, purple and orange

19 CONTENT ASK THE FOLLOWING QUESTIONS: Who is my website for? What do they want from the website? What do I want from the website? What can I realistically provide and maintain?

20 TONE Tells the world what kind of department or program you have, is reflected in your choice of content, how you present the content and the look and feel of the website. What impression do you want your visitors to have? Formal Intellectual but fun Business-like Creative and sophisticated Scientific and cutting edge Exciting Academic but friendly Informal but smart

21 ORGANIZING INFORMATION (INFORMATION ARCHITECTURE) This is the way you structure the information on the website. Information should be categorized logically and labels should make sense to visitors. Think about your audience. Information should be placed where people would logically expect it to be. Every page should provide something more than just navigation. Pages should deliver what they promise. All pages should contain navigation to enable the user to get back to the starting point.

22 VISUAL DESIGN Make sure your text is easy to read. Keep readability in mind when choosing font, type size, page positioning and colors Think carefully about graphics. Do they add value to the site? Colors matter. Color choice should reflect the personality of your program or department and should not inhibit readability. Don t place anything on the site that doesn t serve a purpose.

23 ACCESSIBILITY Accommodate users who are colorblind, have visual impairments, are deaf or experience mobility or coordination challenges. Avoid Flash Avoid nested tables, use single tables sparingly Use Cascading Style Sheets to control layout and positioning Avoid or modify JavaScript drop-down menus Use alt attributes for all graphic images Don t rely on icons or images to communicate, especially in navigation

24 ACCESSIBILITY (cont d) Keep visual design clean and simple: no frames Make sure your information design is solid and logical Check your site with online accessibility tools, like WAVE Run your site through a screen reader or try to navigate it using only keyboard navigation; ideally, enlist differently-abled people to test your site and give feedback on its usability

25 Text Background does not interrupt the text Text is big enough to read, but not too big The hierarchy of information is perfectly clear Columns of text are narrower than in a book to make reading easier on the screen

26 Navigation buttons and bars are easy to understand and use Navigation is consistent throughout the web site Navigation buttons and bars provide the visitor with a clue as to where they are, what page of the site they are currently on Frames, if used, are not obtrusive A large site has an index or site map

27 Link colors coordinate with page colors Links are underlined so they are instantly clear to the visitor Buttons are not big and dorky Every graphic has an alt label Every graphic link has a matching text link Graphics and backgrounds use browser-safe colors Animated graphics turn off by themselves

28 Pages download quickly Good use of graphic elements (photos, subheads, pull quotes) to break up large areas of text Every web page in a site looks like it belongs to the same site; there are repetitive elements that carry throughout the pages

29 Background Default gray color Color combinations of text and background that make the text hard to read Busy, distracting backgrounds that make the text hard to read

30 Text that is too small to read Text crowding against the left edge Text that stretches all the way across the page Paragraphs of type in all caps, bold or italic Paragraphs of type in all caps, bold and italic all at once Underlined text that is not a link

31 Links that are not clear about where they will take you Links in body copy that distract readers and take them off to remote, useless pages Text links that are not underlined so visitors do not know they are links Dead links (links that don t work anymore)

32 Graphic files that take forever to load Meaningless of useless graphics Graphics with no alt labels Missing graphics

33 Anything that blinks, especially text Multiple things that blink on the same page Animated pictures for Animations that never stop Multiple animations on the same page, that never stop

34 Unclear navigation Overly complex navigation Complicated frames, too many frames, unnecessary scroll bars in frames Orphan pages (no links back to where they came from) Page titles that don t explain what the page is about

35 Frames that make you scroll sideways No focal point on the page Too many focal points on the page Navigation buttons as the only visual interest on the page Cluttered Lack of contrast in color, text and hierarchy Pages that look ok in one browser but not in another

36 Digital Web Magazine, The Principles of Design, The Elements of Design, Designing for the Web, Principles and Elements of Design, Joshua David McClurg- Genevese LSCR (Berkeley University), lscr.berkeley.edu/advice/web/design, How to Design a Good Website Good Web Design Features, Robin Williams, Bad Web Design Features, Robin Williams,

Robin Williams. Keep in mind that the point of eliminating bad features is not just to make the page prettier, but to communicate more effectively.

Robin Williams. Keep in mind that the point of eliminating bad features is not just to make the page prettier, but to communicate more effectively. Robin Williams It is easy to make a dorky web page. It's also easy to make a very nice, clean, professionallooking web page even if you don't have much design experience. Often the difference, even for

More information

DESIGN. Basic Principles of

DESIGN. Basic Principles of Basic Principles of DESIGN Bristol Community College Paula Mailloux Sources: The Non-Designers Design Book The Non-Designers Web Book Ron Woolley, www.dtp-aus.com Looking at Design Elements on the Web

More information

Use Color Don t AbUse Color

Use Color Don t AbUse Color Use Color Don t AbUse Color Workbook This workbook is intended to be used along side The Use Color Don t Abuse Color web training located at http://ww3.govst.edu/hptadvanced/http/caryn/usecolor.htm By

More information

Newsletter Design, Layout and Content Tips

Newsletter Design, Layout and Content Tips Newsletter Design, Layout and Content Tips Entry Name: National Corvette Museum Newsletter Competition Score Sheet Vital Information: Each category is worth 1 point; Maximum of 10 points in this section.

More information

VISUAL ARTS VOCABULARY

VISUAL ARTS VOCABULARY VISUAL ARTS VOCABULARY Abstract Artwork in which the subject matter is stated in a brief, simplified manner; little or no attempt is made to represent images realistically, and objects are often simplified

More information

At the core of this relationship there are the three primary pigment colours RED, YELLOW and BLUE, which cannot be mixed from other colour elements.

At the core of this relationship there are the three primary pigment colours RED, YELLOW and BLUE, which cannot be mixed from other colour elements. The Colour Wheel The colour wheel is designed so that virtually any colours you pick from it will look good together. Over the years, many variations of the basic design have been made, but the most common

More information

Color Theory. Objectives. Color in Textiles and Fashion. Intensity versus value. Tint, Shade and Tone

Color Theory. Objectives. Color in Textiles and Fashion. Intensity versus value. Tint, Shade and Tone Objectives Color Theory Color in Textiles and Fashion One of the first stimuli to reach the eyes is color The first judgment of a garment or accessory is usually color-- based color What is color theory?

More information

PowerPoint Presentation Guidelines

PowerPoint Presentation Guidelines PowerPoint Presentation Guidelines The following 37 slides present guidelines and suggestions for the use of fonts, colors, and graphics when preparing PowerPoint presentations for Sessions and Seminars.

More information

Designing a Worksheet with Excel

Designing a Worksheet with Excel Designing a Worksheet with Excel Introduction Microsoft Office Excel 00 offers several tools that make your worksheets look attractive and professional. Without formatting, a worksheet can look confusing

More information

Colour Wheel Tutorial By Brenda Rowe

Colour Wheel Tutorial By Brenda Rowe Colour Wheel Tutorial By Brenda Rowe www.brendarowe.ca A colour wheel is an illustration of colours around a circle that shows relationships between them. Warm & Cool Colours Warm colours can be exciting

More information

GUIDELINES FOR WEB DESIGN

GUIDELINES FOR WEB DESIGN GUIDELINES FOR WEB DESIGN General guidelines for Web design relate to: * Organization and structure * Navigation * Format, content, and appearance * Housekeeping Web Guide 1 ORGANIZATION AND STRUCTURE

More information

Additive and Subtractive (Reductive) Color

Additive and Subtractive (Reductive) Color Additive and Subtractive (Reductive) Color Additive color is what we normally think of as RGB mode. The name comes from the fact that the colors are created from light, and when combined they become white.

More information

Creating and Using Links and Bookmarks in PDF Documents

Creating and Using Links and Bookmarks in PDF Documents Creating and Using Links and Bookmarks in PDF Documents After making a document into a PDF, there may be times when you will need to make links or bookmarks within that PDF to aid navigation through the

More information

ELEMENTS AND PRINCIPLES OF DESIGN

ELEMENTS AND PRINCIPLES OF DESIGN APPENDIX A1 4 T T ELEMENTS AND PRINCIPLES OF DESIGN Groups: 1. Select an advertisement. 2. Examine the advertisement to find examples of a few elements and principles of design that you are familiar with.

More information

NEPA/DO-12 Web Based Training Design Document

NEPA/DO-12 Web Based Training Design Document NEPA/DO-12 Web Based Training Design Document October 10, 2004 Lisa Bradshaw, Annie Persson, Keith Regensburger Prototype URL http://clem.mscd.edu/~bradshaw/it6960/npsprototypemain.htm Prototype Pages

More information

Composition and Layout Techniques

Composition and Layout Techniques Composition and Layout Techniques Composition Techniques Composition Composition is the placement or arrangement of visual elements or ingredients in a work of art, as distinct from the subject of a work.

More information

Color Theory for Floral Design

Color Theory for Floral Design Color Theory for Floral Design Essential Questions: Why would a floral designer need to have an understanding of color theory? How is color used to create floral designs? How can color be used for store

More information

Microsoft PowerPoint 2003 Activities

Microsoft PowerPoint 2003 Activities Microsoft PowerPoint 2003 Activities Activity 1 Creating a new blank presentation 1. Open Microsoft PowerPoint 2. Choose File>New 3. In the Task Pane, choose Blank Presentation. The Title slide layout

More information

FINE ART PHOTOGRAPHY. Defining Story With An Image.

FINE ART PHOTOGRAPHY. Defining Story With An Image. FINE ART PHOTOGRAPHY Defining Story With An Image www.stevescalone.com FINE ART PHOTOGRAPHY BRIEF INTRODUCTION The wonderful aspect of fine art photography is that it is up to the photographer whether

More information

UNDERSTANDING DIFFERENT COLOUR SCHEMES MONOCHROMATIC COLOUR

UNDERSTANDING DIFFERENT COLOUR SCHEMES MONOCHROMATIC COLOUR UNDERSTANDING DIFFERENT COLOUR SCHEMES MONOCHROMATIC COLOUR Monochromatic Colours are all the Colours (tints, tones and shades) of a single hue. Monochromatic colour schemes are derived from a single base

More information

Dreamweaver Domain 2: Planning Site Design and Page Layout

Dreamweaver Domain 2: Planning Site Design and Page Layout Dreamweaver Domain 2: Planning Site Design and Page Layout Adobe Creative Suite 5 ACA Certification Preparation: Featuring Dreamweaver, Flash, and Photoshop 1 Objectives Identify best practices for designing

More information

"The two most important tools an architect has are the eraser in the drawing room and the sledge hammer on the construction site. Frank Lloyd Wright

The two most important tools an architect has are the eraser in the drawing room and the sledge hammer on the construction site. Frank Lloyd Wright Bad Web Design "The two most important tools an architect has are the eraser in the drawing room and the sledge hammer on the construction site. Frank Lloyd Wright Why Study Bad Design? it's easy to teach

More information

Preparing a Scientific Presentation. Laura Raney, MSc Operations Research Proposal Development Workshop May 2006

Preparing a Scientific Presentation. Laura Raney, MSc Operations Research Proposal Development Workshop May 2006 Preparing a Scientific Presentation Laura Raney, MSc Operations Research Proposal Development Workshop May 2006 Why Give a Presentation? Communicate to inform motivate Common Causes of Ineffective Presentations

More information

Weavers, Know Your Color Wheel

Weavers, Know Your Color Wheel Weavers, Know Your Color Wheel A better way of choosing colors. Brought to you by: The Loom Merchant Notice: This report is brought to you as a free download by http://the-loommerchant.com. It is not for

More information

OpenOffice Impress (Presentation Software) Tutorial

OpenOffice Impress (Presentation Software) Tutorial OpenOffice Impress (Presentation Software) Tutorial Table of Contents Introduction...3 Starting OpenOffice Impress...3 Looking at the Screen...4 Creating an Empty (Blank) Presentation...5 Adding Information

More information

D E S I G N S C H O O L W O R K S H O P T W O. Fonts, Colors & Images

D E S I G N S C H O O L W O R K S H O P T W O. Fonts, Colors & Images D E S I G N S C H O O L W O R K S H O P T W O Fonts, Colors & Images I N T R O D U C T I O N Why fonts, colors, and images matter F FONT selection can be a daunting task with the endless possibilities

More information

UX DESIGN FINAL PROJECT

UX DESIGN FINAL PROJECT UX DESIGN FINAL PROJECT WEBSITE redesign www. sewsimplymonkey.com By Carolyne C. Hao I m choosing to redesign www.sewsimplymonkey.com because unfortunately, it was one of the worst websites chosen from

More information

Introduction to Color Theory

Introduction to Color Theory Introduction to Color Theory With colors you can set a mood, attract attention, or make a statement. You can use color to energize, or to cool down. By selecting the right color scheme, you can create

More information

Basic Color Theory. Color Harmony

Basic Color Theory. Color Harmony Basic Color Theory Color theory encompasses a multitude of definitions, concepts and design applications - enough to fill several encyclopedias. However, there are three basic categories of color theory

More information

Sample Table. Columns. Column 1 Column 2 Column 3 Row 1 Cell 1 Cell 2 Cell 3 Row 2 Cell 4 Cell 5 Cell 6 Row 3 Cell 7 Cell 8 Cell 9.

Sample Table. Columns. Column 1 Column 2 Column 3 Row 1 Cell 1 Cell 2 Cell 3 Row 2 Cell 4 Cell 5 Cell 6 Row 3 Cell 7 Cell 8 Cell 9. Working with Tables in Microsoft Word The purpose of this document is to lead you through the steps of creating, editing and deleting tables and parts of tables. This document follows a tutorial format

More information

Graphic Design. Graphic Design Creating Effective Layouts The Elements of Design The Principles of Design Design Problems to Avoid

Graphic Design. Graphic Design Creating Effective Layouts The Elements of Design The Principles of Design Design Problems to Avoid Graphic Design Creating Effective Layouts The Elements of Design The Principles of Design Design Problems to Avoid This tutorial examines the process of graphic design for printed publications, presentations,

More information

Introduction to Microsoft Excel 2007

Introduction to Microsoft Excel 2007 Introduction to Microsoft Excel 2007 Class learning objectives 1. What is Excel? Spreadsheet uses & samples Touring the Excel window Learning important definitions Navigating around the workbook 2. The

More information

CHROMATIC HARMONY. Oman College of Management & Technology COURSE NAME: COLOR THEORY& APPLICATION 1 PROPOSED BY: DR.MOHAMED ALNEJEM 10/26/2015

CHROMATIC HARMONY. Oman College of Management & Technology COURSE NAME: COLOR THEORY& APPLICATION 1 PROPOSED BY: DR.MOHAMED ALNEJEM 10/26/2015 Oman College of Management & Technology COURSE NAME: COLOR THEORY& APPLICATION 1 PROPOSED BY: DR.MOHAMED ALNEJEM SEMESTER: FIRST 2015/2016 CHAPTER (4): CHROMATIC HARMONY 1 CHROMATIC HARMONY 2 1 Harmony:

More information

Hue. Ten hues shown in spectral order from long wave red to short wave blue. Additive primaries for mixing color with light: red, green, blue

Hue. Ten hues shown in spectral order from long wave red to short wave blue. Additive primaries for mixing color with light: red, green, blue Hue Ten hues shown in spectral order from long wave red to short wave blue. Additive primaries for mixing color with light: red, green, blue Subtractive primaries for mixing color with ink: cyan, magenta,

More information

DESIGN ELEMENTS OF DESIGN

DESIGN ELEMENTS OF DESIGN DESIGN Definition of Design: The term has different connotations in different fields. Informally, a design refers to a plan for the construction of an object (as in architectural blueprints and sewing

More information

WYSIWYG Manual Ironcities Stadt Kolbermoor 2012

WYSIWYG Manual Ironcities Stadt Kolbermoor 2012 WYSIWYG Manual Ironcities Stadt Kolbermoor 2012 WYSIWYG Editor Manual TinyMCE used on http://www.ironcities.net is a WYSIWYG (what you see is what you get) editor that allows users a familiar word-processing

More information

THE ELEMENT OF COLOR

THE ELEMENT OF COLOR CREATING BASIC GEOMETRIC FLORAL DESIGNS 8946-B THE ELEMENT OF COLOR Color the dynamic language of design the element of design that speaks messages of joy, comfort, warmth, love, seasons, and holidays!

More information

USING COLOR IN SCROLL PAINTING by Stella Silvana

USING COLOR IN SCROLL PAINTING by Stella Silvana These are some design ideas that I have come across while learning to illuminate award scrolls. I hope this information is helpful to you. Mixing and matching color schemes is a fun part of the painting

More information

Visual aids. Why do we use visual aids? increase understanding save time help people to remember get attention help the presenter

Visual aids. Why do we use visual aids? increase understanding save time help people to remember get attention help the presenter Visual aids Visual aids Why do we use visual aids? increase understanding save time help people to remember get attention help the presenter Visual aids Selecting the right visual aid what information?

More information

Conquering Color. Dina Wakley http://www.dinawakley.com

Conquering Color. Dina Wakley http://www.dinawakley.com Conquering Color Dina Wakley http://www.dinawakley.com The Color Wheel: There are many systems for explaining and displaying color, but the most common is the 12- color color wheel. Memorize the Color

More information

Color Wheel. How to Read a. Why Color is Important in Art

Color Wheel. How to Read a. Why Color is Important in Art Level: Beginner to Advanced Flesch-Kincaid Grade Level: 8.5 Flesch-Kincaid Reading Ease: 57.0 Drawspace Curriculum 8.3.R4-8 Pages and 18 Illustrations How to Read a Color Wheel Exploring the color wheel

More information

Designing an ecommerce web site

Designing an ecommerce web site Chapter 24 Designing an ecommerce web site With design guidelines from Murach s HTML5 and CSS3 Murach's PHP and MySQL, C24 2010, Mike Murach & Associates, Inc. Slide 1 A web site that is easy to use Murach's

More information

The Basics of Microsoft Word

The Basics of Microsoft Word The Basics of Microsoft Word 1) Microsoft Word is a word processing software, which means it is a program made for creating textual documents such as letters, reports, books, resumes, newsletters, etc.

More information

Website Layout Homework Mary ET Boyle, Ph.D. Department of Cognitive Science UCSD

Website Layout Homework Mary ET Boyle, Ph.D. Department of Cognitive Science UCSD Website Layout Homework Mary ET Boyle, Ph.D. Department of Cognitive Science UCSD Use Photoshop to design! Design the look of your website using Photoshop. Pay particular attention to the dimensions of

More information

Colour Theory. Design s Most Exciting Element

Colour Theory. Design s Most Exciting Element Colour Theory Design s Most Exciting Element The importance of colour Colour is one of the key elements that characterises almost all products Colour may be the factor that sells your product Different

More information

Microsoft. Outlook Calendars. Web Page:

Microsoft. Outlook Calendars.   Web Page: Microsoft Outlook 2010 Calendars Email: training@health.ufl.edu Web Page: http://training.health.ufl.edu Updated 03/12/2012 Microsoft Outlook 2010 Calendars 1.5 hour In this workshop we will investigate

More information

Shoreline Community College elearning Best Practice Guidelines

Shoreline Community College elearning Best Practice Guidelines Shoreline Community College elearning Best Practice Guidelines This document provides recommended guidelines to help improve user experience for any elearning course. Recommendations are based on usability

More information

Graphic Communication Notes

Graphic Communication Notes Graphic Communication Notes Name... Symbols 2 British Standards Institution (BSI) Dimensioning 3 A thick continuous line shows visible outlines and visible edges. A thin continuous line is used for projection

More information

The Notebook Software Activity Guide

The Notebook Software Activity Guide The Notebook Software Activity Guide The Notebook software activity guide is intended to act as a reference of the best practices for creating and presenting lesson activities using Notebook software.

More information

ELEMENTS OF ART & PRINCIPLES OF DESIGN

ELEMENTS OF ART & PRINCIPLES OF DESIGN ELEMENTS OF ART & PRINCIPLES OF DESIGN Elements of Art: 1. COLOR Color (hue) is one of the elements of art. Artists use color in many different ways. The colors we see are light waves absorbed or reflected

More information

Interfaces. Ways of helping the user. Balancing function with fashion. Metaphors Data Display. Faulkner, Section 4.2. Structure Affordances Visuals

Interfaces. Ways of helping the user. Balancing function with fashion. Metaphors Data Display. Faulkner, Section 4.2. Structure Affordances Visuals UX Design (Part 2) Interfaces Ways of helping the user Metaphors Data Display Structure Affordances Visuals Balancing function with fashion Faulkner, Section 4.2 What is a Metaphor? A metaphor is something

More information

Are Your Client Reports Brand-boosters or Brand-busters?

Are Your Client Reports Brand-boosters or Brand-busters? Are Your Client Reports Brand-boosters or Brand-busters? November 2, 2015 by Joyce Walsh Seven ways advisors can harness the power of design to better-serve clients and reinforce their brand promise Advisor

More information

DESIGN GUIDELINES FOR GENER8 WEBSITES

DESIGN GUIDELINES FOR GENER8 WEBSITES ONLINE COMMUNICATION SERVICES FACTSHEET - DESIGN Created by: Mark Selan Version 1.1 Date Last Modified: April 2008 DESIGN GUIDELINES FOR GENER8 WEBSITES The purpose of this document is to provide Online

More information

Design Elements & Principles

Design Elements & Principles Design Elements & Principles I. Introduction Certain web sites seize users sights more easily, while others don t. Why? Sometimes we have to remark our opinion about likes or dislikes of web sites, and

More information

Content Design Cognitive Design Audience Considerations Navigational Design Layout--- Physical & Logical Designing Graphical Elements Interactivity

Content Design Cognitive Design Audience Considerations Navigational Design Layout--- Physical & Logical Designing Graphical Elements Interactivity Content Design Cognitive Design Audience Considerations Navigational Design Layout--- Physical & Logical Designing Graphical Elements Interactivity Design Designing for time Experimental Design Precedence

More information

PATTERN: A two-dimensional decorative visual repetition. A pattern has no movement and may or may not have rhythm.

PATTERN: A two-dimensional decorative visual repetition. A pattern has no movement and may or may not have rhythm. Project: Elements of Design - NAME Elements: Line, Color, Value, Shape, Space, Texture Principles: Consider what principles you may have used based on the definition of each. Artist to Remember: Research

More information

Creating a website using Voice: Beginners Course. Participant course notes

Creating a website using Voice: Beginners Course. Participant course notes Creating a website using Voice: Beginners Course Topic Page number Introduction to Voice 2 Logging onto your website and setting passwords 4 Moving around your site 5 Adding and editing text 7 Adding an

More information

Simple Flash Animation

Simple Flash Animation Simple Flash Animation Flash is a powerful graphics-oriented animation and programming environment. Flash has many uses, from simple movie animations to interactive games. This example contains no user

More information

PowerPoint Learn It! Getting Started Organizing the Presentation Enhancing the Slides

PowerPoint Learn It! Getting Started Organizing the Presentation Enhancing the Slides PowerPoint Learn It! Getting Started Organizing the Presentation Enhancing the Slides Preview Enhancing the Slides Choosing a Theme Selecting a Slide Layout Modifying Text Box size and angle Enhancing

More information

Web Design Standards

Web Design Standards Web Design Standards Contents Roles and Responsibilities... 3 Design Guidelines... 4 Page Layout... 4 Font and Styles... 4 File Types... 5 Page Names... 5 Images... 5 Academic Departments Required Content...

More information

Contents. Launching FrontPage... 3. Working with the FrontPage Interface... 3 View Options... 4 The Folders List... 5 The Page View Frame...

Contents. Launching FrontPage... 3. Working with the FrontPage Interface... 3 View Options... 4 The Folders List... 5 The Page View Frame... Using Microsoft Office 2003 Introduction to FrontPage Handout INFORMATION TECHNOLOGY SERVICES California State University, Los Angeles Version 1.0 Fall 2005 Contents Launching FrontPage... 3 Working with

More information

Microsoft PowerPoint 2004 Activities - Mac

Microsoft PowerPoint 2004 Activities - Mac Microsoft PowerPoint 2004 Activities - Mac Activity 1 Creating a new blank presentation 1. Open Microsoft PowerPoint. 2. Select PowerPoint Presentation from the Project Gallery. (Choose File>New Presentation

More information

Graphic Design Basics. Shannon B. Neely. Pacific Northwest National Laboratory Graphics and Multimedia Design Group

Graphic Design Basics. Shannon B. Neely. Pacific Northwest National Laboratory Graphics and Multimedia Design Group Graphic Design Basics Shannon B. Neely Pacific Northwest National Laboratory Graphics and Multimedia Design Group The Design Grid What is a Design Grid? A series of horizontal and vertical lines that evenly

More information

TheWebStyleGuide. Because you have nothing... if you don t have style. Web Communications we ve got style.

TheWebStyleGuide. Because you have nothing... if you don t have style. Web Communications we ve got style. TheWebStyleGuide. Because you have nothing... if you don t have style. Web Communications we ve got style. 1 Table of Contents What is a Web Style Guide? 3 Updating and creating a website 4 Layout and

More information

Joomla! 2.5.x Training Manual

Joomla! 2.5.x Training Manual Joomla! 2.5.x Training Manual Joomla is an online content management system that keeps track of all content on your website including text, images, links, and documents. This manual includes several tutorials

More information

Chapter 4 Creating Charts and Graphs

Chapter 4 Creating Charts and Graphs Calc Guide Chapter 4 OpenOffice.org Copyright This document is Copyright 2006 by its contributors as listed in the section titled Authors. You can distribute it and/or modify it under the terms of either

More information

Making an Impact with your Poster

Making an Impact with your Poster Making an Impact with your Poster Jan 2012 Contents 1. Introduction 2. Planning your Poster 4. Layout 6. Using Images and Graphs 9. Clear Use of Text 10. Using Colour Effectively 12. Help and Support 13.

More information

Color for Gardeners Scioto Blooms Greenhouse Page 1 of 5

Color for Gardeners Scioto Blooms Greenhouse Page 1 of 5 Color for Gardeners Scioto Blooms Greenhouse Page 1 of 5 All of the colors we can perceive are produced by the mixing of certain basis colors. There are three categories of colors: Primary Colors (Red,

More information

Overview of Microsoft Office Word 2007

Overview of Microsoft Office Word 2007 Overview of Microsoft Office What Is Word Processing? Office is a word processing software application whose purpose is to help you create any type of written communication. A word processor can be used

More information

Using the Grid. Grids: Consistency & Unity tying elements together by Jacci Howard Bear

Using the Grid. Grids: Consistency & Unity tying elements together by Jacci Howard Bear Using the Grid Grids: Consistency & Unity tying elements together by Jacci Howard Bear For the most part, people prefer organized visual information Newsletters, magazines, brochures, annual reports, web

More information

CREATING EXCEL PIVOT TABLES AND PIVOT CHARTS FOR LIBRARY QUESTIONNAIRE RESULTS

CREATING EXCEL PIVOT TABLES AND PIVOT CHARTS FOR LIBRARY QUESTIONNAIRE RESULTS CREATING EXCEL PIVOT TABLES AND PIVOT CHARTS FOR LIBRARY QUESTIONNAIRE RESULTS An Excel Pivot Table is an interactive table that summarizes large amounts of data. It allows the user to view and manipulate

More information

CCSIF Website Content Analysis and Usability Evaluation

CCSIF Website Content Analysis and Usability Evaluation Proximity Inc. Daniel Chen Proximity Inc. Phone 416 972 5459 2 Bloor Street West, 29th Floor, Toronto, ON M4W 3R6 CCSIF Website Content Analysis and Usability Evaluation By Daniel Chen Section 1 Background

More information

OrgPublisher Formatting

OrgPublisher Formatting OrgPublisher Formatting Version: 1.0 April 20, 2011 OrgPublisher 10 Training Copyright 2002 2011 All Rights Reserved by Aquire OrgPublisher, OrgPublisher Premier, Unifi, Mobile OrgPublisher, and Pocket

More information

Message from Marketing & Creative Services

Message from Marketing & Creative Services Web Style Guide September 2013 Message from Marketing & Creative Services 2 Campus Community Members: The University of West Florida web presence is one of the most valuable assets we have as an institution.

More information

Design for the Web. by Joshua Ogle. thoughtbot

Design for the Web. by Joshua Ogle. thoughtbot Design for the Web by Joshua Ogle thoughtbot Design for the Web Joshua Ogle April 3, 2015 Contents About this book ii thoughtbot Books iii Contact us................................ iii Elements of Art

More information

Web Standards. Chapter Organization To better organize this chapter, topics are grouped according to content, design and technical criteria.

Web Standards. Chapter Organization To better organize this chapter, topics are grouped according to content, design and technical criteria. Overview This chapter addresses the University of San Diego s web standards, which are used to create consistency among university web pages and tie the university s website to its printed materials and

More information

PowerPoint Basics of Creating a PowerPoint Presentation

PowerPoint Basics of Creating a PowerPoint Presentation PowerPoint Basics of Creating a PowerPoint Presentation MICROSOFT POWERPOINT PowerPoint is software that lets you create visual presentations. PowerPoint presentations are a series of slides that can contain

More information

Graphic Design. Background: The part of an artwork that appears to be farthest from the viewer, or in the distance of the scene.

Graphic Design. Background: The part of an artwork that appears to be farthest from the viewer, or in the distance of the scene. Graphic Design Active Layer- When you create multi layers for your images the active layer, or the only one that will be affected by your actions, is the one with a blue background in your layers palette.

More information

Office: Word for Beginners

Office: Word for Beginners Office: Word for Beginners What is Word? Word 2013 is a word processing application that allows you to create a variety of documents like letters, flyers, and reports. Additional Resources: http://www.gcflearnfree.org/office2013/word2013

More information

The Big Four: Contrast, Repetition, Alignment, Proximity

The Big Four: Contrast, Repetition, Alignment, Proximity Sample pages from Chapter six of Presentation Zen: Simple Ideas on Presentation Design and Delivery by Garr Reynolds On this page you can see five samples of simple slides in which elements were arranged

More information

PowerPoint 2013 Introduction Participant s Guide

PowerPoint 2013 Introduction Participant s Guide PowerPoint 2013 Introduction Participant s Guide PowerPoint 2013 Introduction Contents Creating Visuals Using PowerPoint... 2 Why are Visuals Important?... 2 Planning Your Presentation... 2 Guidelines

More information

Microsoft Picture Manager. Picture Manager

Microsoft Picture Manager. Picture Manager Picture Manager Picture Manager allows you to easily edit and organize the pictures on your computer. Picture Manager is an application that was included with Microsoft Office suite for Windows 2003 and

More information

Making the most of your conference poster. Dr Krystyna Haq Graduate Education Officer Graduate Research School

Making the most of your conference poster. Dr Krystyna Haq Graduate Education Officer Graduate Research School Making the most of your conference poster Dr Krystyna Haq Graduate Education Officer Graduate Research School Why present a conference poster? Why present a conference poster? communicate a message (your

More information

Developing successful posters using Microsoft PowerPoint

Developing successful posters using Microsoft PowerPoint Developing successful posters using Microsoft PowerPoint PRESENTED BY ACADEMIC TECHNOLOGY SERVICES University of San Diego Goals of a successful poster A poster is a visual presentation of your research,

More information

QUICK START GUIDE FOR CLUB WEBSITES

QUICK START GUIDE FOR CLUB WEBSITES QUICK START GUIDE FOR CLUB WEBSITES Introduction Quick Start Guide for Club Websites For more than 100 years, Rotary has united leaders committed to applying their expertise to better their communities.

More information

Adobe Dreamweaver Exam Objectives

Adobe Dreamweaver Exam Objectives Adobe Dreamweaver audience needs for a website. 1.2 Identify webpage content that is relevant to the website purpose and appropriate for the target audience. 1.3 Demonstrate knowledge of standard copyright

More information

Intermediate PowerPoint

Intermediate PowerPoint Intermediate PowerPoint Charts and Templates By: Jim Waddell Last modified: January 2002 Topics to be covered: Creating Charts 2 Creating the chart. 2 Line Charts and Scatter Plots 4 Making a Line Chart.

More information

Web Design. www.ltscotland.org.uk/sustainabledevelopment/climatechange

Web Design. www.ltscotland.org.uk/sustainabledevelopment/climatechange Web Design www.ltscotland.org.uk/sustainabledevelopment/climatechange Web Design Personnel Web design involves a range of skills. Everyone in the class can be involved in planning the website structure

More information

Changing Screen and Text Colours in Windows 7

Changing Screen and Text Colours in Windows 7 Changing Screen and Text Colours in Windows 7 Mada Assistive Technology Center Tel: 00 974 44594050 Fax: 00 974 44594051 Email: info@mada.org.qa Introduction Many people find working on a white screen

More information

Website Accessibility Under Title II of the ADA

Website Accessibility Under Title II of the ADA Chapter 5 Website Accessibility Under Title II of the ADA In this chapter, you will learn how the nondiscrimination requirements of Title II of 1 the ADA apply to state and local government websites. Chapter

More information

Getting Started in Microsoft Word Click on the Start menu > All Programs > Microsoft Office and select Microsoft Office Word 2007 from the list.

Getting Started in Microsoft Word Click on the Start menu > All Programs > Microsoft Office and select Microsoft Office Word 2007 from the list. Microsoft Word Part 1 Office 2007 Getting Started in Microsoft Word 2007 Opening Word Double click the Word icon on the desktop. OR If there is no shortcut icon on the desktop: Click on the Start menu

More information

If your site has already been set up and the theme added on the Drupal server, you are able to add content to the site.

If your site has already been set up and the theme added on the Drupal server, you are able to add content to the site. Updating a Site in Drupal If your site has already been set up and the theme added on the Drupal server, you are able to add content to the site. You should be able to find your site at a URL similar to

More information

Brought to you by The Beading Emporium

Brought to you by The Beading Emporium Brought to you by The Beading Emporium The most difficult part of creating, whether it is a beautiful painting or a lovely piece of jewelry, is coming up with the right color combinations. However, with

More information

If you know exactly how you want your business forms to look and don t mind

If you know exactly how you want your business forms to look and don t mind appendix e Advanced Form Customization If you know exactly how you want your business forms to look and don t mind detail work, you can configure QuickBooks forms however you want. With QuickBooks Layout

More information

Dr. Lisa White lwhite@sfsu.edu

Dr. Lisa White lwhite@sfsu.edu Dr. Lisa White lwhite@sfsu.edu edu Associate Dean College of Science and Engineering San Francisco State University Purpose of a Poster To communicate/publicize to others your research/experiment results

More information

Website Development Komodo Editor and HTML Intro

Website Development Komodo Editor and HTML Intro Website Development Komodo Editor and HTML Intro Introduction In this Assignment we will cover: o Use of the editor that will be used for the Website Development and Javascript Programming sections of

More information

A Lesson in: THE COLOR WHEEL

A Lesson in: THE COLOR WHEEL WEdesignstudios.com A Lesson in: THE COLOR WHEEL Let s take a look at the color wheel! Most people have probably seen the color wheel before. But perhaps it s never been explained. This lesson will help

More information

Voluntary Product Accessibility Template (VPAT) for Thomson Reuters Web of Science

Voluntary Product Accessibility Template (VPAT) for Thomson Reuters Web of Science (VPAT) for Thomson Reuters Web of Science The purpose of the, or VPAT, is to assist Federal contracting officials and other buyers in making preliminary assessments regarding the availability of commercial

More information

Voluntary Product Accessibility Template Blackboard Learn Release 9.1 April 2014 (Published April 30, 2014)

Voluntary Product Accessibility Template Blackboard Learn Release 9.1 April 2014 (Published April 30, 2014) Voluntary Product Accessibility Template Blackboard Learn Release 9.1 April 2014 (Published April 30, 2014) Contents: Introduction Key Improvements VPAT Section 1194.21: Software Applications and Operating

More information

Fundamentals of Design

Fundamentals of Design Fundamentals of Design One of Ottawa s most prominent marketing and communications firms, gordongroup offers award-winning design for a complete range of communications products from corporate brand identities

More information