Y8 Web Design Introduction

5,937 views

Published on

Presentation for Year 8 (12-13 year olds) on good website design.

Published in: Technology, Business
0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
5,937
On SlideShare
0
From Embeds
0
Number of Embeds
58
Actions
Shares
0
Downloads
116
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide

Y8 Web Design Introduction

  1. 1. What is good web design? Year 8: Website Design Project
  2. 2. In pairs, discuss what you think is important when designing a website. 4 minutes - click here for timer
  3. 3. Planning Before you do the fun part i.e. design and layout, you need to make sure you understanding the purpose of your web site.
  4. 4. Audience Who are you making the site for? Think about your audience: are they young people, shoppers, teachers, etc..? What would they want. Ask them.
  5. 5. Information What information do you need? Facts? Opinions? Quotes? Images? Start collecting them before designing. Label them and keep them in a folder.
  6. 6. Design & Layout Once you have all the content (i.e. words and images) for your website, you can put them together using a design layout.
  7. 7. Make it Live In order to allow others to see your website, you need a host company to make your website live I.e. put it on the internet. At the moment, it can only be seen by you on your computer. Hosting can be cheap, around £10 a year, but you will need to do your research.
  8. 8. Publicity You’ve completed your amazing website, but who knows about it. Now is the time to start publicising your website. Put up links on your myspace/bebo, copy the web address (URL) and put on your VLE profile. Tell friends and get feedback!
  9. 9. In general, websites are split up into four sections: • Header • Navigation Bar • Body Text • Footer
  10. 10. Design Tips
  11. 11. Clear Bold Headings Simple main text font
  12. 12. Scale Consider scale between words
  13. 13. Colour combinations Colour combinations Colour combinations Complimentary colours create high contrast
  14. 14. Colour combinations Colour combinations Colour combinations Similar background colours create soothing contrast
  15. 15. Adding images and illustrations to replace words
  16. 16. Simple Alignment Simple alignment helps to direct the eye towards one area and avoids distractions. In this case, all the text and image objects have been aligned to the left hand side . Simple Alignment Simple alignment helps to direct the eye towards one area and avoids distractions. In this case, all the text and image objects have been aligned to the right hand side .
  17. 17. If in doubt: KISS
  18. 18. K eep I t S imple S tupid
  19. 19. Look at the following website design and see if you can identify why it is poor design and how it could be improved?
  20. 20. Biography page Simple alignment helps to direct the eye towards one area and avoids distractions. In this case, all the text and image objects have been aligned to the left hand side . Simple alignment helps to direct the eye towards one area and avoids distractions. In this case, all the text and image objects have been aligned to the left hand side . Simple alignment helps to direct the eye towards one area and avoids distractions. In this case, all the text and image objects have been aligned to the left hand side . POOR DESIGN AND LAYOUT EXAMPLE Navigation Bar 1. Homepage 2. Gallery page 3 . Links page 4. Biography page 5. Analysis page 6. "My work" page
  21. 21. Look at the following website design and see if you can identify why it is a good design?
  22. 22. Biography Page Bob Ross in Action Remember him? Grand Flash Master of the Art world Bob Ross, was a TV presenter who taught the nation how to paint. He refined many painting techniques in order to paint traditional rural landscapes. For many, he was an icon of the 70s, but some argue that it was “art-in-a-can”, devoid of individuality and lacking in soul. Should all art be distinct and avoid mass-production? GOOD SIMPLE DESIGN & LAYOUT Navigation Bar 1. Homepage 2. Gallery page 3. Links page 4. Biography page 5. Analysis page 6. "My work" page Above : Bob Ross, 1974 Above : Mona Lisa by Leonardo Da Vinci, 1503-6
  23. 23. Task: In pairs and using PowerPoint, make 2 slides about an artist of your choice. Each slide must include: • Header • Navigation Bar • 2 images • Body Text The first slide must have good design and the other slide poor design… Use the design tips and have fun!

×