Sunday, 15 June 2014

Ideas and Context

Task 1
In this task, we need to choose one rolled paper given by lecturers, and I get this paper.


Question : Using element / style of your scarf / apparel how can it reflect to your identity and life.

My Style : Versatile
* My style can be anything. But, mostly I like the rock style. Depends on the day or function.

Example :

ROCK
  • Because of my attitude more to rough stuff
  • More to wear black color clothes
SIMPLE
  • I just dress up simple when I'm not going anywhere because it is more comfortable
  • Maybe I'm lazy to choose the clothes
SMART CASUAL / FORMAL
  • Depends on the event or function



Task 2
The next task we must analyst about our friends, what type of our friends
and than visual it from the things that they choose for their task.



Task 3
Expand the idea about ourself. (ROCK)


Task 4
This task we do in group, in this task we need to choose one type of social networking and from the six hat thinking we need to do info graphic.

In this task, our group choose TWITTER.

6 HAT THINKING

1.             BLACK HAT
Judging :

·      What are the difficulties and weakness?
-       People not interested about it
-       To produce this twitter account
-       People judge
-       Challenging facts and figure

2.             GREEN HAT
Being Creative :

·      New ideas?
-       To make this twitter become interesting
-       The quality of design
-       Make a new different ideas
-       Proposals
-       To expressing the design looks more interesting
-       Think more interesting that something slightly differently
-       Identify and assess problems at the appropriate places in the creative process

·      New Opportunities?
-       Ways to solve problems
-       Suggestions
-       Generate powerful new ideas that are outside of the mainstream
-       Develop action plans to minimize risk
-       Set up clear focus statements to put each person on the same page and avoid confusion
-       New ways of looking

·      How can it be improved?
-       Plans for a new, improved version are always on the drawing boards
-       Escape from old ideas
-       Move from intellectual understanding to skill development
-       Work with benefits to determine if an idea is worthwhile exploring further
-       Always imagine that something could be better

3.             RED HAT
Expressing emotion :

·      What are my guts feelings?
-       My gut feeling is that it will not work
-       I don't like the way this is being done
-       My intuition tells me that people will love it

My Comprehension About RED HAT :

Because the red hat "signals" feelings, they can come into the discussion without pretending to be anything else. Intuition may be a composite judgment based on years of experience in the field and may be very valuable even if the reasons behind the intuition cannot be spelled out consciously. It should be said that intuition is not always right.

4.             YELLOW HAT
Being optimistic :

·      What are the strengths and opportunities?
-       Sell well thought through ideas to management and clients with more confidence
-       We implement this idea in such a way that it improves customer satisfaction
-       Sometimes the idea itself is unattractive, but the concept behind the idea has great value
-       Maybe this idea is not very attractive but the underlying concept of creating an album store as well as setting up distributors has a lot of potential
-       A design will evolve, both from the concept through the investigation and development work
-       Custormer will be interested if the design looks differently and interesting

5.             BLUE HAT
Thinking about thinking :

·      What’s been learned?
-       How to solve problems
-       The conclusion is that each sales area should decide on its own promotion and creativity
-       Make well thought through choices
-       Improve research and writing skills
-       Become independent thinkers
-       Can be used by yourself when you become experienced

·      What’s next?
-       To achieve long-lasting results
-       Generates ideas quickly, evaluates them efficiently, and implements action plans effectively
-       Enables us to put differences aside and focus on resolving the real issues


INFOGRAPHIC ABOUT TWITTER





FINAL PROJECT BASED ON EMPATHY

What is EMPATHY?
  • Empathy is the capacity to recognize emotions that are being experienced by another sentient or fictional being. One may need to have a certain amount of empathy before being able to experience accurate sympathy or compassion.


(Empati adalah kemampuan untuk mengenali emosi yang sedang dialami oleh satu lagi makhluk yg dpt melihat atau fiksyen. Satu mungkin perlu mempunyai sejumlah empati sebelum dapat mengalami simpati tepat atau belas kasihan.)

  • The feeling that you understand and share another person's experiences and emotions (the ability to share someone else's feelings)

 Definition Of Empathy
  • The imaginative projection of a subjective state into an object so that the object appears to be infused with it.
  • The action of understanding, being aware of, being sensitive to, and vicariously experiencing the feelings, thoughts, and experience of another of either the past or present without having the feelings, thoughts, and experience fully communicated in an objectively explicit manner.


* I choose STRESS (Age By Age) for my final project.

Mind Map and Sketches



ELDERLY PEOPLE

- Because of this kind of age, they want and they need attention from their children and family. Only LOVE for joy.

#StressOfLove













CAREERS PEOPLE

- Because of this kind of age, they already get married or they already have a career and they live by their own. They have to have money for their LIFE and Family.

#StressOfMoney












TEENAGERS

- This age they only think of enjoy and freedom. Sometimes parents doesn't allowed them to go out or do something that teenagers want. Then they stress because of they want their life to be freedom.

#StressOfFreedom












KIDS

- This kind of age only knows a thing like toys or gadget. If they want something that parents can't afford or doesn't want to buy. They will force and cry until they get it. That's why we called them "KIDDO".

#StressOfToy










BABY

- At this age, they don't know anything besides MILK. If we don't give them milk. They will cry. Sometime a baby also can have stress feeling if their hungry and needs milk.

#StressOfMilk





















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