Fall 2008 Courses
Intro to Web Design

05/04 [We]The Final project is due. Please put your project folder in the drop-off box before the class starts.
The final critique will be held in class.

03/30 [We] Critique day for Prject 1 (La mer). Turn in your website folder before class starts.

02/28 [Mo] Assignment 2 (see sample) is due. Turn in your folder before class starts. A new Project will be assigned.

02/23 [We] A new demo will be introduced. The rest of the class will still be the work day for Assignment 2 (see sample).

02/14 [Mo] Assignment 1 (3-page web site) is due. Turn in your folder by the end of the class. A new demo about rollovers will be introduced.

02/09 [We] Assignment 1 (3-page web site) will be introduce in class.
If you need to download the handout of this asignment, click here.

02/07 [Mo]   Turn in ICE2 (download handout) along with the multi-color boxes page when class starts. A new demo will be introduced, attend the class on time.

01/31 [Mo]  We'll work on another in-class exercise - ICE2 (download handout).

Computer Illustration

05/05 [Th]  Class Art 376: Final critique starts at 2pm. Turn in your final project file (PDF) before class starts.

Art 476 (Advanced Class): Final critique starts at 3:45pm in the M lab.

03/22 [Tu] Mid-term critique for class Art 476. Turn in your folder by the end of the class.

03/01 [Tu] Project 1 (stamp project) is due. Save your final layout as a PDF file. Also export the final layout file as a JPEG and put both files on the server.

02/22 [Tu] A new demo about mesh tool will be introduced in class. Feb.15th and 17th are work days for Project1 (stamp project).

02/17 [Th] I'll show the class how to create the final layout of Project 1. You can click here to download the template; click here to download the handout of the specifications.

02/08 [Tu] Individual sketches review for both Art 476 and Art 376 students. We'll start the review from Art476 class.

01/20 [Th] Attention: This is our first class and Make sure to download the syllabus and bring it to the class. Hover and click the green dot above (next to class number "art 376" ) to download the syllabus.

Interface Design for Designers

05/05 [Th] The Critique day and the Final project is due. Put your final project website folder in the drop-off box before class starts. Please also upload your website to the school's server (homepages.uwp.edu), and we can view your project online when we have the final critique.

03/24 [Th] A new demo about editing movie clips will be introduced to the class.

02/24 [Th] Project 1 (homepage redesign project) is due. Turn in your folder by the end the class. A new demo will be introduced to the class.

02/22 [Tu] It's the last work day for Project 1 (homepage redesign project).

02/08 [Tu] Print out your two ideas of the homepage layout in B/W and bring them to class.

02/01 [Tu] Project 1 is introduced in class. We'll discuss your sketches of this redesign project on this Thursday.

01/20 [Th] Attention: Thi is our first class and Make sure to download the syllabus and bring it to the class. Hover and click the green dot above (next to class number "art 378" ) to download the syllabus.

Hello class, I'm looking forward to working with all of you in the upcoming semester!

art277
intro to weB design
Basic image design and preparation specifically for the interactivity needed for the Internet. The student gains working knowledge of web terminology and concepts.


The purpose of this course is not only to introduce the students to the web design process, but also to help the students explore their ideas for the web-based contents and create properly functional web site. The course will provide a foundation to understand online design through the practical application of developing a web presence. Topics such as site planning, concept development, web typography, web page-layout, basic methods of construction will be covered. As the primary application used in this class, Adobe Dreamweaver will be introduced through hands on tutorials. Some essential techniques of building a website including creating CSS page-layout, adding multimedia, using Spry framework and etc. will be introduced to help the students accomplish their final project -building a personal online portfolio, or business website in Adobe Dreamweaver.

art377
WEB DESIGN FOR DESIGNERS
An exploration of web design from a graphic designer’s viewpoint comprising the conceptual & aesthetic approach to web design including both static and dynamic forms.

art377StudentWork


This course focuses on developing web-based multimedia materials that contain sound, graphic, animation, and interactive components. The entire class can be divided into two sections. In the first section, the fundamental elements of multimedia such as time, space, audio and motion will be discussed in class. The hands-on tutorials are designed to help students build their basic technical skills in using Adobe Flash. In the second section, the class concentrates on more web-based issues including web navigation, interactive components and etc. All those topics will be introduced through studying a sample site. Each lesson, a certain part of the sample site will be analyzed and rebuilt. At the end of the class, students will apply those skills learned from the sample site to their website in Flash. This course is designed to expand your thinking about animation, interaction, and multimedia projects.

art377
Interface DESIGN FOR DESIGNERS
An introduction to the theory and practice of web user interface design.  
The student analyzes and creates interactive works from the perspective of user-centered interaction design.

art377StudentWork


