The Assignment:
For this week's post, you'll need to do some research on basic layout and design principles.
We discussed C.R.A.P. (see my lecture/powerpoint for more info) in class this week. For your weekly blog entry, find several sites (minimum 3) that will help you better understand basic layout and design. Discuss how the information you learn will help you out with your individual website.
Don't forget to cite those sources!
Ron Weibe wrote:
• The simple rules of basic design are:
• Capture your reader’s attention using emphasis.
• Keep your reader on the page using rhythm and harmony.
• Deliver your message through the style of the design, appropriate selection of type and sound textual information.
Read more on layout and design at Suite101:
My Assignment:
"Basic Web Design and Layout - Interactive Media Center Tutorial." University at Albany Libraries. Web. 15 Apr. 2012. <http://library.albany.edu/imc/webdesign/>.
Shannon, Ross. "HTML Source : HTML Tutorials." Basic Web Design. Web. 15 Apr. 2012. <http://www.yourhtmlsource.com/myfirstsite/basicwebdesign.html>.
"Basic Web Design Principles." University of Michigan. Web. 15 Apr. 2012. <http://www.umich.edu/~ece/resources/design.html>.
Johnson, Joshua. "Design Shack - Web Design Showcase, CSS Tutorials and Web Standards." 10 Rock Solid Website Layout Examples. 16 Feb. 2011. Web. 15 Apr. 2012. <http://designshack.net/articles/layouts/10-rock-solid-website-layout-examples>.
Advice I liked from these sites:
From 10 Rock Solid website layout examples I loved the featured graphic. I like the way it looks clean and simple, yet still artistic and attention grabbing all at the same time. I plan to use this a lot on my site. He says this is good to use when you don't have enough content for a full page and you want to showcase one graphic.
I also really love anyone that tells me to keep it simple when it come to web design because simple is all I really know how to do yet.
From the article Basic Web Design everything is really basic. Use light colors, because I guess according to this sight bright primary colors are uncomfortable to look at it, which I didn't know, so I'll take the experts word for it. Structure your page into blocks using either: tables, layers or frames.
Tables: Pretty much exactly what I pictured when I read the word table.
Layers: What happened when CSS came along, you can have layers instead of tables.
Frames: Not the best for beginners because they can be hard to use and implement.
Those two articles were by far the best, the other two were somewhat of a dull read and covered a lot of things I've read on other tutorial sites.
No comments:
Post a Comment