1. Website planning

2. Monday, February 20th
Warm Up: Please answer in your journal: How will a knowledge of typography help you as you create websites?
Today:
Website planning
Design elements and principles
Friendly reminder: Typography assignment 3 was due … please make sure it’s in your shared google folder for this class

3. Web Site Planning Determine the PURPOSE
Why are you building the web site?
Who is your customer?
Determine the layout and interaction between web pages
What links will you have within your website?
What links will you have to other web sites?

4. WEBSITE PLANNING
A website is like a house …
Content
Navigation

5. How do we Plan a site? Opening a Photography business
What is the goal of my site?
Inform people, attract customers, give directions
What should go on my site?
Mission/Unique Value Proposition
Description
Photos
Pricing
Location
What links should I have?
Locations, map
Let’s sketch it out

6. Let’s Practice … I’m opening a new restaurant in Hartland
What is the goal of my site?
Inform customers
Attract customers
What should be on my website?
Location/Direction
Hours
Menu
About us
Pictures
What links should I have?
Map, local town information/chamber of commerce
Now, design it … on paper

7. Tuesday, February 21st
Warm Up: How is building a website like building a house? Explain!
Today:
Read about design elements and principles
Create definitions for each term IN YOUR OWN WORDS
You have today’s class to complete this

8. Monday, February 22nd Warm Ups: First go to this website: uglytub.com
What do you think of this site? Is it good? Bad? EXPLAIN your answer! (remember to write your notes in your warm up document)
Second … anyone interested in a paid internship with a local insurance company?

9. Tuesday, February 23rd
Warm Up: please pull up your notes from Design Elements and Principles
4th hour distribute newspapers
Today:
Review Design Elements and Principles together
Practice Design Elements and Principles

10. Design elements and principles

11. Line
Element of length: organize, direct, separate, suggest an emotion or create rhythm

12. shape
The external outline of a form

13. texture The look and feel of a surface: pattern, design
Adds richness and dimension

14. space
Space between objects, often known as white space

16. Size/scale The size of objects in relation to one another
Indicates importance, focus

17. value The lightness or darkness of an object or area on the website
Shows depth
When used w/ color can indicate mood, emotion

18. Design principles

19. balance
Arranging elements on a page to provide a sense of equity – or to purposefully unbalance them to create emphasis

20. proximity
The relationship between elements on the page

21. alignment
Brings order and organization, includes how you align text and elements on the page

22. repetition
Repetition, consistency and unity all ensure your website has a consistent, easy to read flow
Includes text, color, how objects are displayed, etc.

23. contrast Use of different sizes, shapes and colors.
Indicates importance, helps items stand out

24. Wednesday, February 22nd
Warm Up: For the website below, identify the title/banner, navigation links, and the use of the following design elements and principles: line, proximity, balance

25. Practice put a box around a good use of a table-
put a circle around the title/banner-
put stars around the navigation links-
label the use of balance by writing the word “balance”-
label the use of proximity by writing the word “proximity”
continue the labeling of all design principles and elements: line, shape, texture, space, size/scale, value, alignment, repetition, contrast.

26. Your assignment put a box around a good use of a table-
put a circle around the title/banner-
put stars around the navigation links-
label the use of balance by writing the word “balance”-
label the use of proximity by writing the word “proximity”
continue the labeling of all design principles and elements: line, shape, texture, space, size/scale, value, alignment, repetition, contrast.
THEN answer the questions on the back of the paper. (next slide)

27. Questions What to explain on the back of your sheet:
-explain WHY this website has a good layout
-explain at least one way in which this website’s layout and design can be IMPROVED
-explain what the purpose is of this website: seek knowledge, make decision, accomplish a task, connect with others, entertainment, etc

28. Thursday, October 1st
Warm Up: Look at the website below using design principles and elements. What are your thoughts?

29. Thursday, February 23rd
Take 15 minutes to finish your Design Principles and Elements assignment:
Evaluate the design principles and elements of a web page
Answer some questions
Turn in to my box