My CAT274 Journey

Just another WordPress.com weblog

Week 4

Wow, what a week with all the snow we have been getting.  I just heard that another big storm (3rd one) is approaching.  I really need to move back to Atlanta, real soon LOL.

The most interesting element I have learned for the week is the use of color and the use of Fireworks.  Fireworks will help to save a lot of time from switching back and forth between vector and bitmap programs.  Can’t wait to learn this tool!

My Navigation & Usability Comments:

I chose Sprint’s website since it is a major wireless company.  http://now.sprint.com/widget/

I must say I was very surprised that Sprint would not have put more thought into this design.  My first impression was the starter page took too long to get to the point.  The next page really blew me away.  I was all over the place and didn’t know where to focus first.  There are way too many links on this page.

Websites from some videos and tools this week are:

http://tv.adobe.com/watch/learn-fireworks-cs4/getting-started-01-understanding-fireworks/

http://tv.adobe.com/watch/learn-fireworks-cs4/getting-started-02-the-fireworks-interface/

http://tv.adobe.com/watch/learn-fireworks-cs4/getting-started-03-importing-and-exporting-images/

http://tv.adobe.com/watch/learn-fireworks-cs4/getting-started-04-smart-guides-and-tooltip/

http://tv.adobe.com/watch/learn-fireworks-cs4/using-kuler-color-themes/

http://tv.adobe.com/watch/learn-fireworks-cs4/understanding-styles-and-symbols/

Interactive Advertising Bureau

The IAB is an association dedicated to helping online, Interactive broadcasting, email, wireless and Interactive television media companies increase their revenues. The IAB sponsors initiatives, such as standards, research, advocacy and education, that benefit the membership as well as the industry as a whole.

Color Matters

Colorstrology

Color In Motion

Kuler Color

WEBSITE: Vincent Flanders

Webpagesthatsuck.com – by Vincent Flanders;

Flanders has been writing for years about website that, in his words, “suck”. He identifies sites with useability problems in his own, comical, no-holds-barred way. He’s published books, written case studies, and invented terminology.

He has an extensive list of videos under the section titled Navigation Issues – Review the videos.

He also features a video short about a ridiculously bad example of navigation: http://www.vincentflanders.com/videos/gnn.html

Mystery Meat Navigation

The term “Mystery Meat Navigation” refers to elements of navigation that don’t explain or make obvious that they are navigation items (ie, buttons with no labels, just obscure icons) and only change when the User’s mouse rolls over the navigation.

This type of “hidden” navigation is problematic for a number of reasons. Flanders posts some examples of Mystery Meat Navigation under the appropriate heading on this page. Watch the videos to learn more about MMN, as he refers to it.

Annual Suckers

Vincent is famous for his Annual Worst Websites, a list where he compiles the worst websites (through nominations) and summarizes them at the end of the year.

February 11, 2010 Posted by | Uncategorized | Leave a comment

Week 3

After reading the first chapter of “The Principles of Beautiful Web Design”, I learned that there are many elements that must be used to build an effective web site.  A web site must be both beautiful and usable.  Whitespace is VERY important in designs.  White space helps our designs to breath and give balance for both negative and positive space.  Repetition is often used in web designs to show unity over the entire website.  Using a grid to design will help to line objects on pages properly and help with proportion of sizes as well.  

A few websites to help designers to think outside the box are:

CSS Zen Garden:  www.csszengarden.com
CSS Beauty:  www.cssbeauty.com
Stylegala Gallery:  www.stylegala.com/archive/
CSS Vault:  www.cssvault.com
Design Interact Site of the Week:  www.designinteract.com/sow/
 
Below are links to videos from this weeks lectures regarding Dreamweaver & Fireworks:

http://tv.adobe.com/watch/learn-dreamweaver-cs4/getting-started-05-styling-text/

http://tv.adobe.com/watch/learn-dreamweaver-cs4/getting-started-04-adding-text-and-images/

http://tv.adobe.com/watch/learn-fireworks-cs4/managing-design-suite-workspaces/

http://tv.adobe.com/watch/learn-fireworks-cs4/getting-started-01-understanding-fireworks/

http://tv.adobe.com/watch/learn-fireworks-cs4/getting-started-02-the-fireworks-interface/

http://tv.adobe.com/watch/learn-fireworks-cs4/importing-files-into-fireworks/

February 5, 2010 Posted by | Uncategorized | Leave a comment

Week 2

Week 2 is tuff.  Seems like a lot of work for a small period of time.  I can do this!!  At least that is what I keep telling myself. 

After reading and watching the videos, I have a better understanding of file structure within Dreamweaver, the difference between absolute and relative links, defining local and remote files.  I will have more to report once I complete the “hands on approach” of my assignments for this week.

I made through the end of week 2!!  Actually, I am starting to get a handle on having 3 classes.  The most interesting element that I have found about web design is, there is a global standard for structuring web pages.  You wouldn’t know it by some of the websites I have recently seen.

January 29, 2010 Posted by | Uncategorized | 2 Comments

Week 1

Welcome to my blog. 

This  blog is dedicated to the diary of my journey through CAT274 Web Design.  This is my first web design class.

This first week was hard for me because this is the first time I have ever taken 3 classes at the same time.  I will get it all together once I establish an organized pattern for myself. 

I finally understand “Tags”!  I really enjoyed viewing the videos on Lynda.com.  The info was very clear and concise.  The greatest lesson from week 1 was learning proper ground rules like setting your files up correctly the first time and proper naming conventions. 

Some great referal sites and software are: 

Mybestratedwebhosting.com/#chart   which tracks the best web hosting services

Text Editors:

Text Editors we can use (do not use a word processor)

BBEdit 9 – not free
Textwrangler – free
Notepad++ great text editor – free

Article  Links:

 

January 23, 2010 Posted by | Uncategorized | Leave a comment