There are thousands of design resources on the web which can lead to an overwhelming experience when looking for inspiration or ideas, so I created a list of resources that I use on a regular basis. Here is a list of 50 design resources that can be helpful to any designer or marketer.
###CSS Galleries
Sometimes it can be hard to come up with design inspiration. CSS galleries are a great place to get design inspiration and they can also be leveraged as a great source of traffic. If you can get your design on these galleries it can drive thousands of visitors to your website.
[Unmatchedstyle](http://www.unmatchedstyle.com/)
[cssBeauty](http://www.cssbeauty.com/)
[cssvault](http://cssvault.com/)
[Stylegala](http://www.stylegala.com)
[CSS Drive](http://cssdrive.com/)
[css thesis](http://thesis.veracon.net/)
[Styleboost](http://styleboost.com/)
[CSSElite](http://www.csselite.com/gallery/)
[CSS Import](http://www.cssimport.com/)
[Web Creme](http://www.webcreme.com)
[CSS Mania](http://www.cssmania.com)
[DesignShack](http://www.designshack.co.uk/)
###Web Standards
Designing with web standards is a great way to keep your code clean and search engine friendly. Why design a site with a 1000 lines of code when it can be done in 100 lines of code.
[Developing With Web Standards](http://www.456bereastreet.com/lab/developing_with_web_standards/) – This document explains how and why using web standards will let you build websites in a way that saves time and money for the developer and provides a better experience for the visitor. Also discussed are other methods, guidelines and best practices that will help produce high-quality websites that are accessible to as many as possible.
[Roadmap to Standards](http://www.mezzoblue.com/archives/2004/04/30/a_roadmap_to/index.php)
[Web Standards Project](http://www.webstandards.org/) – The Web Standards Project is a grassroots coalition fighting for standards which ensure simple, affordable access to web technologies for all.
[Web Standards Checklist](http://www.maxdesign.com.au/presentation/checklist.htm)
[Importance of Web Standards](http://www.sitepoint.com/article/importance-web-standards)
###Validators
Now that you know all about web standards, here are some tools that can help check if your site is compliant. These tools will also help you find errors in your code.
[HTML & XHTML Validator](http://validator.w3.org/)
[CSS Validator]( http://jigsaw.w3.org/css-validator/)
###Usability
Usability is probably the most important factor in a website design. Making your website usable can help improve the experience for your visitors as well as help improve your conversion rate.
[What is usability](http://www.usablenet.com/accessibility_usability/usability.html)
[Usability First](http://www.usabilityfirst.com/websites/index.txl) – An approach to web design which emphasizes usability.
[Weblog Usability: The Top Ten Design Mistakes](http://www.useit.com/alertbox/weblogs.html) – Blogs are often too internally focused and ignore key usability issues, making it hard for new readers to understand the site and trust the author.
[Web Design & Usability Guidelines](http://www.usability.gov/pdfs/guidelines.html) – An 18 part online book that goes over usability and design guidelines.
[Web usability - the basics](http://www.webcredible.co.uk/user-friendly-resources/web-usability/basics.shtml)
[The Culture of Usability](http://www.ddj.com/dept/architect/184411669) – How to spend less and get more from your usability-testing program.
[90% of All Usability Testing is Useless](http://adaptivepath.com/publications/essays/archives/000328.php)
[Ten deadly sins of web design](http://www.456bereastreet.com/archive/200605/ten_deadly_sins_of_web_design) – A list of ten huge mistakes no web designer or developer should be caught making.
[Information architecture resources](http://www.jjg.net/ia/)
[Usability Views](http://www.usabilityviews.com/) – Usability with a twist.
###Blogs/Resources
Blogs are a great resource for up-to-date information on design and usability. Here is a list of blogs that you may want to subscribe to or read on a regular basis.
[Stopdesign](http://www.stopdesign.com/log/)
[Signal vs. Noise Blog](http://www.37signals.com/svn/) – A design and usability blog by 37signals.
[Digital Web Magazine](http://www.digital-web.com/) – Digital Web Magazine is an online magazine intended for professional web designers, web developers and information architects. The magazine consists primarily of work contributed by web authors, as well as by others who occasionally delve into the web realm. We put emphasis on and provide recognition for contributed work. The Magazine is recognized by nearly all of the major web design agencies in the industry.
[A List Apart](http://www.alistapart.com/) – A List Apart explores the design, development, and meaning of web content, with a special focus on web standards and best practices.
[456 Berea Street](http://www.456bereastreet.com/) – This is a site by Roger Johansson who writes articles on web standards, accessibility, or usability in one way or another.
[mezzoblue](http://www.mezzoblue.com/) – A semi-daily expository and exploratory on all things web, design, and typographic. It is also a personal portfolio site with works in any creative discipline the owner feels fit to publicize.
[Adaptive Path](http://adaptivepath.com/blog)
[Jesse James Garrett](http://blog.jjg.net/) – The blog of the founder of Adaptive Path.
[Jeffrey Veen](http://www.veen.com/jeff/index.html)
[Your Total Site](http://yourtotalsite.com/) – YourTotalSite touchs on a wide range of subjects that include usability, accessibility, visual design, online marketing, (X)HTML & CSS, JavaScript, Information Architecture, and more.
[IxDG Resource Library](http://resources.ixdg.org/) – A repository of information about interaction design.
[Apples to Oranges](http://applestooranges.com/blog/) – A blog by Ryan Nichols.
[Demystifying Usability](http://experiencedynamics.blogs.com/) – A blog by Frank Spillers, a usability consultant.
###Color Resources
Color is an important factor in design. Color can separate your site from your competition and it can also convey a specific message to your visitors. If you provide a personalized service you may want to choose colors that are soft and personal or if you want a corporate look and feel you may want to pick hard colors. Here are several resources that I use to help me make color decisions.
[Color Schemer](http://www.colorschemer.com/) – Online color scheme generator.
[Color Meaning](http://desktoppub.about.com/cs/color/a/symbolism.htm) – An article that explains the symbolism and meaning of different color types.
[The Meaning of Color in Web Design](http://www.sibagraphics.com/colour.php) – How colors influence audiences when marketing products through the Internet.
[Symbolism of Color](http://www.princetonol.com/groups/iad/lessons/middle/color2.htm)
[Color Matters](http://www.colormatters.com/colortheory.html) – Explore how color affects emotions, appetite, vision, sexuality, design, and art.
###Typography
There are many different types of fonts and they can greatly affect how readable your site is, so choose wisely.
[1001 Free Fonts](http://www.1001freefonts.com/) – A large selection of true type fonts for Windows and Macintosh.
[The Anatomy of Web Fonts](http://www.sitepoint.com/article/anatomy-web-fonts)
[Typetester](http://typetester.maratz.com/) – Typetester is an online application for comparison of the fonts for the screen. Its’ primary role is to make web designer’s life easier.
from http://www.pronetadvertising.com/articles/my-50-favorite-design-resources.html
###CSS Galleries
Sometimes it can be hard to come up with design inspiration. CSS galleries are a great place to get design inspiration and they can also be leveraged as a great source of traffic. If you can get your design on these galleries it can drive thousands of visitors to your website.
[Unmatchedstyle](http://www.unmatchedstyle.com/)
[cssBeauty](http://www.cssbeauty.com/)
[cssvault](http://cssvault.com/)
[Stylegala](http://www.stylegala.com)
[CSS Drive](http://cssdrive.com/)
[css thesis](http://thesis.veracon.net/)
[Styleboost](http://styleboost.com/)
[CSSElite](http://www.csselite.com/gallery/)
[CSS Import](http://www.cssimport.com/)
[Web Creme](http://www.webcreme.com)
[CSS Mania](http://www.cssmania.com)
[DesignShack](http://www.designshack.co.uk/)
###Web Standards
Designing with web standards is a great way to keep your code clean and search engine friendly. Why design a site with a 1000 lines of code when it can be done in 100 lines of code.
[Developing With Web Standards](http://www.456bereastreet.com/lab/developing_with_web_standards/) – This document explains how and why using web standards will let you build websites in a way that saves time and money for the developer and provides a better experience for the visitor. Also discussed are other methods, guidelines and best practices that will help produce high-quality websites that are accessible to as many as possible.
[Roadmap to Standards](http://www.mezzoblue.com/archives/2004/04/30/a_roadmap_to/index.php)
[Web Standards Project](http://www.webstandards.org/) – The Web Standards Project is a grassroots coalition fighting for standards which ensure simple, affordable access to web technologies for all.
[Web Standards Checklist](http://www.maxdesign.com.au/presentation/checklist.htm)
[Importance of Web Standards](http://www.sitepoint.com/article/importance-web-standards)
###Validators
Now that you know all about web standards, here are some tools that can help check if your site is compliant. These tools will also help you find errors in your code.
[HTML & XHTML Validator](http://validator.w3.org/)
[CSS Validator]( http://jigsaw.w3.org/css-validator/)
###Usability
Usability is probably the most important factor in a website design. Making your website usable can help improve the experience for your visitors as well as help improve your conversion rate.
[What is usability](http://www.usablenet.com/accessibility_usability/usability.html)
[Usability First](http://www.usabilityfirst.com/websites/index.txl) – An approach to web design which emphasizes usability.
[Weblog Usability: The Top Ten Design Mistakes](http://www.useit.com/alertbox/weblogs.html) – Blogs are often too internally focused and ignore key usability issues, making it hard for new readers to understand the site and trust the author.
[Web Design & Usability Guidelines](http://www.usability.gov/pdfs/guidelines.html) – An 18 part online book that goes over usability and design guidelines.
[Web usability - the basics](http://www.webcredible.co.uk/user-friendly-resources/web-usability/basics.shtml)
[The Culture of Usability](http://www.ddj.com/dept/architect/184411669) – How to spend less and get more from your usability-testing program.
[90% of All Usability Testing is Useless](http://adaptivepath.com/publications/essays/archives/000328.php)
[Ten deadly sins of web design](http://www.456bereastreet.com/archive/200605/ten_deadly_sins_of_web_design) – A list of ten huge mistakes no web designer or developer should be caught making.
[Information architecture resources](http://www.jjg.net/ia/)
[Usability Views](http://www.usabilityviews.com/) – Usability with a twist.
###Blogs/Resources
Blogs are a great resource for up-to-date information on design and usability. Here is a list of blogs that you may want to subscribe to or read on a regular basis.
[Stopdesign](http://www.stopdesign.com/log/)
[Signal vs. Noise Blog](http://www.37signals.com/svn/) – A design and usability blog by 37signals.
[Digital Web Magazine](http://www.digital-web.com/) – Digital Web Magazine is an online magazine intended for professional web designers, web developers and information architects. The magazine consists primarily of work contributed by web authors, as well as by others who occasionally delve into the web realm. We put emphasis on and provide recognition for contributed work. The Magazine is recognized by nearly all of the major web design agencies in the industry.
[A List Apart](http://www.alistapart.com/) – A List Apart explores the design, development, and meaning of web content, with a special focus on web standards and best practices.
[456 Berea Street](http://www.456bereastreet.com/) – This is a site by Roger Johansson who writes articles on web standards, accessibility, or usability in one way or another.
[mezzoblue](http://www.mezzoblue.com/) – A semi-daily expository and exploratory on all things web, design, and typographic. It is also a personal portfolio site with works in any creative discipline the owner feels fit to publicize.
[Adaptive Path](http://adaptivepath.com/blog)
[Jesse James Garrett](http://blog.jjg.net/) – The blog of the founder of Adaptive Path.
[Jeffrey Veen](http://www.veen.com/jeff/index.html)
[Your Total Site](http://yourtotalsite.com/) – YourTotalSite touchs on a wide range of subjects that include usability, accessibility, visual design, online marketing, (X)HTML & CSS, JavaScript, Information Architecture, and more.
[IxDG Resource Library](http://resources.ixdg.org/) – A repository of information about interaction design.
[Apples to Oranges](http://applestooranges.com/blog/) – A blog by Ryan Nichols.
[Demystifying Usability](http://experiencedynamics.blogs.com/) – A blog by Frank Spillers, a usability consultant.
###Color Resources
Color is an important factor in design. Color can separate your site from your competition and it can also convey a specific message to your visitors. If you provide a personalized service you may want to choose colors that are soft and personal or if you want a corporate look and feel you may want to pick hard colors. Here are several resources that I use to help me make color decisions.
[Color Schemer](http://www.colorschemer.com/) – Online color scheme generator.
[Color Meaning](http://desktoppub.about.com/cs/color/a/symbolism.htm) – An article that explains the symbolism and meaning of different color types.
[The Meaning of Color in Web Design](http://www.sibagraphics.com/colour.php) – How colors influence audiences when marketing products through the Internet.
[Symbolism of Color](http://www.princetonol.com/groups/iad/lessons/middle/color2.htm)
[Color Matters](http://www.colormatters.com/colortheory.html) – Explore how color affects emotions, appetite, vision, sexuality, design, and art.
###Typography
There are many different types of fonts and they can greatly affect how readable your site is, so choose wisely.
[1001 Free Fonts](http://www.1001freefonts.com/) – A large selection of true type fonts for Windows and Macintosh.
[The Anatomy of Web Fonts](http://www.sitepoint.com/article/anatomy-web-fonts)
[Typetester](http://typetester.maratz.com/) – Typetester is an online application for comparison of the fonts for the screen. Its’ primary role is to make web designer’s life easier.
from http://www.pronetadvertising.com/articles/my-50-favorite-design-resources.html
No comments:
Post a Comment