Interface Programming 2 Week 10. Interface Programming 2 :: Week 10 :: Calendar.

Slides:



Advertisements
Similar presentations
Thesis Presentation IV – Fall Midterm Review NewMediaArts art 127 :: graphic symbolism week 6 :: a.
Advertisements

Kapi’olani Community College Art 155 Information Architecture In-class Presentation Week 9A.
Kapi’olani Community College Art 258 Interface Programming II In-class Presentation Week 12A.
Kapi’olani Community College Art 258 Interface Programming II In-class Presentation Week 13B.
Interface Design 2 Week 9. Interface Design 2 :: Week 9 :: Calendar.
Kapi’olani Community College Art 257 Motion Graphic Design In-class Presentation Week 8B.
Kapi’olani Community College Adobe Flash 2 In-class Presentation Week 2.
Kapi’olani Community College Art 249 Interface Design 2 In-class Presentation Week 4A.
Thesis Presentation IV – Fall Midterm Review NewMediaArts art 257 :: motion graphic design week 8 :: b.
Kapi’olani Community College Adobe Flash 2 In-class Presentation Week 1.
Kapi’olani Community College Art 257 Motion Graphic Design In-class Presentation Week 10A.
Interface Design 2 Week 10. Interface Design 2 :: Week 10 :: Calendar.
Interface Programming 2 Week 13. Interface Programming 2 :: Week 13 :: Calendar.
Thesis Presentation IV – Fall Midterm Review NewMediaArts art 257 :: motion graphic design week 7 :: a.
Kapi’olani Community College Art 258 Interface Programming II In-class Presentation Week 11B.
Kapi’olani Community College Art 257 Motion Graphic Design In-class Presentation Week 6A.
Art 128 Interface Programming 1 In-class Presentation Week 8A.
Motion Graphic Design Week 7. Motion Graphic Design :: Week 7 :: Calendar.
Interface Programming 2 Week 12. Interface Programming 2 :: Week 12 :: Calendar.
Interface Programming 1 Week 7. Interface Programming 1 CALENDAR.
Kapi’olani Community College Art 257 Motion Graphic Design In-class Presentation Week 10B.
Interface Design 2 Week 5. Interface Design 2 :: Week 5 :: Calendar.
Motion Graphic Design Week 7. Motion Graphic Design :: Week 8 :: Calendar.
Thesis Presentation IV – Fall Midterm Review NewMediaArts art 249 :: interface design II week 4 :: a.
Interface Design 2 Week 3. Interface Design 2 :: Week 3 :: Calendar.
Motion Graphic Design Week 6. Motion Graphic Design :: Week 6 :: Calendar.
Interface Programming 2 Week 16. Interface Programming 2 :: Week 16 :: Calendar.
Interface Design 2 Week 6. Interface Design 2 :: Week 6 :: Calendar.
Kapi’olani Community College Art 249 Interface Design 2 In-class Presentation Week 6B.
Thesis Presentation IV – Fall Midterm Review NewMediaArts art 127 :: graphic symbolism week 9 :: a.
Interface Design 2 Week 2. Interface Design 2 :: Week 2 :: Calendar.
Motion Graphic Design Week 9. Motion Graphic Design :: Week 9 :: Calendar.
Digital Multimedia Week 7. Digital Multimedia CALENDAR.
Thesis Presentation IV – Fall Midterm Review NewMediaArts art 127 :: graphic symbolism week 6 :: b.
Kapi’olani Community College Art 257 Motion Graphic Design In-class Presentation Week 1A.
Kapi’olani Community College Art 257 Motion Graphic Design In-class Presentation Week 6B.
Motion Graphic Design Week 5. Motion Graphic Design :: Week 5 :: Calendar.
Thesis Presentation IV – Fall Midterm Review NewMediaArts art 257 :: motion graphic design week 6 :: a.
Thesis Presentation IV – Fall Midterm Review NewMediaArts art 127 :: graphic symbolism week 8 :: b.
Kapi’olani Community College Art 258 Interface Programming II In-class Presentation Week 12B.
 Balance, Alignment, Consistency, Contrast, Repetition, Golden Rectangle, White space, Proximity.  Graphic Design case study1  Tutor marked assignments.
