MM2201 - INTERFACE DESIGN AiCASD - Summer 2007 Instructor: Laura Cesari Contact: lcesari@aii.edu or laura.cesari@gmail.com Week 7: Topics: Theme Design Part 2 Lab / In-class activity: Work on Theme Design Work due this week: Software Design Part 1 Homework for next week: Software Design Part 2 Link: Get Firefox Themes Tutorials: Creating Firefox Themes First Steps in Theme Design: Customizing Image Sizes Customizing the scrollbar Changing colors and fonts MozillaZine Forum on Theme Development Assignment #7: Software Design Part 2 (Due Week 8) Firefox Phase 2: Additional Icons Continue your theme design: create more icons. This week, finish up the main navigation and start working on additional icons: Navigation Bar: (Search, Go, Drop-down) Create icons for the Go button (next to the address bar), the Search button (in the google search bar), and the "drop-down" or "drop-marker" icons next to the forward, back, and go buttons. Additional Icons: (Downloads, History, Bookmarks, New Tab, Etc.) To view additional icons, such as bookmarks, downloads, and history, right-click on the toolbar and select "customize" . These icons can be added to the toolbar by dragging them onto the toolbar where you want them to go. You can also remove them by dragging them back into the customizing window. Modify your files to work as a functioning Firefox Theme. (.JAR file) For Phase 2: Include the following icons: Navigation Bar: Search, Go, Drop-down Other Icons: Downloads, History, Bookmarks, New Tab, New Window, Print For each icon, include the following icon states: Normal, Inactive, Hover, OnClick Turn in: - functional theme (.JAR file) - a screenshot of your browser working: show the new icons in your toolbar. Grading: 10pts total __ (2) Icon symbols are recognizable and intuitive __ (2) Graphic Quality: images are clean and consistent __ (2) Thematic Unity: colors, graphics, and style are consistent __ (2) Feedback: Button states are differentiated __ (2) Alignment & Spacing follow a consistent system (regular or irregular) __Total out of 10 points

Weekly Index: Week 1 - (July.9) Week 2 - (July.16) Week 3 - (July.23) Week 4 - (July.30) Week 5 - (Aug.7) Week 6 - (Aug.14) Week 7 - (Aug.21) Week 8 - (Aug.28) Week 9 - (Sept.3) Week 10 - (Sept.10) Week 11 - (July.17)