Archive for May, 2009
MAS – EI – Week 7
May 19th
We are going to cover as much of this as you can handle in one class.
It’s a lot of information and Dreamweaver handles about half of the portions for you.
-The web design process
-What is HTML?
-Should You Learn HTML
-HTML & WYSIWYG Editors
-Linking Basics
-Creating Links
-What is CSS
-Why use CSS
-Using DIV and SPAN
-setting a class or id attribute
-Turning Off Borders using CSS
-setting WIDTH & HEIGHT
-setting the ALT attribute
-using Thumbnails
-linking to Other Media,
-CSS Background Studies (Tiles & Tiling Backgrounds,
-Pattern Sizes, Full
-Screen Backgrounds,Background Code, Seamless Tiles)
-Web File Formats: Bitmap(raster) or Vector?
-File Size and Downloading Speed,
-Making Small JPEGs, GIFs, PNGs
-Hybrid Images (Using HTML to fill Image space)
-What size do we make our layouts?
-Screen Resolution
-Using Kuler to select colors.
-BODY Colors, link Colors, font Color
-Embedding Flash, Movies
MAS – EI – Week 6
May 14th
Presentations: Students present their interactive videos.
Lesson: Understanding simplicity. Think about what is easy for your clients or your customers’ clients.
Make it “Zen” by design.
Garr Reynolds – Synergy Keynote Day 1 Part 1
Professor Brian Sturm – UNC Chapel Hill (presents storytelling as a way of organizing information, conveying emotions, and building community.)
David Seah – (blog) David takes a journey into the discovery of using storytelling drive design.
Duarte – (Blog) Duarte covers many aspects of design and presentation. Focusing on the story .
Dave Werner – (Engaging Interactive Portfolio Site) Each segment Dave is able to open himself up and be really vulnerable in all of his stories and work. The products that a part of and that come out of his stories are some of the most impressive examples of storytelling in website design.
Assignment: Students will develop a website using the story approach. The website can be produced as concept pages. It does not have to be fully functional. It might be best to use TileStack to complete this assignment.
MAS – EI – Week 5
May 7th
Presentations: Students present their interface-free navigation.
Lesson: Navigation and video -  Breaking the linear timeline. Interactive video experiences and how they influence the user and engage them for a longer time with a brand. A look at VEILS(Video Encoded Invisible Light Systems).
Batwave Batmobile by Mattel – video case study -
Related – Serafina by Mattel – InteracTV by Fisher-Price
Boony by Fosters – video case study
Lion Red – YouTube Skit based on the Boony concept.
Related – Lion Red Website
Dancing ELMO – Video demos on Gizmodo
BombayTV – Subtitle your own clips
Subtitler by Jaman – Subtitle foreign films
Choose Your Own Path/Adventure – SMP Films example on youtube
Assignment: You will create a YouTube video with a unique form of navigation and branching paths, while engaging user with the brand.