1 / 46

Unit 21

Assessment objective 2. Unit 21. P lan the production of a range of web graphics for a client . Navigation Button 1 sketch diagrams Annotation & Explanation. Home. Example The Sketch Plan. Plan the production of a range of web graphics for a client .

xanti
Download Presentation

Unit 21

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. Assessment objective 2 Unit 21

  2. Plan the production of a range of web graphics for a client • Navigation Button 1 sketch diagrams Annotation & Explanation Home

  3. Example The Sketch Plan

  4. Plan the production of a range of web graphics for a client Musical notes in form of the letter ‘H’ for Home. Also labelled home. Home Width: 248 pixels Height: 118 pixels Size: 10.4 kb Font Size: 18 Button will have the colour Blue

  5. Home Button - Target audience • The target audience will be fans of rock music of any bands who like to keep music updates and people who like to buy music resources online. This is because the colours involved will be mostly black and blue. In addition the background will be plain black, to match the rocky genres and to match the header flames

  6. Home Button- Purpose/message • The home button has plain colours (black, blue and white) because it is able to match most types rock bands • The message is clear because of the formal (plain) colours used in the button and the header flames.

  7. Home Button- House style eg colours, text size, colour, style • Blue, white, and black colours for NavBar buttons • Font size: 24 • Font style: Algeria • Font colour: Black • Logo as home button Home

  8. Home Button- Dimensions (width and height) • Width: 248 pixels • Height: 118 pixels • Size: 10.4 kb Home

  9. Home Button- Features eg rollovers and user interaction , Home Home Rollover

  10. Home Button- Target file size As a picture the object has a File size; 11,520 bytes Home

  11. Home Button- Download times • Download time: 0.15secs Home

  12. Plan the production of a range of web graphics for a client • Navigation ‘Find button’ sketch diagrams Find…

  13. Plan the production of a range of web graphics for a client • Navigation ‘FIND’ sketch diagrams Annotation & Explanation Has a magnifying glass to represent and enhance the find button. Font size; 24 Find… Has the same text style (house style)as the home button; Algeria

  14. Find Button- Target audience • The find button like the home button is aimed at fans of rock music of any band. This is because of the way the icon helps the user to interact freely without hesitation and the header giving edge. How ever unlike the home button, the find button has a dropdown which lets you Search your criteria, using simple categories.

  15. Find Button- Purpose/message • The find button has been created to help the user find what he/she is looking for in one easy place. • It is made to make searching different criteria's easily, all in one place

  16. Find Button- House style e.g. colours, text size, colour, style • The house style for the find button is the same as the home button; blue with a font size of 24. • Font colour: blue • Font style: Algeria • with a drop down menu; the find button is compact and clear. • Font size: 24

  17. Find Button- Dimensions (width and height) • Width: 247 pixels • Height: 126 pixels • Size: Find…

  18. Button 2 - Features eg rollovers, user interaction Rollover Find… Find…

  19. Find Button- Target file size Find… 324 x 150 pixels

  20. Find Button- Download times • Download time: 0.27secs Find…

  21. Plan the production of a range of web graphics for a client • Navigation ‘shop button’ sketch diagrams Shop

  22. Plan the production of a range of web graphics for a client • Navigation ‘Shop button’ sketch diagrams Annotation & Explanation Has trolley icon to represent and enhance the shopping button for all audiences Font size; 24 Shop Has the same text style (house style)as the home button; Algeria

  23. Shop button- Target audience • The shop button, like the home button is aimed at fans of rock music. This is because of the plain colours and because of the way the icon helps the user to interact freely without hesitation. In addition the header flames adds a little bit of edge to the NavBar.

  24. Shop Button- Purpose and message • The shop button has been created to help the user buy any music resources online in one place. • It is made to make buying online easy and fun.

  25. Shop button- House style eg colours, text size, colour, style • The house style for the shop button is the same as the home button; every one who likes rock. • Font colour: blue colour (light blue when rolled over) • Font style: Algeria • Font size: 24

  26. Shop button- Dimensions (width and height) Shop 308 x 166 pixels

  27. Extras- Features eg rollovers, Rollover Extras Extras

  28. Extras- Target file size 790 x 728 pixels Categories Updates Try… > Extras Send urFav Watch clips Listen to demo

  29. Extras - Download times Download time: 0.26sec Categories Updates Try… > Extras Send urFav Watch clips Listen to demo

  30. Home Album Singles Package Find us Search page Categories Updates Try… > Shop Extras Find… Send urFav Watch clips Listen to demo

  31. Navigation Bar Quick and compact find area Quick home access Home Album Singles Package Categories Updates Try… > Find us Search page Shop Extras Find… Easy-to-use online music shop with options Send urFav Watch clips Listen to demo Find dropdown to enhance the compact features Normal colours blue Rollover colour: green Font size: 24 Font: Algerian Icons to help enhance finding different options Extras in compact mode

  32. Target audience • The navigation bar has been aimed at audiences who like rock music. • This is because of the plain colours used. And because of the way the background colour fits the colour of the flames and writing.

  33. Purpose/message • The purpose of the NavBar is to help people navigate from one page to another quickly and easily.

  34. House style e.g. colours, text size, colour, style • Formal, Logo is used on every page as a home button • Plain colours are used (blue and black) • Sizes ranged: 20-24 are used • Algeria is used

  35. Dimensions (width and height) / Target file size Home Album Singles Package Find us Search page Categories Updates Try… > Shop Extras Find… Send urFav Watch clips Listen to demo 1485 x 1133pixels 441 kb

  36. Rollover features

  37. Advertising Bar

  38. Plan the production of a range of web graphics for a client • Advertising Bar sketch diagrams X

  39. Plan the production of a range of web graphics for a client • Advertising Bar sketch diagrams Annotation & Explanation X So adverts can be closed. Back colour will be blue and adverts will be available on the blue.

  40. Target audience

  41. Purpose/message

  42. House style eg colours, text size, colour, style

  43. Dimensions (width and height)

  44. Features eg rollovers, user interaction

  45. Target file size

  46. Download times

More Related