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

  • The Age of Imperialism - PC\|MAC

    The Age of Imperialism - PC\|MAC

    Section 4-2. Section 4 Lecture Notes. 2 of 26 . Click the mouse button or press the Space Bar to display the information. In doing so, the United States was also promoting its own brand of imperialism that involved the...
  • Administration - College of Computing & Informatics

    Administration - College of Computing & Informatics

    Main Scenario. The success scenario is the main story-line of the use-case. It is written under the assumption that everything is okay, no errors or problems occur, and it leads directly to the desired outcome of the use-case
  • Overcoming Unconscious Bias in Letters of Recommendation

    Overcoming Unconscious Bias in Letters of Recommendation

    Overcoming Unconscious Bias in Letters of Recommendation. Paula Warrick, Senior Director, Office of Merit Awards, American University ([email protected]) . Kate Mamiseishvili, Associate Dean for Academic and Student Affairs, Professor of Higher Education, University of Arkansas ([email protected])
  • Oncology Rounds Protecting Patients or Stifling Research? The

    Oncology Rounds Protecting Patients or Stifling Research? The

    Oncology Rounds Protecting Patients or Stifling Research? The Swing of the Research Pendulum October 2011 Jack Holland MD FRCP FRCP(C)
  • Why was the Church so important in the Middle Ages?

    Why was the Church so important in the Middle Ages?

    Doom Paintings. People in the Middle Ages were sure that when they died, they would go either to Heaven or to Hell. And Hell didn't look like a fun place to be… Doom paintings, such as the one we have...
  • BISC800 Basic skills for a career in science

    BISC800 Basic skills for a career in science

    NSERC The application The process Applications assessed by 2 reviewers Grade assigned from 10 - 99% 50% of PDFs eliminated Applications presented by reviewers All members grade ~5 min per application Subjects Isabelle was asked to review BISC800 Basic skills...
  • Indus River Valley - Lily & Rue

    Indus River Valley - Lily & Rue

    Indus River Valley Ancient India Geography Located in modern day Pakistan Rich agricultural lands surrounded by highlands, mountains, deserts, and the ocean Developed in the area known as the Indian Floodplain Indus River Valley It was named after the city...
  • The Preterit - WordPress.com

    The Preterit - WordPress.com

    Más irregulares. Estos verbos cambian su ortografía (spelling) en la tercera persona singular y plural (Ud. y Uds.).Los verbos cuyas raices (whose roots) terminan en una vocal. La "i" del "ió" o del "ieron" cambia a una "y"