Wednesday, April 4, 2007

You can't miss: Icons, icons, icons

Apple (actually Linux...their icons are way cooler) has kind of changed the face of the desktop in many aspects. The icons that are the most popular and that are sort of the mainstream now all have that "aqua" feel to it - which is very distinctive of apple desktop icons. The newest Windows system - Vista (they need a better name, really) is also using that feel/design.

Check out this icons designer's website, he has done some really cool designs for some applications...and its kind of a flashback to our logo assignment where he shares about how he designs the icons from conceptualization to the actual product.

Response: Trends

It was interesting to hear about some of the presentations in class yesterday. I guess different magazines that cater to different markets have their own pros and cons. Talking to P*eter at Glamour was an interesting experience and I guess it was a really good insight into the world of commercial mass-market magazines. It was however very surprising that there is still that detachment between the online departments and print departments. I thought they would have started working together more cohesively to drive people to the website and also provide extra editorial content online and of course, coming up with a design that is a cohesive package for both print and online.

Critique: illustration


This is an illustration I did for a postscript story that will run sometime in the future. It is about a woman who is shorter than normal and how she manages her life around it. It's kind of cute but fun.

Tuesday, March 20, 2007

You can't miss: Words from the experts

W3Schools : the authority on everything web has some good suggestions about web design. It is definitely worth looking at to see if your website is compatiable with industry standards. Most websites now have their websites validated by the W3school HTML/CSS validators that check your code to make sure there isn't anything funky in there.

The most important thing mentioned is to Know Your Audience (under the Web Users section) Today we saw many designs that were kind of presented in a different way that can make navigation very hard for some users. Taking note of some of things below when designing can make users love your site and keep coming back. It doesn't matter how fancy your site is if users can't get to the information they need.

What Monitors Do They Have?

Remember that not everyone on the Web has the same monitor as you have. If you design your Web pages to be displayed on a monitor with a 1024x768 resolution, some of your visitors with lower resolution monitors (like 640x480) might have problems reading your pages.

Some users still have low resolution 640x480 monitors, but the trend is moving towards 800x600 as the low resolution standard. This Web site is designed to be best viewed on 800x600 or better resolution.

If you are one of those developers with a sophisticated monitor (1600x1200?), make sure you test the display of your Web pages on different monitors with lower resolutions.

One wise thing to do when designing the layout of Web pages is to let a section of each page be of variable size to fit the size of a large or small resolution monitor.

Take a look at our browser statistics to see the trends in monitor development.


What Browsers Do They Use?

Both of the two major Internet browsers (Netscape and Microsoft) have their own specialties and quirks that you must consider when designing your Web pages.

If you are serious about your Web site, don't forget to test every page with different types of browsers.

The most popular browsers today are Microsoft Internet Explorer and Mozilla Firefox.

Additionally, some of your visitors might use text only browsers, such as Lynx, or they might visit your site from an online service like AOL, CompuServe or Prodigy. Some of these browsers might not display your Web pages as well as you think.

One wise thing to do when designing Web pages is to use strict, formal and correct HTML (or XHTML). Strict and correct coding will always help a browser to display your pages correctly.

Take a look at our browser statistics to see the trends in browser development.


What Plug-Ins Do They Have?

Some elements in your Web pages, like sound and video clips or other multimedia content, might require the use of separate programs (helper applications or plug-ins).

Don't use such elements in your Web pages unless you are sure that your visitors have access to the software needed to view them.


What About Disabilities?

Some people have serious viewing or hearing disabilities. These users might want to visit your Web site.

Some of them will try to read your pages with Braille or speech-based browsers. Remember that all of your visible content is lost if you don't provide them with some text based alternatives for pictures and other graphic elements.

Designing Web pages for people with disabilities is not an easy thing, but one small thing you can do - at least for people with poor eyesight - is to let your pages use a resizable font size.

(Have you ever tried to change the text size while browsing W3Schools?)

Critique: My website

Well, I'm ok with my website. Those of you who are interested in seeing how the background looks like can check out there, it should work better not on your computer screens. As Kristin S. said, it needs to be more cohesive, as the "flowers" in the background, my logo and my cutsy illustration doesn't really work too well together. I really like the cool blue/tiffany & co. color scheme though and I prefer white to back as white is just really much easier on the reader than having to read reverse type on black.

Refinements, I guess I need to incorporate some sort of multimedia thing in there, Amanda W. mentioned something about the hair of the girl flapping in the wind; Jan suggested sunglasses/ girl pulling her hair out...kate l. suggested her holding a balloon...hmmm..I guess I have many options, I will try to work that in there :D

Thanks for everyone's critique today...it is very helpful!!! :D

You can't miss: CSS Zen Garden

Check out these pages below from CSS Zen Garden, its a great place to look for inspiration and also marvel at the possibilities of CSS in web design...those are just some I found, they are not awesome, but its good to learn how they get some the things done and how to make pages look dynamic without it being too complicated!

1. Icicle Outback
2. The Original
3. Table Layout Assasination
4. Urban
5. Start Listening

Response: Logo design

It was a fun assignment to work on but I guess I'm just not the logo designing type. It really takes a lot of work but I enjoyed drawing out the logos on paper and making drafts. I hardly get to do that anymore since everything is now done on the computer. I like the thought process that goes into designing the logos and it was great to see everyone's in class. I especially love Kate L.'s, those were awesome - I like your train of thought. Maybe the the Main Squeeze one would be more fun to work on! I think all of us should enter!