Business, Tech Tips, Technology - Written by Chris Gillis on Thursday, September 11, 2008 15:58 - 5 Comments
Designing for the Web Part 1 of 3
Today I am going to veer a little off of web marketing and focus on a three part series called ‘Designing for the Web’. Today I will be focusing on the challenges designers face when starting a new website project.
The main technical/design challenges that a web designer faces when a new project comes across their desk are:
Screen Resolution and Size
Color
Browsers
Operating Systems
Typography
Screen Resolution and Sizes
The current trend is that more and more computers are using a screen size of 1024×768 pixels or more. This needs to be taken into account and decisions are made by the designer based on demographics. For instance if I knew the target market of the business or organization was ages 65 and up, than I may make the decision to gear the site to the lowest browser of 640×480. If the site is for a Gaming company than it would be safe to make the decision to go with 1024×768 or higher.
Colors
Web safe colors are not such a large issue these days with modern displays. The “web-safe” color palette consists of 216 color values and was developed at a time when many computer displays were only capable of displaying 256 color. If you want to stay on the safe side of design, stick to this color palette.
Browsers
Not only do users have different sized monitors and resolutions, there are currently sever major browsers that need to be supported:
Internet Explorer 7
Internet Explorer 6
Internet Explorer 5
Firefox
Mozilla
Safari
Opera
They all treat web code completely different, so we must code and design carefully in order to make the website look and feel similar in each browser.
Operating Systems
WinXP
W2000
Win98
Vista
W2003
Linux
Mac
These will also affect web code and decisions need to be made by the designer based on demographics.
Typography
Web typography is very limited compared to what a tradition print graphic designer has to work with. Generally a web designer has about six or so fonts that are loaded on most Macs and PCs. Through the use of CSS, you can start to make you web typography look very nice these days, but was not always the case.
Most of the current stats from the above can be viewed on The W3 Schools website by clicking on the left column.
As you can see, there are many considerations a designer has when making decisions on how large a site they will design, what colors, what fonts they will use. All of this while making sure the website works properly on all browsers and platforms…not an easy task. Next week I will start the design from plain white paper and black marker and bring it into a design program for composition. As always - If you ever have any questions on the article, feel free to contact me or post comments below.
5 Comments
Ryan Schenk
Ryan Schenk
Clarification: “worth it” == “worth the pain, mental anguish, soul crushing despair, hair pulling, rending of clothes, etc that usually accompany IE5 and IE6’s css ’support’ “
I hear you Ryan. Saltline Studio will probably be dropping support for IE6 in the beginning of 2009 as well.
IE6 is no longer in a month, we plan to drop support for it too. Great article something all people should understand when they want a website. There are a lot of factors us web people have to deal with.
Designing for the Web Part 2 of 3 | @Bar
[...] weeks ago I gave the first part of this three part series on Designing for the Web. Last week I was away at Wine 2.0 in NYC and [...]
Leave a Reply
Most Popular Content
- Meet Tech Star - Janel Kesten, Designer, New England Reprographics
- Helpful mashup: MeetInBetween.Us
- LinkedIn - I joined, now what?
- Working in The New Economy Part I of III
- Meet Tech Star - Paula Hersey, Chief Penguin, Penguin Digital Design
- Helpful mashup: MeetInBetween.Us
- Meet Tech Star - Paula Hersey, Chief Penguin, Penguin Digital Design
- Five Great Photoshop Online Resources
- Working in The New Economy Part I of III
- I’ve got a Blog…now what?
- Had to chk this out after reviewing all of the comments.
Admittedly, even a...
- Hi Ryan & Chris, I was also a member of the team that launched the site, tha...
- I like the 2nd screen shot. That seems to make sense. No real need for the map, ...
- @ryan - thanks for the input. Yes, it does take more than two addresses at this ...
- Or this: http://plasticvicar.com/drop/muib2.png...
Martini Monday - Sep 15, 2008 12:49 - 1 Comment
Aloha! Roy’s Hawaiian Martini and Ahi Poke!
More In Martini Monday
- Martinis on the Road - A Lemon Drop at the Franciscan, San Fran
- Martinis from the Road (Part 1) - and Thoughts on the Olympics
- The Orange Creamsicle Martini and Strange Dreams from the Cable Box
- Holy Hermaphrodite, Batman - It’s the Dark Knight Martini!
- It’s Time to Get Dirty…
Business, Tech Tips, Technology - Nov 13, 2008 15:43 - 7 Comments
Working in The New Economy Part I of III
More In Technology
- I’ve got a Blog…now what?
- LinkedIn - I joined, now what?
- WebInno 19: Pixily
- A Few Great Designs
- WebInno 19: Brring
Business, Cape Cod, Tech Tips, Technology - Nov 6, 2008 12:22 - 0 Comments
I’ve got a Blog…now what?
More In Cape Cod
- Chris Brogan from ChrisBrogan.com
- Navigating Photoshop
- Chameleon Color Changes
- Meet Tech Star - Tom Stalcup, Physicist/Entrepreneur, Upward Innovations Inc.
- Loïc LeMeur of LoïcLemeur.com
I’ve dropped support for IE5 and 6 on my sites. For my audience, it’s just not worth it.