1 / 7

Kapi’olani Community College Art 249 Interface Design 2 In-class Presentation Week 6B

Kapi’olani Community College Art 249 Interface Design 2 In-class Presentation Week 6B. :: Examples. Atlanta Slashers http://www.atlantathrashers.com Brown University http://www.brown.edu/ 2 nd Design http://www.2nddesign.net/index.htm. :: Calendar. :: Today’s Agenda.

issac
Download Presentation

Kapi’olani Community College Art 249 Interface Design 2 In-class Presentation Week 6B

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. Kapi’olani Community College Art 249 Interface Design 2 In-class Presentation Week 6B

  2. :: Examples • Atlanta Slashers • http://www.atlantathrashers.com • Brown University • http://www.brown.edu/ • 2nd Design • http://www.2nddesign.net/index.htm

  3. :: Calendar

  4. :: Today’s Agenda • Finish Looking at other designs --------break-------- • Brief Lesson on beginning to code • As you make changes to your designs, keep asking yourself: • What are your two (or three) themes? • name them very clearly • what risk level are they? • Consider making revisions to the scope of your site by updating your site map. • make sure that you do not make too much work for yourself! • 1-1 Meetings (time permitting)

  5. :: Lesson • Brief review of why we use web standards and HTML, XHTML, and CSS • How to begin coding • Setting up your site in Dreamweaver • Setting up a good folder structure • Establishing an index.html and a univ.css file. • Using the correct doctype (XHTML strict) • Linking to an external css file (not embedded css) • Common first steps in CSS • * margins and paddings • body settings (font, color, background, etc.) • Common first steps in HTML • doctype • linking your css file • setting up your divs (working from the top down, outside in)

  6. :: Assignment due : 10.09.06 • Final comps • purpose/objective: • To use templates in order to iterate out the designs for an entire site. • To design the most effective user interface for your targeted audience. • To defend the conceptual merits of your own designs. • To meet the needs and deadlines dictated by your client. • assignment: Based upon the feedback from your 2nd round of comps, make the necessary changes to transform your designs into their final form for viewing to the client. You need to produce at least two versions. All pages from your site map must be comped to completion (yes, all sub pages). Pay attention to the details (spelling, curve quality, pixel alignment). All comps should include the final images and copy (no lorem ipsums). • format: no less than two thematic designs in two different thematic directions. You may do a third if you would like to show a third design to the client. Use Photoshop to execute your designs digitally. Technical details: • Post a Client “Comp Site” that includes “x” number of JPEG images (the number x depends upon how many pages are in your site map) – in at least two different thematic directions (1000 x 800 pixels in dimension, 100% max quality compression). • Revised site map – along with your comps, please revise your site map, and save it out as an image to show the client during the critique.

More Related