Web Design – 10 Common Mistakes
Noupe has a great article about the 10 most common mistakes in web design...
http://www.noupe.com/design/ten-most-common-design-mistakes.html
Archived entries for Design
Design – Web Page Headers
I'm begining to redesign my portfolio. I'm basing it on the 960 grid system. I've placed an notice on my site which has the basic color scheme of things at the moment. The typography needs further work, but I'll leave it for the moment.
I'll be pixel obsessing for a while. First thing's first, I found a good article on the size of headers in web pages:
Web Design – Typography
I've usually just relied on Verdana and eyeballing layouts when taking typography into consideration. At the moment, I'm living and breathing typography for the website I'm currently creating. It's a simple website, but I'm focusing on the rules for typography on the web, web safe fonts, spacing, leading, etc. It's one of my biggest weaknesses when designing websites so I'm researching as much as possible into it at the moment. Some interesting sites I've come across are:
Basic rules for web typography:
http://www.webdesignerdepot.com/2009/02/10-web-typography-rules-every-designer-should-know-2/
Browser safe fonts:
http://www.ampsoft.net/webdesign-l/WindowsMacFonts.html
Fonts bundled with Mac, Windows, Adobe and Office:
http://media.24ways.org/2007/17/fontmatrix.html
Embedding custom fonts with Javascript:
Smashing Magazine has a great article on 50 different web typography tools:
http://www.smashingmagazine.com/2009/01/27/css-typographic-tools-and-techniques/
Web – Modal Windows
Smashing Magazine has a good round up of the different typs of modal windows.
http://www.smashingmagazine.com/2009/05/27/modal-windows-in-modern-web-design/
Web – Graded Browser Support
When developing web sites, how the site works and looks in different browsers should be tested. This can be a time consuming process of creating custom hacks, tweaking code, developing alternate workarounds or even ignoring incompatibility issues.
One of the main problems confronted is the selection of which browsers should be selected to test with. Yahoo developer network has created a list of "A-Grade Browsers". A-Grade Browsers are fully functional browsers which account for 96% market share.
http://developer.yahoo.com/yui/articles/gbs/
Testing time can be greatly reduced when used with browsershots.org
Web Design – Creating the Web 2.0 Look
Even though it's now becoming outdated, sixrevisions.com have a good article on how to create a web 2.0 look in Photoshop using the 960 grid system. It's a two part article that will include how to code it in CSS.
CSS – Improving Typography
AisleOne have a great article on how to improve typography on the web using a simple few steps.
http://www.aisleone.net/2009/design/8-ways-to-improve-your-typography/
Web Design – Inspiration
Six revisions have made up a list of nice web site designs. They're technically not websites, but just mock-ups made in PS. They do serve their purpose very well though.
Web Design – Proportions
Smashing Magazine discuss divine proportions and the rule of thirds.
Subscribe to this Blog!