1 / 54

Page Design Issues

Page Design Issues. IWM 14 Information Services for the Web. Topics. Page design & layout Graphics Typography Editorial Style - writing for the Web. Page Design Topics. Visual hierarchy Consistency Headers & footers Design grids Page layout with tables Page dimension Page length.

kylar
Download Presentation

Page Design Issues

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Page Design Issues IWM 14 Information Services for the Web

  2. Topics • Page design & layout • Graphics • Typography • Editorial Style - writing for the Web

  3. Page Design Topics • Visual hierarchy • Consistency • Headers & footers • Design grids • Page layout with tables • Page dimension • Page length

  4. Visual hierarchy

  5. Visual hierarchy

  6. Visual hierarchy

  7. Visual hierarchy

  8. Visual hierarchy

  9. Consistency

  10. Consistency

  11. Headers & footers

  12. Design Grids

  13. Design Grids

  14. Page Layout with Tables

  15. Page Layout with Tables

  16. Page Layout with Tables

  17. Page Layout with Tables

  18. Page Layout with Tables

  19. Page Layout with Tables

  20. Page Layout with Tables

  21. Page Layout with Tables

  22. Tables & accessibility

  23. Image Layout with Tables

  24. Page Dimensions

  25. Page Dimensions

  26. Page Dimensions

  27. Page Length

  28. Page Length

  29. Page Length

  30. Web Graphics • Colour displays & screen resolution • Pixels & colour depth • Palettes • Browser safe colours • Dithering • File formats - GIF & JPEG • HTML & graphics

  31. Colour Display

  32. Colour Display

  33. Colour Display

  34. Colour Display

  35. Colour Display

  36. Colour Display

  37. Palettes

  38. Palettes

  39. Dithering

  40. Dithering

  41. Dithering

  42. Dithering & browser safe colours

  43. File formats - GIF

  44. File formats - GIF

  45. GIF

  46. Transparent GIF

  47. Transparency & antialised images

  48. JPEG for full colour

  49. Which format? GIF JPEG

More Related