This course provides designers with theoretical knowledge and practical experience in the fundamental aspects of web interface design. The main goal of this course is to enable students to analyze and create interactive works from the perspectives of graphics design and user-centered web interaction design. We will survey the basic interactive design skills that have been used for web sites. This project-based course is focused on the application of the usability designing process, including analysis, design, prototyping and testing. Topics include: User patterns, Designing for scanning, Navigation design, Home page layout, Usability testing. Adobe Dreamweaver will be used in this class. The course prerequisite is Art 277 Introduction to Web Design.

art376
COMPUTER ILLUSTRATION
An exploration of a contemporary approach to illustration, combining traditional media with the computer to developindividual expression.


Computer Illustration course is focused on creating vector-based illustration and Adobe Illustrator is the primary application that we will work with. The entire course has 4 stages: first, we begin with playing some basic visual elements such as lines, curves, shapes and patterns. Symbols, patterns, brushes and different shape tool will be covered. Then we move on to the pen tool which is called the king of the Adobe Illustrator. Students will explore more about the concept, composition and color schemes through their design for a three-piece series of postal stamps. Some techniques such as overlapping paths, layer, gradient pathfinder and clipping mask will be covered in this stage. When students get used to work in Adobe Illustrator, we will move on to the third stage in which students will create an illustration based on a realistic object. The gradient mesh and blend tool will be introduced. In the last stage, students will be asked to customize an illustration based on a certain purpose.

art271
Intro to Graphic Design
An introduction to the visual language and historical development of graphic design and typography emphasizing fundamental aesthetic concepts and technical methods.

271StudentWork


The Introduction to Graphic Design course intends to provide a platform on which students can “play” with visuals and text through conceptual thinking. Typography, image, space, color, and form will be integrated as the term progresses. It is a working studio class and through case studies, demonstrations and hands on demos students will learn how to apply the basic design theories to the different fields of graphic design, including logo and stationery, layout, poster, package design and etc. It also helps students develop the skills to solve visual problems using Adobe Photoshop, Adobe Illustrator and Adobe InDesign.

art472
Advanced Graphic Design
Advanced research in design problems of a complex nature using a broad range of design approaches.

472StudentWork


In the Advanced Graphic Design class, we focus on developing further conceptual thinking and problem solving skills through the real world projects. All the projects introduced in this course come from the organizations and institutions of the communities, or other departments of our school. In order to give students as much design experiences as possible, we try to keep the projects diverse, which cover logo design, brochure, newsletter, poster and etc. Through the whole semester, students usually design 4-5 projects, either working individually or as a team. Each project usually takes a few rounds to complete, and several client meetings are set up during the working process to help the students get feedback directly. This course also provides the opportunities for the senior graphic design students to have some nice pieces for their portfolio.

profile
“My goal as a teacher is to guide students in their experience of creating art + design."
OFFICE HOURs: 1-2pm M, W ; 10-11am Tu Th
OFFICE: MONL D124-C
TEL(O): 262-595-2119
Teaching Philosophy

As an instructor in visual arts, I'm dedicated to the development and actualization of the creative potential of students. When teaching students to use design language, I use practical instructions in design that possess real world applicability. Meaning-making is always the focus in my classroom over the principles of art and design. These approaches empower students to better understand visual expression in diverse forms and realize the vast potential of art beyond mere techniques and media. It's my responsibility to guide students as they find their own method of experimental investigation. I value all students' experiences during their creative process, both failures and successes.

My goal as a teacher is to guide students in their experience of creating art and design.As an instructor in visual arts, I'm dedicated to the development and actualization of the creative potential of students. When teaching students to use design language, I use practical instructions in design that possess real world applicability. Meaning-making is always the focus in my classroom over the principles of art and design. These approaches empower students to better understand visual expression in diverse forms and realize the vast potential of art beyond mere techniques and media. It's my responsibility to guide students as they find their own method of experimental investigation. I value all students' experiences during their creative process, both failures and successes. My goal as a teacher is to guide students in their experience of creating art and design.

Personal Statement

Design has taken me for many years. Yet, it’s still an intriguing domain that has been attracting me to explore further. In my professional world, design is a process by which businesses can create value and market demand through innovation. In my inner world, however, design is a means of making the complex clear, whether by improving functions or improving communication. Transforming the complexity into clarity in a unique way is always a drive stimulates me to dive into the design sea.

With all the world before me, I search out only my things—the things that express my feelings and reveal new ways to intensify the subject of my design work. I believe that a good design work should go beyond pleasing the public at the moment. It is something that society is willing to accept. I also believe that a good designer should both follow and lead. I follow my instinct and lead the preference of my audience. Focusing on the future, I’m willing to develop my potentials in the fields of interactive design and digital video. My ultimate goal is to be a good educator and an explorer in digital media.

contact
message