Saturday, October 29, 2011
Delving into Web Design
I'm finishing up an introduction to web design course, and it was really intense! It's amazing how much you can learn about HTML and CSS in less than six weeks. Of course, I only learned the basics, and we used Dreamweaver as a toll to help us understand the code, but now I want to play around with HTML and CSS more so I can learn to make my own websites, especially a site for my portfolio. Each week, I was required to study other websites to learn what a well-designed website should look like. I've learned that a simpler website works the best, especially sites that have a lot of content such as retail sites. I think a good example of a simple, clean, well-designed site is http://tandaskincare.com/. The company sells an anti-aging light treatment. In other words, Tanda sells light therapy for your face. The site's header has black and shades of dark gray with white text, which I think is a good use of contrast. If you hover over the text in the navigation bar with your mouse, the words are highlighted in orange. This is called a rollover button, and I learned that this is created with a swapImage JavaScript command. I got a chance to learn how to make my own rollover buttons, and I have several in the website I made for my final project. Depending on how pleased I am with the result, I may share the link later. :-) The body of the site is a field of white, and it allows the products shown in that area to take center stage like paintings in a gallery. This is effective since the devices are red and blue at the ends, so they really stand out. The sub-navigation area is a little large, but it's at the bottom with small text, so it's not a major distraction. I'm pretty motivated about web design right now, so you may get more website critiques from me in the next couple of weeks. I don't claim to be an expert, but I hope you will also share your opinions about the websites I talk about. Thanks!
Labels:
acne,
anti-aging,
skin care,
tanda,
Web design,
Web site,
website
Subscribe to:
Post Comments (Atom)
No comments:
Post a Comment