LSC 532 » Lecture Notes

Sites from 03/11

Don — Tue, 11 Mar 2008 18:26:08 +0000

By the end of this week, you should have your interface design concepts nailed down and in electronic form so you can begin working on the XHTML/CSS and content. To help those of you who need some inspiration, here are two sites to Review for design:

Web 2.o style from Web Design from Scratch

Grunge Style Article from Smashing Magazine

As far as navigation, please review these sites to view and read about navigation trends and design styles.

Navigation Trends from Smashing Magazine

Advanced CSS Tutorial from Web Designer Wall

Today’s Class

Don — Thu, 28 Feb 2008 20:01:56 +0000

Now that the client project is rolling, today we talked about the benefits and drawbacks of using CSS template sites such as Code Sucks and Free CSS Templates.

By the end of class, your team and nterface designer should have several interface designs sketched out so your XHTML/CSS team can start preparing the webpage layouts. Make sense?

Websites from February 26th

Don — Tue, 26 Feb 2008 21:35:05 +0000

Here are a listing of the sites I showed today demonstrating CSS galleries and techniques.

http://www.ndesign-studio.com/

http://cssbeauty.com/

http://cssvault.com/gallery/

http://www.webdesignerwall.com

Learning tools

Don — Thu, 21 Feb 2008 21:13:07 +0000

Here is the w3schools website I mentioned today. It’s a great resource for learning HTML, XHTML and CSS.

Also, for reading please go over Chapters 11-13 in “Learning Web Design”

Websites from Tuesday’s lecture

Don — Thu, 07 Feb 2008 16:11:35 +0000

Below is a listing of the sites I shared in class on Tuesday, with some additions. One of the best is the Web Design from Scratch site. It’s an excellent resource for aspiring web communicators. It’s definitely a resource to use again and again.

Remember the one of the key points from our discussion on Tuesday was to understand how web design style and convention has evolve to this point (e.g. the Web 2.0 style). And notice too how how these sites use CRAP and content to make key information/key messages prominent.

Eastbay Interface for Redesigning

dtstanley — Fri, 25 Jan 2008 22:46:30 +0000

I apologize. I had this image in a not-so-easy to find spot on the blog (bad information architecture, right? And thanks for pointing that out Noel). Click on the image for a larger version of the interface that you can print. It’s a little fuzzy, but it will work for our purposes.

1/24 Lecture Notes & Homework

Don — Thu, 24 Jan 2008 22:09:49 +0000

As mentioned in class, you homework is to begin sketching a redesign for this webpage. Use the discovery questions from today’s lecture as a starting point and then sketch away.

For reading, please read Don’t Make Me Think, chapters 1-3.

And for those of you interested in the Poynter Institute study, you can view a short video describing the study.