introductionictaugustine.pbworks.com/f/product+desi…  · web view · 2013-07-27text navigation...

12

Click here to load reader

Upload: trandien

Post on 15-Mar-2018

217 views

Category:

Documents


2 download

TRANSCRIPT

Page 1: Introductionictaugustine.pbworks.com/f/Product+Desi…  · Web view · 2013-07-27Text Navigation Map. Home. Starting a PowerPoint. ... Setting a Heading & Sub-Heading. Adding bullet

Unit 10 – Using Multimedia Software Product Design R Gordon A7

Product Design

ContentsIntroduction...........................................................................................................................................2

Structure & Navigation..........................................................................................................................3

Text Navigation Map.........................................................................................................................3

Hierarchy/Linear Navigation Map......................................................................................................3

File Structure.....................................................................................................................................4

Graphical Design....................................................................................................................................5

Colour scheme...................................................................................................................................5

Font scheme......................................................................................................................................5

Layouts..............................................................................................................................................5

Logo...................................................................................................................................................6

User Interface designs.......................................................................................................................6

Interactivity & User Interface................................................................................................................7

Menu System designs........................................................................................................................7

Button/Rollover designs....................................................................................................................7

Hotspot/Image Map..........................................................................................................................7

Text links............................................................................................................................................7

User response methods.....................................................................................................................7

Use of Multimedia Components............................................................................................................8

Layout & Presentation...........................................................................................................................9

Consistency..........................................................................................................................................10

Testing.................................................................................................................................................11

1

Page 2: Introductionictaugustine.pbworks.com/f/Product+Desi…  · Web view · 2013-07-27Text Navigation Map. Home. Starting a PowerPoint. ... Setting a Heading & Sub-Heading. Adding bullet

Unit 10 – Using Multimedia Software Product Design R Gordon A7

Introduction

2

Page 3: Introductionictaugustine.pbworks.com/f/Product+Desi…  · Web view · 2013-07-27Text Navigation Map. Home. Starting a PowerPoint. ... Setting a Heading & Sub-Heading. Adding bullet

Unit 10 – Using Multimedia Software Product Design R Gordon A7

Structure & Navigation

Text Navigation Map

1. Home1.1. Starting a PowerPoint

1.1.1.Opening the program1.1.2.Saving a file

1.2. Adding Text1.2.1.Setting a Heading & Sub-Heading1.2.2.Adding bullet points1.2.3.Adding Word Art

1.3. Adding Graphics1.3.1.Inserting graphics from a file1.3.2.Inserting clip art

1.3.2.1. Clip art tutorial1.4. Adding Sounds

1.4.1.Adding sounds to an event1.5. Using Animation

1.5.1.Slide transitions1.5.2.Animated text1.5.3.Animated graphics

Hierarchy/Linear Navigation Map

Level 1:

3

1. Home

1.1 1.2 1.3 1.4 1.5

Page 4: Introductionictaugustine.pbworks.com/f/Product+Desi…  · Web view · 2013-07-27Text Navigation Map. Home. Starting a PowerPoint. ... Setting a Heading & Sub-Heading. Adding bullet

Unit 10 – Using Multimedia Software Product Design R Gordon A7

Level 1.1

Level 1.2

File Structure

4

1. 1

1.1.1 1.1.2 1.1.3 1.1.4 1.1.5

1. 2

1.2.1 1.2.2 1.2.3

Multimedia project

Images Functional Specification Product design Implementation Testing Evaluation Final product

Page 5: Introductionictaugustine.pbworks.com/f/Product+Desi…  · Web view · 2013-07-27Text Navigation Map. Home. Starting a PowerPoint. ... Setting a Heading & Sub-Heading. Adding bullet

Unit 10 – Using Multimedia Software Product Design R Gordon A7

Graphical Design

Colour scheme

+ Explanation of which one you have chosen and why...

Font schemeArial Candara Comic Sans Papyrus

TitleSmar Sm

arSmar

Smar

Heading 1Smart S Smar

t SSmart Smart

Heading 2 Smart Skills Smart Skills

Smart Skill

Smart Skills

Body Smart Skills Smart Skills Smart Skills Smart SkillsEmphasis Smart Skills Smart Skills Smart Skills Smart SkillsHyperlink Smart Skills Smart Skills Smart Skills Smart Skills

+ Explanation of which one you have chosen and why...

5

Page 6: Introductionictaugustine.pbworks.com/f/Product+Desi…  · Web view · 2013-07-27Text Navigation Map. Home. Starting a PowerPoint. ... Setting a Heading & Sub-Heading. Adding bullet

Unit 10 – Using Multimedia Software Product Design R Gordon A7

Layouts

+ 2 designs for your user interface,+2 designs for your standard content page

Logo

+ 3 logos, explanation of which one you have chosen.

User Interface designs+Incorporating chosen logo, font and colour scheme

We will add the buttons/interactivity on Friday

6

Page 7: Introductionictaugustine.pbworks.com/f/Product+Desi…  · Web view · 2013-07-27Text Navigation Map. Home. Starting a PowerPoint. ... Setting a Heading & Sub-Heading. Adding bullet

Unit 10 – Using Multimedia Software Product Design R Gordon A7

Interactivity & User Interface

Menu System designs+ 3 Designs that can be incorporated into your layout+Evaluate which one you are going to choose and why

Button/Rollover designs+Choose three ready made buttons you could use on either of your pages+Design three of your own buttons+Evaluate the buttons, choose which ones you are going to use and explain why

Hotspot/Image Map+Use your 2 chosen layout designs to describe how you could use hotspots/image maps+Explain whether you are going to use these or not

Text links+Use your 2 chosen layout designs to describe how you could use text boxes+Explain whether you are going to use these or not

User response methods+ Give details of various user response methods you could use+Explain why you do or do not intend to use these

7

Page 8: Introductionictaugustine.pbworks.com/f/Product+Desi…  · Web view · 2013-07-27Text Navigation Map. Home. Starting a PowerPoint. ... Setting a Heading & Sub-Heading. Adding bullet

Unit 10 – Using Multimedia Software Product Design R Gordon A7

Use of Multimedia Components

8

Page 9: Introductionictaugustine.pbworks.com/f/Product+Desi…  · Web view · 2013-07-27Text Navigation Map. Home. Starting a PowerPoint. ... Setting a Heading & Sub-Heading. Adding bullet

Unit 10 – Using Multimedia Software Product Design R Gordon A7

Layout & Presentation

9

Page 10: Introductionictaugustine.pbworks.com/f/Product+Desi…  · Web view · 2013-07-27Text Navigation Map. Home. Starting a PowerPoint. ... Setting a Heading & Sub-Heading. Adding bullet

Unit 10 – Using Multimedia Software Product Design R Gordon A7

Consistency

10

Page 11: Introductionictaugustine.pbworks.com/f/Product+Desi…  · Web view · 2013-07-27Text Navigation Map. Home. Starting a PowerPoint. ... Setting a Heading & Sub-Heading. Adding bullet

Unit 10 – Using Multimedia Software Product Design R Gordon A7

Testing

11