Monday, 9 June 2014

Interactive Multimedia

INTERACTIVE MULTIMEDIA is the same as (WEB DESIGN)
The adobe that we use is Adobe Flash in this subject. 
-  Design
-  Develop
-  Interactivity design
-  Interface
    *Graphic design : illustration, photoshop
    *Animation
    *Icons / Buttons
    *Sound
    *Background music
-  Programming
-  Flash
-  Action script

Task 1
Find one Flash Website and give a comment / reasons.

Demo Link
http://www.templatemonster.com/demo/42786.html

Website Link
http://www.templatemonster.com/flash-cms-templates/42786.html

Photo Of Flash Website


I choose this website become my idea to make my own website because of the layout and the design of this website impress me.


Task 2
Interface Design
Choose one topic and research about it.
My topic is about Cafe (Thymes Cafe)


SIDE MAP




TEMPLATES SKETCHES



Next, I need to do the templates for my website in Adobe Illustrator.

INTRO

ABOUT US

OUR MENU

CHEF

CONTACT

LOCATION


After that, I do the animation like put a song for my website and the music at each button, the scene and also create the design and image at Adobe Flash for making the website become interesting.

INTRO


ABOUT US


OUR MENU



CHEF


CONTACT


LOCATION


After all of that. I save it into "SWF" for making this layout become real website.





-FINISH-








Monday, 3 March 2014

Visual Communication

What is Visual Communication?
  • Visual communication is communication through visual aid and is described as the conveyance of ideas and information in forms that can be read or looked upon. Visual communication in part or whole relies on vision, and is primarily presented or expressed with two dimensional images, it includes: signstypographydrawinggraphic designillustrationIndustrial DesignAdvertisingAnimation colour and electronic resources. It also explores the idea that a visual message accompanying text has a greater power to inform, educate, or persuade a person or audience.

Type of Visual Communicaton

This are the pictures and the meanings.

Example :
  1. Icon / Symbol / Sign
  • ICON
Describe the picture :
The picture shows somebody drove a car into pothole.

The meaning :
Report a pothole on the road / To warn the driver there's a pothole on the road.




Describe the picture :
The picture shows a cigarette and no entry sign.

The meaning :
No Smoking / They use red color because red color looks more attractive and dangerous so that people can stop smoking.





  • SYMBOL

Describe the picture :
The picture shows the rotation of the green arrow.

The meaning :
Recycle / It is the sign of recycle / The green color represents the color of nature.






Describe the picture :
The picture shows the glass is crack.

The meaning :
Fragile / This symbol is used to convey that the product inside the box is fragile, which can be damaged / It needs to be handled with care.





  • SIGN
Describe the picture :
The picture shows a women and a man.

The meaning :
Toilet / So that they know where their toilet in.







Describe the picture :
This picture shows a man falling on a slippery floor.

The meaning :
Caution Wet Floor / This signs inform everyone that the area where they are walking may be slippery when wet / These floor signs are tough and can withstand extreme conditions.




     2.  Picture / Images
  • PICTURE
Describe the picture :
This picture shows a lady with the face wash product.

The meaning :
This product will attract people to buy because of the clear fair skin / It also can be the color because most of woman loves pink.






  • IMAGES
Describe the picture :
This picture shows one bottle of coca - cola with the arts of design above.

The meaning :
Art of design / The illustration of art design / The color plays a role of this design.
    








 3.  Illustration / Drawing
  • ILLUSTRATION
Describe the picture :
The picture shows a young boy looks dirty and stinky.

The meaning :
The color, design and illustration plays a role / It shows how pathetic that boy if they don't clean their self.






  • DRAWING
Describe the picture :
This picture shows the emotions of this old man.

The meaning :
It looks real, 3D and classic / This picture shows the line and creativity of drawing.








      4.  Color
  • COLOR
Describe the picture :
This picture shows the solid color splash.

The meaning :
The color plays a role of this design / The color makes people feel interesting about it.



      5.  Animation / Visual Effects
  • ANIMATION
Describe the picture :
This picture shows the huge cannibal man of steel running.

The meaning :
Animation / This picture makes animation of the image / It will be more attractive when the picture is moving.







  • VISUAL EFFECTS
Describe the picture :
This picture shows the movement of tribal.

The meaning :
Trival / This picture will attract people when they look at it / When we see the trival, the trival looks moving.








This task we need to do 20 sign for our college, first we need find the place that require the sign.

  1. Toilet
  2. Library
  3. No Spitting
  4. Security Guard
  5. Clinic
  6. ATM
  7. Cafe
  8. Playground
  9. Surau
  10. No Litering
  11. No Parking
  12. Maintanance
  13. No Swimming
  14. No Fishing
  15. Lake
  16. Sports
  17. Bus Station
  18. Taxi Station
  19. Hostel
  20. Office

  • After that we need to do 20 sketches sign for our college.





  • After finish the sketches, we do the sign in Adobe Illustrator and play with color and gradient.





Final Infographic (Serifs and Sans) Visual Communication


Tuesday, 23 July 2013

Monday, 28 January 2013

FINAL PROJECT (BASIC GRAPHIC DESIGN)

CURRENT ISSUE  : SMOKING



This picture represents "DISADVANTAGE OF SMOKING". The image of this picture describe that WHY and WHAT will happen if people around the world smoking. The gray colour represent the ash of the smoke burn on fire that YOU smoke. And the symbol like Smoke, Gas, People, Tree, House, Planet and LIFE represent about WHAT WILL HAPPEN IF WE SMOKE.  So, STOP SMOKING. Our PLANET will DESTROY because of that.