Unit 21 Unit 21 - Creating Computer Graphics
description
Transcript of Unit 21 Unit 21 - Creating Computer Graphics
Unit 21Unit 21 - Creating Computer
Graphics
In this unit you will create computer graphics for a website of your choice. You will use
Macromedia/Adobe Fireworks which is a versatile graphics design package which
incorporates many features that are suited to creating graphics for the web.
Starter
• Go to:– S:\ICT\key_stage_4\OCR_national_certificate\
unit_twenty_one_web_graphics\master_folder_structure_unit_21
• Copy the unit_twenty-one_web_graphics folder to your National Certificate folder.
Unit 21AO1 – Research, collect and describe a range of existing
web-based graphics.
Learning/Lesson Objectives
We Are Learning To (WALT):• Evaluate existing web graphicsWhat I am Looking For (WILF):• 2 evaluations that contain:– Descriptions of target audience and
purpose.– Descriptions of the good and not so good
features of each graphic– Descriptions of how effective each
graphic is.
Assessment Criteria
PassCandidates will collect and display examples of graphics from at least two different websites, describe their purpose and be able to comment on the positive and negative aspects of these graphics.
Evaluating Web Graphics
• Each of your evaluations should be on a different website.• Each Evaluation should evaluate 2 different graphics from
the website.• You need to evaluate the following graphics in your
evaluations:– Logo– Navigation Bar – Roll Over/Navigation Button– Advertising Banner (Static or Animated)
• To get your graphic you need to print screen, Open Fireworks, Paste, Crop and Save (DEMO)
What graphics to evaluate
• Evaluating Web Graphics 1 (Pass)– Logo– Navigation Bar
• Evaluating Web Graphics 2 (Pass)– Button– Advertising Banner
Evaluating Web Graphics 1
• Open evaluating_web-graphics_1 from your AO1 folder.
• Go to - http://www.obo.co.nz
Evaluating Web Graphics
• Name of website– This is the actual company name, – e.g. Obo
• URL of page studied– This is the full website address, – e.g. http://www.obo.co.nz
Evaluating Web GraphicsPurpose
• Websites and Web graphics are always produced for a particular purpose. They may have 1 purpose or more than 1 purpose.
• This is an important section of your evaluations and must be detailed to obtain a pass.
Evaluating Web GraphicsPurpose of website
Purpose
Evaluating Web GraphicsPurpose of website
• Provide information• Change Behaviour• Attract Attention• Persuade the user to purchase a
product• Persuade the user to join something• Entertain or engage the user• Teach specific skills
Evaluating Web GraphicsTarget Audience
• Every website is created for a reason and is aimed at a specific group of people. (Target Audience)
• http://www.warnerbros.co.uk/web/sd_brand/index.jsp• http://www.pocruises.com/• http://www.channel4.com/entertainment/tv/microsites/H/hollyoaks/• http://www.misssixty.com/• http://www.dcshoes.com/home/• http://www.nus.org.uk/• http://www.people-carrier.co.uk/• http://www.jumeirah.com/en/hotels-and-resorts/Destinations/Dubai/Burj-Al-
Arab/• http://www.poundland.co.uk/pages/default.aspx• http://www.thisisexeter.co.uk/
Evaluating Web GraphicsTarget Audience
Audience
Evaluating Web GraphicsTarget Audience
• Age Group• Gender• Educational Level• Family Size• Income Level• Location• Marital Status• Occupation• Hobbies/Interests
Evaluating Web GraphicsSize
• Documenting the size of your graphics is important. You will get a feel for how big you need to create your graphics.
• If you have print screened > opened in Fireworks > cropped and saved then getting the size details is easy.
• Find your image > click on details (bottom left)
• You need to add the dimensions and file size.
Evaluating Web GraphicsPurpose of Graphics
• Logo– The logo gives the user a first
impression of the business.– The logo promotes the business
professionally in the market. – The logo helps in attracting potential
customers and client to the business. – The logo gives a unique and innovative
identity to the business.
Evaluating Web GraphicsPurpose of Graphics
• Navigation Bar (Navigation Button)– Allows users to navigate website– Allows users to find the information they
want• Roll Over Button– Allow users to navigate to specific areas
of the website– Help promote/advertise specific areas of
a website– Act as a visual navigation system
Evaluating Web GraphicsPurpose of Graphics
• Advertising Banner– Provide information about a
product/event/website– Change behaviour – Anti-drinking/Anti-smoking– Attract attention/traffic – Bright, colourful banners
with animation, video and sound can grab your attention and influence you to visit a website/link
– Persuade user to purchase a product– Persuade user to join something. – Gym/fan
club/school/newsletter– Entertain/Engage – is the banner interactive?
Positive Features
Positives
Evaluating Web GraphicsPositive Features
• The graphic is eye catching and simple.• The graphic is very good quality and suited to the
topic of the website.• The graphic is an appropriate size for the page size
and layout.• The image used as a background behind the text
looks professional and was very effective.• The text, link and background colours were clear
and easy to read, they complemented each other well.
• The text colour was effective against the background colour and made the page look professional.
Negative Features
Negatives
Evaluating Web GraphicsNegative Features
• The graphic was to big in comparison with the size of the page.
• There is no Alt text.• The graphic took a long time to load/display on
the page.• The graphic was not positioned/aligned
appropriately on the page.• The graphic is irrelevant to the website content.• The pale text was difficult to read against the
pale background.• The link colours were very hard to read/see.• Red text against a green background is very
difficult to read.
Evaluating Web GraphicsHow effective is the graphic
• For this section you need to combine your positive and negative comments into a couple of sentences.
• E.g. – The advertising banner was very effective at advertising the new Nike trainer. The images and colours used attracted my attention and made we want to purchase the trainer. The banner could be better if it included information relating to the price of the trainer.
Links
• http://www.smallbusinessbible.org/printables/whatpurpose_logodesign.html
• http://www.tappernet.com/marketingworkshop/targetaud.htm