Unit 21
description
Transcript of Unit 21
![Page 1: Unit 21](https://reader035.fdocuments.net/reader035/viewer/2022070405/56813d08550346895da6b2a7/html5/thumbnails/1.jpg)
Assessment objective 2
![Page 2: Unit 21](https://reader035.fdocuments.net/reader035/viewer/2022070405/56813d08550346895da6b2a7/html5/thumbnails/2.jpg)
Navigation Button 1 sketch diagrams Annotation & Explanation
Home
![Page 3: Unit 21](https://reader035.fdocuments.net/reader035/viewer/2022070405/56813d08550346895da6b2a7/html5/thumbnails/3.jpg)
Example The Sketch Plan
![Page 4: Unit 21](https://reader035.fdocuments.net/reader035/viewer/2022070405/56813d08550346895da6b2a7/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: Unit 21](https://reader035.fdocuments.net/reader035/viewer/2022070405/56813d08550346895da6b2a7/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: Unit 21](https://reader035.fdocuments.net/reader035/viewer/2022070405/56813d08550346895da6b2a7/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: Unit 21](https://reader035.fdocuments.net/reader035/viewer/2022070405/56813d08550346895da6b2a7/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: Unit 21](https://reader035.fdocuments.net/reader035/viewer/2022070405/56813d08550346895da6b2a7/html5/thumbnails/8.jpg)
Width: 248 pixelsHeight: 118 pixelsSize: 10.4 kb
Home
![Page 9: Unit 21](https://reader035.fdocuments.net/reader035/viewer/2022070405/56813d08550346895da6b2a7/html5/thumbnails/9.jpg)
,
RolloverHom
eHome
![Page 10: Unit 21](https://reader035.fdocuments.net/reader035/viewer/2022070405/56813d08550346895da6b2a7/html5/thumbnails/10.jpg)
As a picture the object has a File size; 11,520 bytes
Home
![Page 11: Unit 21](https://reader035.fdocuments.net/reader035/viewer/2022070405/56813d08550346895da6b2a7/html5/thumbnails/11.jpg)
Download time: 0.15secs
Home
![Page 12: Unit 21](https://reader035.fdocuments.net/reader035/viewer/2022070405/56813d08550346895da6b2a7/html5/thumbnails/12.jpg)
Navigation ‘Find button’ sketch diagrams
Find…
![Page 13: Unit 21](https://reader035.fdocuments.net/reader035/viewer/2022070405/56813d08550346895da6b2a7/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: Unit 21](https://reader035.fdocuments.net/reader035/viewer/2022070405/56813d08550346895da6b2a7/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: Unit 21](https://reader035.fdocuments.net/reader035/viewer/2022070405/56813d08550346895da6b2a7/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: Unit 21](https://reader035.fdocuments.net/reader035/viewer/2022070405/56813d08550346895da6b2a7/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: Unit 21](https://reader035.fdocuments.net/reader035/viewer/2022070405/56813d08550346895da6b2a7/html5/thumbnails/17.jpg)
Width: 247 pixels Height: 126 pixelsSize:
Find…
![Page 18: Unit 21](https://reader035.fdocuments.net/reader035/viewer/2022070405/56813d08550346895da6b2a7/html5/thumbnails/18.jpg)
Rollover
Find…
Find…
![Page 19: Unit 21](https://reader035.fdocuments.net/reader035/viewer/2022070405/56813d08550346895da6b2a7/html5/thumbnails/19.jpg)
Find…
324 x 150 pixels
![Page 20: Unit 21](https://reader035.fdocuments.net/reader035/viewer/2022070405/56813d08550346895da6b2a7/html5/thumbnails/20.jpg)
Download time: 0.27secs
Find…
![Page 21: Unit 21](https://reader035.fdocuments.net/reader035/viewer/2022070405/56813d08550346895da6b2a7/html5/thumbnails/21.jpg)
Navigation ‘shop button’ sketch diagrams
Shop
![Page 22: Unit 21](https://reader035.fdocuments.net/reader035/viewer/2022070405/56813d08550346895da6b2a7/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: Unit 21](https://reader035.fdocuments.net/reader035/viewer/2022070405/56813d08550346895da6b2a7/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: Unit 21](https://reader035.fdocuments.net/reader035/viewer/2022070405/56813d08550346895da6b2a7/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: Unit 21](https://reader035.fdocuments.net/reader035/viewer/2022070405/56813d08550346895da6b2a7/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: Unit 21](https://reader035.fdocuments.net/reader035/viewer/2022070405/56813d08550346895da6b2a7/html5/thumbnails/26.jpg)
Shop
308 x 166 pixels
![Page 27: Unit 21](https://reader035.fdocuments.net/reader035/viewer/2022070405/56813d08550346895da6b2a7/html5/thumbnails/27.jpg)
Rollover
Extras Extras
![Page 28: Unit 21](https://reader035.fdocuments.net/reader035/viewer/2022070405/56813d08550346895da6b2a7/html5/thumbnails/28.jpg)
790 x 728 pixels
Extras
Categories
Updates
Try… > Send ur Fav
Watch clips
Listen to demo
![Page 29: Unit 21](https://reader035.fdocuments.net/reader035/viewer/2022070405/56813d08550346895da6b2a7/html5/thumbnails/29.jpg)
Download time: 0.26secExtras
Categories
Updates
Try… > Send ur Fav
Watch clips
Listen to demo
![Page 30: Unit 21](https://reader035.fdocuments.net/reader035/viewer/2022070405/56813d08550346895da6b2a7/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: Unit 21](https://reader035.fdocuments.net/reader035/viewer/2022070405/56813d08550346895da6b2a7/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: Unit 21](https://reader035.fdocuments.net/reader035/viewer/2022070405/56813d08550346895da6b2a7/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: Unit 21](https://reader035.fdocuments.net/reader035/viewer/2022070405/56813d08550346895da6b2a7/html5/thumbnails/33.jpg)
The purpose of the NavBar is to help people navigate from one page to another quickly and easily.
![Page 34: Unit 21](https://reader035.fdocuments.net/reader035/viewer/2022070405/56813d08550346895da6b2a7/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: Unit 21](https://reader035.fdocuments.net/reader035/viewer/2022070405/56813d08550346895da6b2a7/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: Unit 21](https://reader035.fdocuments.net/reader035/viewer/2022070405/56813d08550346895da6b2a7/html5/thumbnails/36.jpg)
![Page 37: Unit 21](https://reader035.fdocuments.net/reader035/viewer/2022070405/56813d08550346895da6b2a7/html5/thumbnails/37.jpg)
![Page 38: Unit 21](https://reader035.fdocuments.net/reader035/viewer/2022070405/56813d08550346895da6b2a7/html5/thumbnails/38.jpg)
Advertising Bar sketch diagrams
X
![Page 39: Unit 21](https://reader035.fdocuments.net/reader035/viewer/2022070405/56813d08550346895da6b2a7/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: Unit 21](https://reader035.fdocuments.net/reader035/viewer/2022070405/56813d08550346895da6b2a7/html5/thumbnails/40.jpg)
![Page 41: Unit 21](https://reader035.fdocuments.net/reader035/viewer/2022070405/56813d08550346895da6b2a7/html5/thumbnails/41.jpg)
Purpose/message
![Page 42: Unit 21](https://reader035.fdocuments.net/reader035/viewer/2022070405/56813d08550346895da6b2a7/html5/thumbnails/42.jpg)
House style eg colours, text size, colour, style
![Page 43: Unit 21](https://reader035.fdocuments.net/reader035/viewer/2022070405/56813d08550346895da6b2a7/html5/thumbnails/43.jpg)
Dimensions (width and height)
![Page 44: Unit 21](https://reader035.fdocuments.net/reader035/viewer/2022070405/56813d08550346895da6b2a7/html5/thumbnails/44.jpg)
Features eg rollovers, user interaction
![Page 45: Unit 21](https://reader035.fdocuments.net/reader035/viewer/2022070405/56813d08550346895da6b2a7/html5/thumbnails/45.jpg)
Target file size
![Page 46: Unit 21](https://reader035.fdocuments.net/reader035/viewer/2022070405/56813d08550346895da6b2a7/html5/thumbnails/46.jpg)
Download times