Thesis Presentation IV – Fall Midterm Review NewMediaArts art 249 :: interface design II week 3 :: a.
Kapi’olani Community College Art 249 Interface Design 2 In-class Presentation Week 2B.
Kapi’olani Community College Art 249 Interface Design 2 In-class Presentation Week 5A.
Interface Programming 2 Week 6. Interface Programming 2 :: Week 6 :: Calendar.
Kapi’olani Community College Art 257 Motion Graphic Design In-class Presentation Week 5B.
Kapi’olani Community College Art 249 Interface Design 2 In-class Presentation Week 2A.
Elements and Principles
Interface Programming 2 Week 14
Kapi’olani Community College
Kapi’olani Community College
Art 128 Interface Programming 1 In-class Presentation Week 8B
Kapi’olani Community College
Kapi’olani Community College
Kapi’olani Community College
Kapi’olani Community College
Interface Design 2 Week 4.
Kapi’olani Community College
Kapi’olani Community College
Kapi’olani Community College
Interface Design 2 Week 11.
Art 222 Digital Multimedia In-class Presentation Week 14B
Art 222 Digital Multimedia In-class Presentation Week 14A
Kapi’olani Community College
Kapi’olani Community College
Kapi’olani Community College
art 127 :: graphic symbolism
Kapi’olani Community College
Kapi’olani Community College
Kapi’olani Community College
Presentation transcript:

Interface Programming 2 Week 10

Interface Programming 2 :: Week 10 :: Calendar

Interface Programming 2 :: Week 10 :: This Week's Agenda  This week we will:  Work on the designs for the final project  Learn how to create a scrolling navigation  Learn how to create advanced transitions using movie clips

Interface Programming 2 :: Week 10 :: Lesson  By now you should have already chosen your client and have a 1st round of designs done. Show your designs to Chris during class time for feedback.  While experimenting with your designs/mockups, take the time this week to research and sketch out the specific interface features of your site. How will the navigation work? Will there be any special rollover effects? Scrolling effects? How will the user transition from page to page within the site?  Create several test files in Flash. This is crucial for those who will be attempting to create an "experimental" navigation or transition system.

Interface Programming 2 :: Week 10 :: This Week's Assignment Due : Week10A  If you haven't done so already, post your midterm Flash web site that you have been working on in class.  Be sure to p lace your flash swf file into an html page using SWFObject

Interface Programming 2 :: Week 10 :: Final Assignment Due: Week 16A Art Flash Web Site Assignment: create an advanced Flash web site. You can choose any site/client/idea that you want, however: your site must warrant the use of Flash versus HTML. In other words, if you ask yourself, “should this be an HTML site instead?” and the answer is “Yes” – then you should consider another idea. Your final site should include:  A custom preloader  An animated intro  Multiple pages/sections (minimum of 3)‏  Transitions between pages/sections  SWFObject and CSS for placing/publishing your flash into HTML NOTE: You can NOT do your own Flash portfolio site.

Interface Programming 2 :: Week 10 :: Final Assignment Due: Week 16B Art Flash Web Site Assignment: create an advanced Flash web site. You can choose any site/client/idea that you want, however: your site must warrant the use of Flash versus HTML. In other words, if you ask yourself, “should this be an HTML site instead?” and the answer is “Yes” – then you should consider another idea. Your final site should include:  A custom preloader  An animated intro  Multiple pages/sections (minimum of 3)‏  Transitions between pages/sections  SWFObject and CSS for placing/publishing your flash into HTML NOTE: You can NOT do your own Flash portfolio site.

Interface Programming 2 :: Week 10 :: Final Assignment Due: Week 16B Art Flash Web Site Objectives:  To apply the skills learned in both motion graphic design and interface programming 2 into one unified interface.  Complete the creative problem-solving process from the preliminary planning stage and exploration through revisions to the final product.  Experiment by taking risks through the process of exploration during the creative problem solving process.  Demonstrate relevant contemporary responses to motion graphic design and interface programming using ActionScript, HTML, and CSS.  Analyze and apply the visual elements of line, shape, value, color, texture, time, motion and the design principles of balance, rhythm, repetition, emphasis, contrast, variation, and unity to interface design assignments.  Incorporate typography, shape and sequential graphics/images in a time- based, interactive interface.  Analyze the way motion is used to convey sequential organization of information in time.  Demonstrate strong group communication skills and the ability to speak clearly during critiques.

Interface Programming 2 :: Week 10 :: Final Assignment Due: Week 16B Art Flash Web Site Format: Flash inside of an HTML page.  Use a combination of Flash, SWFobject, HTML, and CSS to design your site as it will appear in the browser.  Post a link to your final site from both your Art 257 AND Art 258 class web pages!!