Interface Design 2 Week 3. Interface Design 2 :: Week 3 :: Calendar.

Slides:



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

Art 155 Information Architecture In-class Presentation Week 10B.
Kapi’olani Community College Art 155 Information Architecture In-class Presentation Week 9A.
Information Architecture Week 8. Information Architecture QUIZ Please put your books away and get ready for this week’s quiz.
Art 155 Information Architecture In-class Presentation Week 9B.
Interface Programming 2 Week 10. Interface Programming 2 :: Week 10 :: Calendar.
Thesis Presentation IV – Fall Midterm Review NewMediaArts art 249 :: interface design II week 7 :: b.
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 Art 249 Interface Design 2 In-class Presentation Week 14B.
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.
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 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.
Interface Design 2 Week 1. Interface Design 2 :: Week 1 :: Calendar.
Art 155 Information Architecture In-class Presentation Week 16B.
Motion Graphic Design Week 2. Motion Graphic Design :: Week 2 :: Calendar.
Art 155 Information Architecture In-class Presentation Week 9A.
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 7 :: a.
Thesis Presentation IV – Fall Midterm Review NewMediaArts art 249 :: interface design II week 4 :: a.
Kapi’olani Community College Art 155 Information Architecture In-class Presentation Week 8B.
Motion Graphic Design Week 6. Motion Graphic Design :: Week 6 :: Calendar.
Interface Programming 2 Week 16. Interface Programming 2 :: Week 16 :: Calendar.
Information Architecture Week 7. Information Architecture QUIZ Please put your books away and get ready for this week’s quiz.
Kapi’olani Community College Art 257 Motion Graphic Design In-class Presentation Week 2A.
Interface Design 2 Week 6. Interface Design 2 :: Week 6 :: Calendar.
Using Adobe ® Dreamweaver ® and Photoshop ® An Introduction PART ONE The design phase before launching Dreamweaver.
Thesis Presentation IV – Fall Midterm Review NewMediaArts art 127 :: graphic symbolism week 16 :: a.
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.
Thesis Presentation IV – Fall Midterm Review NewMediaArts art 249 :: interface design II week 6 :: a.
Interface Design 2 Week 2. Interface Design 2 :: Week 2 :: Calendar.
Motion Graphic Design Week 9. Motion Graphic Design :: Week 9 :: Calendar.
Thesis Presentation IV – Fall Midterm Review NewMediaArts art 127 :: graphic symbolism week 6 :: b.
Kapi’olani Community College Art 222 Digital Multimedia In-class Presentation Week 7B.
Interface Design 2 Week 7. Interface Design 2 :: Week 7 :: Calendar.
Kapi’olani Community College Art 257 Motion Graphic Design In-class Presentation Week 6B.
Kapi’olani Community College Art 249 Interface Design 2 In-class Presentation Week 16A.
Thesis Presentation IV – Fall Midterm Review NewMediaArts art 257 :: motion graphic design week 6 :: a.
Interface Design 2 Week 14. Interface Design 2 :: Week 14 :: Calendar.
Thesis Presentation IV – Fall Midterm Review NewMediaArts art 127 :: graphic symbolism week 8 :: b.
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.
CD Packaging Design. The Creative Brief 1.Design a CD package: front, back cover and spines. Use the template which was ed to you by the instructor.
Kapi’olani Community College Art 249 Interface Design 2 In-class Presentation Week 7A.
Kapi’olani Community College Art 249 Interface Design 2 In-class Presentation Week 5A.
Kapi’olani Community College Art 249 Interface Design 2 In-class Presentation Week 2A.
art 249 :: interface design II
Interface Programming 2 Week 14
CD Packaging Design.
Kapi’olani Community College
Kapi’olani Community College
Art 128 Interface Programming 1 In-class Presentation Week 8B
Interface Design 2 Week 4.
Kapi’olani Community College
Kapi’olani Community College
Kapi’olani Community College
Interface Design 2 Week 11.
Kapi’olani Community College
art 127 :: graphic symbolism
Kapi’olani Community College
Kapi’olani Community College
Presentation transcript:

Interface Design 2 Week 3

Interface Design 2 :: Week 3 :: Calendar

Interface Design 2 :: Week 3 :: Example  Stanford Web Credibility Research   Stanford Guidelines for Web Credibility “Top 10 List”: 

Interface Design 2 :: Week 3 :: This Week's Agenda  Full work week to begin designing

Interface Design 2 :: Week 3 :: Lesson  Tips to begin designing  Work in Photoshop  Create 3 separate PSDs  Be sure to work in three different thematic directions.  Map out/decide on your thematic directions before you start designing  Name them.  Consider one to be a low risk design, another to be a mid risk design, and the last to be a high risk design.  “Work with what you got.”  At this point you may be waiting on your client for assets, or your client may not have that many visual assets. This is your challenge as a designer. Solve it using your design skills!

Interface Design 2 :: Week 3  Home page comps/mock-ups – round #1  assignment:  Based upon your research, your creative brief, and your site/page maps choose a few different themes (minimum of three) that will act as design directions for the visual execution of your client ‘s site interface. An example of a theme may be “a highly technological and mechanical look using metallic edges, cool colors, and stock photography”. The title of this execution, or visual design direction could be “Tech Blue Photo” Another theme may be “Simple Black and White Bars”. Once you have established three or more themes to follow, execute each by creating a home page comp (short for comprehensive) – a comp is a layout prepared to resemble, as closely as possible, the finished project. :: Assignment Due : Week5A

Interface Design 2 :: Week 3 :: Assignment  Home page comps/mock-ups – round #1  purpose/objective:  To experiment visually by taking risks.  To analyze basic information structures and demonstrate the ability to research topics and organize ideas into comprehensive information hierarchies.  To research, analyze and demonstrate Web page and site design incorporating the available typographic characteristics available in CCS.  To analyze user-centered design that demonstrates a need for CCS.  To apply the visual elements of line, shape, value, color, texture, time, and the design principles of balance, rhythm, emphasis, contrast, variation, repetition, and unity to interface design assignments.  To defend the conceptual merits of your own designs. Due : Week5A

Interface Design 2 :: Week 3  Home page comps/mock-ups – round #1  format:  no less than three designs in three different thematic directions. You may use a combination of photoshop and illustrator to execute your graphical design elements digitally, but ultimately your final layout should be in Photoshop. Use lorem ipsums in the place of any copy not yet written.  technical details:  A minimum of 3 JPEG images in three different thematic directions – (1000 x 800 pixels in dimension, 100% max quality compression)‏  Post a link to the images (jpegs) off your main class web page before class begins. :: Assignment Due : Week5A