Design elements and principles - Mrs Hasseld

Design elements and principles - Mrs Hasseld

WEBSITE PLANNING 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 its in your shared google folder for this class 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? WEBSITE PLANNING

A website is like a house Content

Navigation 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

Lets sketch it out LETS PRACTICE Im 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 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 todays class to complete this 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? 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 DESIGN ELEMENTS AND PRINCIPLES

LINE Element of length: organize, direct, separate, suggest an emotion or create rhythm SHAPE The external outline of a form TEXTURE

The look and feel of a surface: pattern, design Adds richness and dimension SPACE Space between objects, often known as white space SIZE/SCALE

The size of objects in relation to one another Indicates importance, focus VALUE The lightness or darkness of an object or area on the website Shows depth When used w/ color can indicate mood, emotion

DESIGN PRINCIPLES BALANCE Arranging elements on a page to provide a sense of equity or to purposefully unbalance them to create emphasis

PROXIMITY The relationship between elements on the page ALIGNMENT Brings order and organization, includes how you align text and elements on the page REPETITION

Repetition, consistency and unity all ensure your website has a consistent, easy to read flow Includes text, color, how objects are displayed, etc. CONTRAST Use of different sizes, shapes and colors. Indicates importance, helps items stand out

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 PRACTICE

put a box around a good use of a tableput a circle around the title/bannerput stars around the navigation linkslabel the use of balance by writing the word balancelabel 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. YOUR ASSIGNMENT

put a box around a good use of a tableput a circle around the title/bannerput stars around the navigation linkslabel the use of balance by writing the word balancelabel 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) 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 websites 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 THURSDAY, OCTOBER 1ST Warm Up: Look at the website below using design principles and elements. What are your thoughts?

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

Recently Viewed Presentations

  • Lecture 15 CS 1813  Discrete Mathematics Patterns of

    Lecture 15 CS 1813 Discrete Mathematics Patterns of

    Lecture 15 CS 1813 - Discrete Mathematics Patterns of Computation Type Specifications Every Haskell Entity Has a Type x, y, z :: Integer -- this is a type spec, not a definition x, y, and z have type Integer Examples...
  • Lecture 4:  Last time we talked about deep-inelastic

    Lecture 4: Last time we talked about deep-inelastic

    Lecture 4: Last time we talked about deep-inelastic scattering and the evidence of quarks Next time we will talk about hard-scattering in QCD ( pp collisions)
  • LECTURE PRESENTATIONS For CAMPBELL BIOLOGY, NINTH EDITION Jane

    LECTURE PRESENTATIONS For CAMPBELL BIOLOGY, NINTH EDITION Jane

    * * Figure 2.UN02 * * Figure 2.19 Photosynthesis: a solar-powered rearrangement of matter. Elodea, a freshwater plant, produces sugar by rearranging the atoms of carbon dioxide and water in the chemical process known as photosynthesis, which is powered by...
  • Lesson 3 - Squad Drill

    Lesson 3 - Squad Drill

    You are the first squad leader. When your platoon sergeant forms the platoon in a line, your squad is in front of the rest of the platoon. If your platoon is middle platoon of three platoons, which of the following...
  • A NOVEL AND SIMPLIFIED APPROACH OF ASSESSMENT OF

    A NOVEL AND SIMPLIFIED APPROACH OF ASSESSMENT OF

    Explain and draw different ISO/JIC symbols used in hydraulic and pneumatic circuits,(K2) ME311_2. Explain safety regulations and troubleshooting in hydraulic and pneumatic system, ... Explain construction and working of various components of fluid power systems. (K; 2) ME362_2.
  • HOSTING A SCHOLAR-LED FILM SCREENING AND DISCUSSION November

    HOSTING A SCHOLAR-LED FILM SCREENING AND DISCUSSION November

    Welcome and Announcements. Today's webinar is a presentation of ALA's Public Programs Office and is part of . Latino Americans: 500 Years of History, a programming initiative offered in partnership with the National Endowment for the Humanities (NEH).
  • CH 13 SEC 4 THE CHURCH WIELDS POWER - Miss Caspers' Classroom

    CH 13 SEC 4 THE CHURCH WIELDS POWER - Miss Caspers' Classroom

    Draw and label the feudal pyramid . THE CHURCH WIELDS POWER "All things were under its domain…its power was such that no one could hope to escape its scrutiny" ...
  • Revision - Friars School, Bangor

    Revision - Friars School, Bangor

    - BBC Bitesize. And finally…. Test Yourself. Nearer to the exam test your understanding using the revision resources you have prepared. Ask someone to help or work with your friends. Good Luck Year 9! EXAM. Rest Eat just before.