assessment objective 2. navigation button 1 sketch diagrams annotation & explanation home
TRANSCRIPT
![Page 1: Assessment objective 2. Navigation Button 1 sketch diagrams Annotation & Explanation Home](https://reader030.vdocument.in/reader030/viewer/2022032709/56649ed05503460f94bde77a/html5/thumbnails/1.jpg)
Assessment objective 2
![Page 2: Assessment objective 2. Navigation Button 1 sketch diagrams Annotation & Explanation Home](https://reader030.vdocument.in/reader030/viewer/2022032709/56649ed05503460f94bde77a/html5/thumbnails/2.jpg)
Navigation Button 1 sketch diagrams Annotation & Explanation
Home
![Page 3: Assessment objective 2. Navigation Button 1 sketch diagrams Annotation & Explanation Home](https://reader030.vdocument.in/reader030/viewer/2022032709/56649ed05503460f94bde77a/html5/thumbnails/3.jpg)
Example The Sketch Plan
![Page 4: Assessment objective 2. Navigation Button 1 sketch diagrams Annotation & Explanation Home](https://reader030.vdocument.in/reader030/viewer/2022032709/56649ed05503460f94bde77a/html5/thumbnails/4.jpg)
Musical notes in form of the letter ‘H’ for Home.
Also labelled home.
Button will have the colour Blue
Width: 248 pixelsHeight: 118 pixelsSize: 10.4 kbFont Size: 18
Home
![Page 5: Assessment objective 2. Navigation Button 1 sketch diagrams Annotation & Explanation Home](https://reader030.vdocument.in/reader030/viewer/2022032709/56649ed05503460f94bde77a/html5/thumbnails/5.jpg)
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
![Page 6: Assessment objective 2. Navigation Button 1 sketch diagrams Annotation & Explanation Home](https://reader030.vdocument.in/reader030/viewer/2022032709/56649ed05503460f94bde77a/html5/thumbnails/6.jpg)
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.
![Page 7: Assessment objective 2. Navigation Button 1 sketch diagrams Annotation & Explanation Home](https://reader030.vdocument.in/reader030/viewer/2022032709/56649ed05503460f94bde77a/html5/thumbnails/7.jpg)
Blue, white, and black colours for NavBar buttons Font size: 24 Font style: Algeria Font colour: Black Logo as home button
Home
![Page 8: Assessment objective 2. Navigation Button 1 sketch diagrams Annotation & Explanation Home](https://reader030.vdocument.in/reader030/viewer/2022032709/56649ed05503460f94bde77a/html5/thumbnails/8.jpg)
Width: 248 pixelsHeight: 118 pixelsSize: 10.4 kb
Home
![Page 9: Assessment objective 2. Navigation Button 1 sketch diagrams Annotation & Explanation Home](https://reader030.vdocument.in/reader030/viewer/2022032709/56649ed05503460f94bde77a/html5/thumbnails/9.jpg)
,
RolloverHom
eHome
![Page 10: Assessment objective 2. Navigation Button 1 sketch diagrams Annotation & Explanation Home](https://reader030.vdocument.in/reader030/viewer/2022032709/56649ed05503460f94bde77a/html5/thumbnails/10.jpg)
As a picture the object has a File size; 11,520 bytes
Home
![Page 11: Assessment objective 2. Navigation Button 1 sketch diagrams Annotation & Explanation Home](https://reader030.vdocument.in/reader030/viewer/2022032709/56649ed05503460f94bde77a/html5/thumbnails/11.jpg)
Download time: 0.15secs
Home
![Page 12: Assessment objective 2. Navigation Button 1 sketch diagrams Annotation & Explanation Home](https://reader030.vdocument.in/reader030/viewer/2022032709/56649ed05503460f94bde77a/html5/thumbnails/12.jpg)
Navigation ‘Find button’ sketch diagrams
Find…
![Page 13: Assessment objective 2. Navigation Button 1 sketch diagrams Annotation & Explanation Home](https://reader030.vdocument.in/reader030/viewer/2022032709/56649ed05503460f94bde77a/html5/thumbnails/13.jpg)
Navigation ‘FIND’ sketch diagrams Annotation & Explanation
Has a magnifying glass to represent and enhance the find button.
Has the same text style (house style)as the home button; Algeria
Font size; 24Find…
![Page 14: Assessment objective 2. Navigation Button 1 sketch diagrams Annotation & Explanation Home](https://reader030.vdocument.in/reader030/viewer/2022032709/56649ed05503460f94bde77a/html5/thumbnails/14.jpg)
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.
![Page 15: Assessment objective 2. Navigation Button 1 sketch diagrams Annotation & Explanation Home](https://reader030.vdocument.in/reader030/viewer/2022032709/56649ed05503460f94bde77a/html5/thumbnails/15.jpg)
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
![Page 16: Assessment objective 2. Navigation Button 1 sketch diagrams Annotation & Explanation Home](https://reader030.vdocument.in/reader030/viewer/2022032709/56649ed05503460f94bde77a/html5/thumbnails/16.jpg)
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
![Page 17: Assessment objective 2. Navigation Button 1 sketch diagrams Annotation & Explanation Home](https://reader030.vdocument.in/reader030/viewer/2022032709/56649ed05503460f94bde77a/html5/thumbnails/17.jpg)
Width: 247 pixels Height: 126 pixelsSize:
Find…
![Page 18: Assessment objective 2. Navigation Button 1 sketch diagrams Annotation & Explanation Home](https://reader030.vdocument.in/reader030/viewer/2022032709/56649ed05503460f94bde77a/html5/thumbnails/18.jpg)
Rollover
Find…
Find…
![Page 19: Assessment objective 2. Navigation Button 1 sketch diagrams Annotation & Explanation Home](https://reader030.vdocument.in/reader030/viewer/2022032709/56649ed05503460f94bde77a/html5/thumbnails/19.jpg)
Find…
324 x 150 pixels
![Page 20: Assessment objective 2. Navigation Button 1 sketch diagrams Annotation & Explanation Home](https://reader030.vdocument.in/reader030/viewer/2022032709/56649ed05503460f94bde77a/html5/thumbnails/20.jpg)
Download time: 0.27secs
Find…
![Page 21: Assessment objective 2. Navigation Button 1 sketch diagrams Annotation & Explanation Home](https://reader030.vdocument.in/reader030/viewer/2022032709/56649ed05503460f94bde77a/html5/thumbnails/21.jpg)
Navigation ‘shop button’ sketch diagrams
Shop
![Page 22: Assessment objective 2. Navigation Button 1 sketch diagrams Annotation & Explanation Home](https://reader030.vdocument.in/reader030/viewer/2022032709/56649ed05503460f94bde77a/html5/thumbnails/22.jpg)
Navigation ‘Shop button’ sketch diagrams Annotation & Explanation
Has trolley icon to represent and enhance the shopping button for all audiences
Has the same text style (house style)as the home button; Algeria
Font size; 24 Shop
![Page 23: Assessment objective 2. Navigation Button 1 sketch diagrams Annotation & Explanation Home](https://reader030.vdocument.in/reader030/viewer/2022032709/56649ed05503460f94bde77a/html5/thumbnails/23.jpg)
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.
![Page 24: Assessment objective 2. Navigation Button 1 sketch diagrams Annotation & Explanation Home](https://reader030.vdocument.in/reader030/viewer/2022032709/56649ed05503460f94bde77a/html5/thumbnails/24.jpg)
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.
![Page 25: Assessment objective 2. Navigation Button 1 sketch diagrams Annotation & Explanation Home](https://reader030.vdocument.in/reader030/viewer/2022032709/56649ed05503460f94bde77a/html5/thumbnails/25.jpg)
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: AlgeriaFont size: 24
![Page 26: Assessment objective 2. Navigation Button 1 sketch diagrams Annotation & Explanation Home](https://reader030.vdocument.in/reader030/viewer/2022032709/56649ed05503460f94bde77a/html5/thumbnails/26.jpg)
Shop
308 x 166 pixels
![Page 27: Assessment objective 2. Navigation Button 1 sketch diagrams Annotation & Explanation Home](https://reader030.vdocument.in/reader030/viewer/2022032709/56649ed05503460f94bde77a/html5/thumbnails/27.jpg)
Rollover
Extras Extras
![Page 28: Assessment objective 2. Navigation Button 1 sketch diagrams Annotation & Explanation Home](https://reader030.vdocument.in/reader030/viewer/2022032709/56649ed05503460f94bde77a/html5/thumbnails/28.jpg)
790 x 728 pixels
Extras
Categories
Updates
Try… > Send ur Fav
Watch clips
Listen to demo
![Page 29: Assessment objective 2. Navigation Button 1 sketch diagrams Annotation & Explanation Home](https://reader030.vdocument.in/reader030/viewer/2022032709/56649ed05503460f94bde77a/html5/thumbnails/29.jpg)
Download time: 0.26secExtras
Categories
Updates
Try… > Send ur Fav
Watch clips
Listen to demo
![Page 30: Assessment objective 2. Navigation Button 1 sketch diagrams Annotation & Explanation Home](https://reader030.vdocument.in/reader030/viewer/2022032709/56649ed05503460f94bde77a/html5/thumbnails/30.jpg)
Home
Shop
Album
Singles
Package
Extras
Categories
Updates
Try… > Send ur Fav
Watch clips
Listen to demo
Find…
Find us
Search page
![Page 31: Assessment objective 2. Navigation Button 1 sketch diagrams Annotation & Explanation Home](https://reader030.vdocument.in/reader030/viewer/2022032709/56649ed05503460f94bde77a/html5/thumbnails/31.jpg)
Home
Shop Extras Find…
Album
Singles
Package
Categories
Updates
Try… > Send ur Fav
Watch clips
Listen to demo
Find us
Search page
Quick home access
Easy-to-use online music shop with options
Quick and compact find area
Extras in compact mode
Icons to help enhance finding different options
Find dropdown to enhance the compact features
Normal colours blueRollover colour: greenFont size: 24Font: Algerian
![Page 32: Assessment objective 2. Navigation Button 1 sketch diagrams Annotation & Explanation Home](https://reader030.vdocument.in/reader030/viewer/2022032709/56649ed05503460f94bde77a/html5/thumbnails/32.jpg)
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.
![Page 33: Assessment objective 2. Navigation Button 1 sketch diagrams Annotation & Explanation Home](https://reader030.vdocument.in/reader030/viewer/2022032709/56649ed05503460f94bde77a/html5/thumbnails/33.jpg)
The purpose of the NavBar is to help people navigate from one page to another quickly and easily.
![Page 34: Assessment objective 2. Navigation Button 1 sketch diagrams Annotation & Explanation Home](https://reader030.vdocument.in/reader030/viewer/2022032709/56649ed05503460f94bde77a/html5/thumbnails/34.jpg)
Formal, Logo is used on every page as a home button
Plain colours are used (blue and black)
Sizes ranged: 20-24 are usedAlgeria is used
![Page 35: Assessment objective 2. Navigation Button 1 sketch diagrams Annotation & Explanation Home](https://reader030.vdocument.in/reader030/viewer/2022032709/56649ed05503460f94bde77a/html5/thumbnails/35.jpg)
1485 x 1133pixels441 kb
Home
Shop
Album
Singles
Package
Extras
Categories
Updates
Try… > Send ur Fav
Watch clips
Listen to demo
Find…
Find us
Search page
![Page 36: Assessment objective 2. Navigation Button 1 sketch diagrams Annotation & Explanation Home](https://reader030.vdocument.in/reader030/viewer/2022032709/56649ed05503460f94bde77a/html5/thumbnails/36.jpg)
![Page 37: Assessment objective 2. Navigation Button 1 sketch diagrams Annotation & Explanation Home](https://reader030.vdocument.in/reader030/viewer/2022032709/56649ed05503460f94bde77a/html5/thumbnails/37.jpg)
![Page 38: Assessment objective 2. Navigation Button 1 sketch diagrams Annotation & Explanation Home](https://reader030.vdocument.in/reader030/viewer/2022032709/56649ed05503460f94bde77a/html5/thumbnails/38.jpg)
Advertising Bar sketch diagrams
X
![Page 39: Assessment objective 2. Navigation Button 1 sketch diagrams Annotation & Explanation Home](https://reader030.vdocument.in/reader030/viewer/2022032709/56649ed05503460f94bde77a/html5/thumbnails/39.jpg)
Advertising Bar sketch diagrams Annotation & Explanation
X
Back colour will be blue and adverts will be available on the blue.
So adverts can be closed.
![Page 40: Assessment objective 2. Navigation Button 1 sketch diagrams Annotation & Explanation Home](https://reader030.vdocument.in/reader030/viewer/2022032709/56649ed05503460f94bde77a/html5/thumbnails/40.jpg)
![Page 41: Assessment objective 2. Navigation Button 1 sketch diagrams Annotation & Explanation Home](https://reader030.vdocument.in/reader030/viewer/2022032709/56649ed05503460f94bde77a/html5/thumbnails/41.jpg)
Purpose/message
![Page 42: Assessment objective 2. Navigation Button 1 sketch diagrams Annotation & Explanation Home](https://reader030.vdocument.in/reader030/viewer/2022032709/56649ed05503460f94bde77a/html5/thumbnails/42.jpg)
House style eg colours, text size, colour, style
![Page 43: Assessment objective 2. Navigation Button 1 sketch diagrams Annotation & Explanation Home](https://reader030.vdocument.in/reader030/viewer/2022032709/56649ed05503460f94bde77a/html5/thumbnails/43.jpg)
Dimensions (width and height)
![Page 44: Assessment objective 2. Navigation Button 1 sketch diagrams Annotation & Explanation Home](https://reader030.vdocument.in/reader030/viewer/2022032709/56649ed05503460f94bde77a/html5/thumbnails/44.jpg)
Features eg rollovers, user interaction
![Page 45: Assessment objective 2. Navigation Button 1 sketch diagrams Annotation & Explanation Home](https://reader030.vdocument.in/reader030/viewer/2022032709/56649ed05503460f94bde77a/html5/thumbnails/45.jpg)
Target file size
![Page 46: Assessment objective 2. Navigation Button 1 sketch diagrams Annotation & Explanation Home](https://reader030.vdocument.in/reader030/viewer/2022032709/56649ed05503460f94bde77a/html5/thumbnails/46.jpg)
Download times