Whitespace – (negative space)

Slides:



Advertisements
Similar presentations
Welcome! Click “NEXT” to Get Started! Interactive Magic Trick NEXT.
Advertisements

Good & Bad Websites. From WEB 1. Submit one bad or ugly web site or web interface. This is ugly website because there are.
Website Design BTT1OC/2OC. What is web design? O A web site is a digital page consisting of HTML (hypertext markup language) files, images, movies, sound,
Getting Into and Out of Cells
CHAPTER 11 Tables. How Are Tables Used Data Display  Very tidy and very useful Better Text Alignment  Putting text in tables allows you to format indents.
1 Technical Communication A Reader-Centred Approach First Canadian Edition Paul V. Anderson Kerry Surman
Perimeter & Area (regular & irregular) By: Ryan Huynh and Aishwar Kumar.
Operating Systems. Without an operating system your computer would be useless! A computer contains an Operating System on its Hard Drive. This is loaded.
Last week you should have had something that looked like this.
IS1811 Multimedia Development for Internet Applications Lecture 4: Introduction to HTML Rob Gleasure
Organising Files and Folders Module 1. Task 1 – Folder Structure Organising folders to store your work is a key factor to success. Organising folders.
By: Ejaz Ahmad Siddiqui. Lesson 2 Follow-up of assignment Introduction to Design Theory Contents of a Great Web Design.
Online Tools… They’re for Catalogers Too! Presented by Christine Rigda Karen A. Plummer University of Akron, University Libraries ALAO Annual Conference.
Save Your Movie on a CD. After creating a movie in Windows Movie Maker, you can share it with your family and friends in a variety of formats. One of.
Proper Science Journal Entries For Inquiry 9 First, you MUST have a standard 100 sheet, 7 ½” x 9 ¾” composition book just for science class. No spiral.
Good design helps the reader focus on content!.  Dominance: achieved by making a content element significantly larger so that it becomes a focal point.
How to create a visually appealing, and yet informative poster.
The Web Browser Button Game Click to play Click to play.
Source Cards. Getting Started: This Power Point will help take you through the process of writing your source cards and making sure they are perfect.
Informational Design.  Informational Design involves determining a Web page’s content  Content – text and graphics  A successful Web page uses words.
The Web Wizard’s Guide to HTML Chapter Two Basic Text Formatting.
Strategies from university resource centers. Reading strategies for difficult material.
Introduction to Interactive Media 09: Good Design is CRAP.
Introduction Task Process Evaluation Conclusion Mt. Olympus, the home of the Greek gods, is collapsing! It is up to you to save as much information as.
2-105 C B A. Instructions: Read and follow instructions. The “dynamic geometry tool” you need can be linked to from my Geometry page (2.3.2). Make.
Process of Creating a Website By: Ryan Millevoi and Lauren Gallo.
Smarter Balanced Digital Library September 19, 2013 Tips for Identifying the License.
Making the website. Get your folders sorted first Create a new folder in “N” called “My hockey website” Create folders inside called “Documents”, “images”
36” x 60” Poster Template with Tips CSUF Faculty Development Center Using This Template Everything in this template is editable! You can change colors,
Please turn to PAGE 34 When you multiply exponents with the same base, ADD the exponents. The base stays the same.
Blank Jeopardy Blank blank
WEB 434 Week 3 Individual Web-Based Supply Chain Paper Individual Web-Based Supply Chain Paper Write a 2-3 page paper, explaining web-based supply chains.
Setting Up Your Interactive Notebook
36” x 84” Poster Template with Tips Reader-Friendly Layout Tips
42” x 72” Poster Template with Tips Reader-Friendly Layout Tips
Level A Atom Building What is inside an atom?. Level A Atom Building What is inside an atom?
42” x 48” Poster Template with Tips Reader-Friendly Layout Tips
Webpage Layout and Website Design
Organisational Structure
Welcome To PowerPoint.
42” x 60” Poster Template with Tips Reader-Friendly Layout Tips
Layout - you need to understand that a simple navigation bar:
Sunburst Papers Radial, Space-Filling Hierarchy Visualizations
Fixed Positioning.
Counting Money Directions: 1. Do not view slide show.
Converting between fractions, decimals and percentages.
Factoring Expressions 7.EE.1
Internet Safety- Part II
length: m:: volume : __________ density : m/v :: volume: ________
Introduction to Density
Parts of an experiment review
Test Booklet- begin on page 4 Answer Booklet- pages 5-9 questions 1-26
Planner: Corner of Desk Text Book: IN Desk
Placing and Identifying Fractions on The Number Line
Propaganda.
Graphic Organisers Blank graphic organisers. These contain text boxes that can be filled by teachers who wish to share examples / ideas with other teachers.
Filling out a job application
Levels of White Space.
Announcement Ben Ellis – office hours canceled tonight.
Creating Time & Space to Study
Chapter 4-8 Scientific Notation
Lab # 1 DHMO Come up with 3 more questions to add to the checklist.
Sketchbook expectations
Essential Question: How do people become part of our community?
2+3= 8+2= 5+1= 11+6= 6+2= 10+1=.
Strategies for Successful PowerPoint Design
Webpage Layout and Website Design
Elements and Principles For Design!
Presentation transcript:

Whitespace – (negative space) Empty space on a page Whitespace is needed to stop webpages looking cluttered and hard to read. Provides ‘visual relief’ and organisation.

“Filling all the white space on a page is like removing all the oxygen from a room—an efficient use of space perhaps, but decidedly difficult to inhabit”. http://webstyleguide.com/wsg3/7-page-design/3-visual-design.html http://webdesign.tutsplus.com/articles/design-theory/understanding-visual-hierarchy-in-web-design/ check this website for more

Active white space: Space that's deliberately left blank to better structure the page and emphasize different areas of content. Passive white space: Empty space around the outside of the page or blank areas inside the content that result from a poor design. Not enough whitespace

Task – point out where the passive and active whitespace is and where there is not enough. Then swap with a friend to discuss your ideas.

Good use of whitespace.

How will you make sure your website has the right amount of whitespace? Answers: