1 / 21

Intern Training Human-Computer Interaction and Visual Design

Intern Training Human-Computer Interaction and Visual Design. 2012.07.11. Outline. HCI(Human-Computer Interface) Our Project: ANTrip Design Process Your project: how to design? Tools Adobe Edge/Muse Dreamwaver Illustrator Photoshop Visio Visual Design on my Work Comment to Intern

shawna
Download Presentation

Intern Training Human-Computer Interaction and Visual Design

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Intern TrainingHuman-Computer Interaction and Visual Design 2012.07.11

  2. Outline • HCI(Human-Computer Interface) • Our Project: ANTrip Design Process • Your project: how to design? • Tools • Adobe Edge/Muse • Dreamwaver • Illustrator • Photoshop • Visio • Visual Design on my Work • Comment to Intern • Q&A

  3. HCI(Human-Computer Interface) • How it works? Can be Usable?

  4. What is Design? • Design is not just what it looks like and feels like. Design is how it works.– by Steve.J • Design is the fundamental soul of a human-made creation that ends up expressing itself in successive outer layers of the product or service. – by Steve.J • Design is notsomeone’s business, it’s about yourself thinking to face your life.

  5. ANTrip Design • Why ANTrip? = a(an) Trip = ant trip • Chinese: 雲水途誌 = 雲水(行腳=步行旅行的意思，it is like a ant walking step by step) • Logo Transformation • Do not give up to change!

  6. ANTripDesign • Edit Page Transformation

  7. How to start • Be Simple • Everything is simple. • Be Empathy • Thinking what of other’s thinking. • Be Patience • Design is not only supported by Passion. It needs Productivity. • That is just do it!

  8. Your Device • Handheld • Display is smaller than 7 inch. • Target User? • Multi-Touch • GPS/Wifi ? • Awareness • Location、Motion、Temperature

  9. Your Software • Functions • What is you think it can be improved? It’s can be better? • Connecting People and know how to help them. • Just drawing concrete units on the paper • roughly sketch layout、button、manipulation、what you may think about. • Mind Map

  10. Software Design Flow Chart • A business Company around 200 people UX (User Experience) Engineer

  11. Software Design Flow Chart • Under 20 people

  12. Tools • Edge / Muse / Dreamwaver • Tools is not to let us stop thinking. • Tools flexibility is based on what u have known • HTML5 • Ajax concept • JQuery • MVC architecture

  13. Illustrator • Vector diagram • Can change to any size without blur. • Logo or Poster design.

  14. Photoshop • The right tool for the right job. • Photoshop can make any truth you ever saw. • Power Functions you need to know. • Erasing background • Brush • Layer Blending • Filter

  15. Visio • Build up your system flow chart • It is related about how data exchange

  16. Visual Design on my Work • How to image on your demand? • Simple and Simple again. • Users don't want things too complicated.

  17. Example • Corel work experience

  18. Example • HP work experience

  19. Example • Film experience

  20. Suggestion to You • Think it different! • Everything you ever encountered is meaningful for your future design. • Work hard and more care.

  21. BACKUP Presented by Ivan Chiou

More Related