http://www.jz-media.

com

MPT 1203: TECNOLOGY & MEDIA DESIGN

GRAPHIC & DESIGN

GRAPHIC DESIGN: an overview

How do we see visual things?

Department of Educational Multimedia Faculty of Education, UTM

2 Faculty of Education, UTM

GRAPHIC DESIGN: an overview

How can we communicate using visual things?

GRAPHIC DESIGN: an overview

What is Graphic Design? The ultimate purpose of a piece of graphic design is the visual message it communicates. The effectiveness of this message depends upon the right choice of graphic elements and their combination in a well-planned format. Alan Swann

3 Faculty of Education, UTM

4 Faculty of Education, UTM

GRAPHIC DESIGN: an overview

What is Graphic Design? Design is finding the best solution to a problem within the limitations of the problem (needs, cost time) cost, time). Design differs from mathematics or chemistry in that more than a single solution exists for each problem. Gregg Barryman A good design, in short, is the best possible visual expression of the essence of something. Stu Richardson
5 Faculty of Education, UTM

GRAPHIC DESIGN: an overview

What is Graphic Design? Design is marketing made visual. Your goal is not to "make pretty pages" as much as it is to market ideas ideas", to present your ideas ideasor or those of "market your client or employerin a way that makes the ideas appealing and accessible to your readers. Roger Parker

6 Faculty of Education, UTM

http://www.jz-media.com

GRAPHIC DESIGN: an overview

Why is Graphic Design Important? Effective communications depend on the design's appearance as well as content first impressions last last. Buying decisions are often based on emotional and intuitive feelings, which are highly influenced by the communications that describe the product or service. Effective graphic design can favorably influence people to use your product, service or accept your information or point of view.

GRAPHIC DESIGN: goals in design

Usually, you want to attain three goals with your design: Attract the readers attention. Make the message easy to read and understand. d t d Leave a lasting impression on the reader.

8 Faculty of Education, UTM

Faculty of Education, UTM

MPT 1203: TECNOLOGY & MEDIA DESIGN

DESIGN GUIDELINES USING GRAPHICS

GRAPHIC DESIGN: guidelines

Keep it simple Keep it relevant Get the balance right First impressions last Enhance complex data Keep it legible Keep it consistet

Department of Educational Multimedia Faculty of Education, UTM

10 Faculty of Education, UTM

GRAPHIC DESIGN: guidelines

Keep it Simple Graphics tend to draw the eye, but can help give structure, focus and interest to a web page or multimedia application. The best designs are simple, because they contain no unnecessary elements. The acronym, KISS, is appropriate in the use of graphic for multimedia or website design Keep It Simple, Stupid! Less is more
11 Faculty of Education, UTM

GRAPHIC DESIGN: guidelines

Keep it relevant Add graphics that are relevant to the content. Don't just add graphics to make your presentation look nice if you can avoid it.

12 Faculty of Education, UTM

http://www.jz-media.com

GRAPHIC DESIGN: guidelines

Get the balance right Try to strike a balance between the text and the images. Don't have the pictures too small or too large.

GRAPHIC DESIGN: guidelines

First impressions last Grab the audiences attention with an eye catching first image

13 Faculty of Education, UTM

14 Faculty of Education, UTM

GRAPHIC DESIGN: guidelines

Enhance complex data The audience can remember the information better when they can visualize it with the help of graphics.

GRAPHIC DESIGN: guidelines

Keep it legible If you want to overlay text over a picture you need to keep a good contrast level. If you cannot read the text you've gone for "pretty over practical practical".

15 Faculty of Education, UTM

16 Faculty of Education, UTM

MPT 1203: TECNOLOGY & MEDIA DESIGN

GRAPHIC DESIGN: guidelines

Keep it consistent Content is King, Consistency is Queen. Consistency helps to create simplicity. In an environment where nothing is constant, interface consistency is of the essence.

GRAPHIC & DESIGN: EXAMPLES

Department of Educational Multimedia Faculty of Education, UTM

17 Faculty of Education, UTM

http://www.jz-media.com

GRAPHIC DESIGN: examples

Keep it consistent

GRAPHIC DESIGN: examples

19 Faculty of Education, UTM

20 Faculty of Education, UTM

GRAPHIC DESIGN: examples

GRAPHIC DESIGN: examples

21 Faculty of Education, UTM

22 Faculty of Education, UTM

GRAPHIC DESIGN: examples

GRAPHIC DESIGN: examples

23 Faculty of Education, UTM

24 Faculty of Education, UTM

http://www.jz-media.com

GRAPHIC DESIGN: examples

GRAPHIC DESIGN: examples

25 Faculty of Education, UTM

26 Faculty of Education, UTM

Dr. Jamalludin Harun Department of Educational Multimedia Faculty of Education, UTM

jharun@utm.my