1. Screen Based Design: An Introduction DW9V 34

2. Analysing Websites - Questions
Does it meet its purpose? – Does it cover topic well, are there areas for improvement
Does it speak to the audience properly? – Does it use appropriate language
Is it up-to-date – is that important for the site? – Many things change e.g. weather, cinema listings
Is it unbiased? – e.g. celeb fan site would always say good things
Is it consistent in design and navigation? – Is colour style and navigation the same throughout the site
Is it easy to use? – e.g. e-commerce site should have shopping cart etc

3. Design Factors Screen-based design, formats and ratios
Screen display systems
Characteristics of screen-based design
Visual hierarchy
Composition/design theory/layout grids
Colour theory/contrasts
Typography

4. Format Ratios Portrait or landscape Actual dimensions
Aspect Ratio - Widescreen or standard -
Different devices e.g. mobile, desktop, game

5. Screen Display Systems
Different devices e.g. mobile, desktop, game
TV, Monitor, flat screen, touch screen, multi-screen

6. Characteristics of Screen Design
Creating Windows
Creating Menu Systems
Characteristics and components of windows
Controls for the windows
Problems in windows design with colour, text, graphics

7. Human Computer Interface (HCI)
Importance Human Computer interface
Characteristics of graphics interface (GUI)
Direct manipulation graphical system
Web user interface
Popularity
Characteristic & principles

8. Design Principles Visual hierarchy
Composition/design theory/layout grids
Colour theory/contrasts
Typography

9. Screen Design - xbox Use of contrasting colour schemes
Use of sans serif typeface
Hierarchy of menu systems through different sized and styled fonts
Interaction through recognized button systems on gamepad

10. Outcome 2 Layout Grids Composition Visual hierarchy Typography
Colour theory

11. Layout Grids
Read the following article on the use of grid design in screen design:

12. Composition
Read the following article on the use of composition in screen design:

13. Visual Hierarchy
Read the following articles on the use of hierarchy in screen design: