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
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
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...
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. 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])
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...
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 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...
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"
Ready to download the document? Go ahead and hit continue!