Teaching Materials

Last update: 2-Feb-2012 Course Name: Digital Page & Web Graphics Reference site/magazine: Web Designer: http://www.webdesignermag.co.uk/ Smashing magazine: http://www.smashingmagazine.com/ Site inspire: http://siteinspire.com/ Web lol: http://designlol.net/ Before and After Magazine: http://www.bamagazine.com/ Reference textbook: White Space is Not Your Enemy: A Beginner’s Guide to Communicating Visually through Graphic, Web and Multimedia Design bu Kim Golombisky and Rebecca Hagen Making and...
Read more »

Last update: 10-Dec-2011 Course Name: Webpage & Multimedia Design Reference: Smashing magazine: http://www.smashingmagazine.com/ Site inspire: http://siteinspire.com/ Web lol: http://designlol.net/ ================================================== Objective: Explore the basic knowledge of web production Demonstrate the effective utilization of web/multimedia technology ================================================== Assignments: Group assignment01: 10% HTML & CSS assignment02: 15% Mockup assignment03 : 15% Project01 – flash: 20% Final...
Read more »

Last update: 5-Oct-2011 Course Name: Digital Design Aesthetics (ITGM130) Reference: Universal Principles of Design, Revised and Updated: 125 Ways to Enhance Usability, Influence Perception, Increase Appeal, Make Better Design Decisions, and Teach through Design – By William Lidwell, Kritina Holden, and Jill Butler Thinking with Type: A Critical Guide for Designers, Writers, Editors, & Students...
Read more »

In recent days, google just launched a free development tool: App inventor, aims at non-technical people who just use a web browser to drag and drop different buttons and function to develop an application. It makes a lot easier for amateurs or students to build their own customized apps. I think of Max/MSP and PD...
Read more »

Functions: Help in visualization Entertainment –> better sensory experience Industries/Applications: Interior / Architecture -> save production cost (http://www.sketchup4architect.com/interior_design_using_sketchup.html) Geography : map & weather forecast-> e.g google map (http://www.meteolive3d.com/) Medical & health: surgery , baby scanning (http://www.babyscanning.co.uk/3d-images.htm) Product Design: e.g designer’s chair (http://www.idmen.cn/html/46/t-1946.html) Movie: e.g Avatar, Toy Story 3 (3d delivers depth: http://videos.howstuffworks.com/electronics/3d-videos playlist.htm?page=2#video-40094) Gaming:...
Read more »

Pixel Image Wood Text Broken Words Collage Art Bamboo Design 3D logo text (CS5) 3D Vanishing Star (CS5) 3D ball reflection (CS5) Share on Facebook
Read more »

Gif – Graphic Interchange Format: just supports 8 bit color i.e max of 256 RGB colors, therefore it is not good to use as photographic image. However, a lot of artists use this platform to make interesting web images and artworks. It is widely use on web platform. See some of the interesting stuff...
Read more »

Today when I looked at the work Adaptive Bloom, it recalls my memory of another work – Flow 5.0. They share something similar, such as the way to interact with the piece and the form of the final outcome. This system creates a possible space for dancers to explore. Flow 5.0 by Daan Roosegaarde...
Read more »

Last update on 10-Mar-2011 Course Name: Survey of Computer Art Applications, 10 wks lecture, 2 classes / wk, 2.5 hrs each  (CPMA100) Reference: Ambrose, Gavin & Harris, Paul. Basic Design: Grids. AVA Publishing, 2008. Adobe Creative Team. Adobe Illustrator CS5 Classroom in a Book. Adobe Press, 2010. Karlins, David. Adobe Illustrator CS4 How-Tos: 100...
Read more »

I think I will get addicted to the 3d modeling tool from Google, it is such a great super fast rapid prototyping + you can pick up easily. The idea of applying this software (sharing culture) - Exhibition setup preview: To show curator or festival people on how your artwork display in a 3-dimension...
Read more »