Many sites “play it safe” when choosing colors. Brilliant colors have to be carefully controlled to avoid looking amateur. I’ve selected these 20 sites for excellent use of color along with their overall web design. Quality of CSS, features, ease of use all come into play as well. Hope you enjoy!
-
- Silverback - Guerrilla Usability Testing
-
- Willians Fernandes - Portfolio
-
- WP Glamour - Free themes and resources
-
- notified.tv - Never miss your favorite tv shows ever again
-
- AdaptD.com - Web Design and Development
-
- base6 Design Studio
-
- MyDezzignStudio - Freelance Web Designer
-
- Ebugogo Rob Walsh - Freelance Website Design
-
- yo vivo en Vigo - A cidade dos marineiros
-
- Roseville Health & Wellness Center
-
- Light CMS - Web 2.0 Content Management
-
- Serj.ca - Serhiy Kozlov
-
- Shylands - Freelance multimedia designer.
-
- Volll
-
- Regata Design & Development
-
- Activate Psych Services
-
- Twist Systems - Web Branding Design Development
-
- Avalonstar - Distortion
-
- Freelancer007 - Grafikdesign
-
- Goodworks Media - Seattle Web Design Agency
EDIT:
http://silverbackapp.com/
http://www.willportifolio.com.br/
http://wpglamour.com/
http://www.notified.tv/
http://adaptd.com/
http://www.base6design.com/
http://www.mydezzign.com/
http://www.ebugogo.tv/
http://www.yovivoenvigo.com/
http://rosevillehwc.com/
http://www.speaklight.com/
http://www.serj.ca/
http://shylands.com/explore/
http://www.volll.com/#section_main
http://www.regata.co.il/
http://www.activate-p-s.com/
http://www.twistsystems.co.uk/
http://avalonstar.com/
http://www.webdesign-aus-bremen.de/freelancer.html
http://goodworksmedia.com/index.htm
Also check out this site for unlimited web template downloads
7 Pings to “20 of The Best Uses of Color in Current Web Design”
18 Responses to “20 of The Best Uses of Color in Current Web Design”
-
1. Akshay Sura Says:
August 12th, 2008 at 10:05 amGreat work. Will look through.
-
2. RonnieSan Says:
August 14th, 2008 at 8:08 pmGreat list of sites. Color choice is definitely one of the hardest parts of web development, something many designers glance over.
A great resource to use is kuler.adobe.com. You can download some great palettes in ASE format for use in PhotoShop.
-
3. MartinAlbens Says:
August 15th, 2008 at 12:05 amInteresting list! I was looking at a website that made me really consider the role of color in design (www.zanperrion.com with its blue color), and then the next thing I see on the web is this list. Are there any studies that correlate the colors on websites to the usability (or feel) of a website?
Fascinating subject!
-
4. Anon Says:
August 15th, 2008 at 6:04 amIf you’re going to use others peoples work as the main purpose of the blog post, the least you could do is include proper links to their sites.
-
5. Fubiz Says:
August 15th, 2008 at 6:05 amNice choice !
-
6. Anonymous Says:
August 15th, 2008 at 7:09 amWay to show respect and link off to the respective owners of the very well designed sites.
-
7. projectgrafix Says:
August 15th, 2008 at 7:29 amYea link to original author would be nice :) but anyways nice post. These days color depend more on client choice rather than what designer prefer.
-
8. webmaster Says:
August 15th, 2008 at 7:39 am… another one bites the dust… dun, dun, dun… another ones gone & another ones gone… another one bites the dust….
-
9. anon Says:
August 15th, 2008 at 8:34 amI can’t believe you wouldn’t even include a clickable link to the original sites. Why bother showcasing them at all?
-
10. Mikael Says:
August 15th, 2008 at 8:36 amA horrible set of sites, truly. Each one decorated and illustrated to death.
-
11. seattle web design Says:
August 15th, 2008 at 10:00 amCrazy… I found my own site on this list….
I did the site for Goodworks Media and Volll was actually one of my inspirations.
thanks - andrew c. -
12. Sketchee Says:
August 15th, 2008 at 12:45 pmI like the sites and disagree with Mikael’s opinion that they’re overdone. I do think a link to the original sites would have been very helpful for the post. The thumbnails get the point across all the same, however
-
13. Meeko Says:
August 17th, 2008 at 10:35 amgreat article.
-
14. Alejandro Urrutia Daglio Says:
August 18th, 2008 at 12:11 amThanks Anders for thinking in my site, great selection!
-
15. dwhs Says:
August 19th, 2008 at 1:01 amGreat blog, I design and learned allot of about colors. Also I just liked some of the designs. My style for sure, I love how images are being faded into the background allot now.
-
16. Willians Fernandes Says:
August 19th, 2008 at 3:41 pmHello Ander.
Nice great seletion!! congratulation.
Thank you for thinking my website.
Cyu,
Will -
17. Michele Says:
August 20th, 2008 at 7:28 amI like the use of color. I’m bored to death with standard black/white colors. Don’t let the standards bore you anymore … Get out there and design a colorful site with colorful quality graphics. Again, nice list :)
-
18. web Says:
November 21st, 2008 at 3:41 am..……………………….„~”¯¯¯”~„
.……………………..„”. (_). . . . .
.……………………..|. . . . . . . . .|
.………………„-~^”¯”-„. . . . . . .„”
.……………„-”::::::::::::”~—–~^„………………_¸„„„_
.………….„”:::::::„^””””””~„:::::::::”-„…………„-“. . . . .”-„
.………..„”:::::::„”. . . . . . .”~„:::::::”~„…….|. . . . . (_).
.………„”:::::::„”. . . „–~~–„_.”-„::::::::¯”~-„„. . . . . . . „”
.……../::::::::/. .¯„-“;;;;;;;;;;;;;;”^-„”~„::::::::::::”~„„„„„„-~”
.……/::::::::/. “„-”;;;;;;;;;;;;;;;;;;;;;;;;¯”-„”~—„„„„_:::::::”„
.…../:::::::/.„-“;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;”-„. . . .”):::::::’|
…./:::::::/”;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;„”. . . „”:::::::„”
…/:::::::/;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;„-“¯._’. „”::::::„”
.ƒ:::::::/;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;(“. . . „”:::::::„”
‘|:::::::ƒ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;¯**”„”::::::„”
|::::::;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;„”:::::::„”
|::::::;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;„”:::::::„”
|::::::„;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;„”:::::::„”
|::::::.__;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;„”::::::„”
|::::::¯”:;¯”^-„;;;;;;;;;;;;;;;;;;;;;;;;’„”:::::’:„”
‘|::::::-„.:;:;:;:”-„;;;;;;;;;;;;;;;;;;;;ƒ:::::::„” GET ME A MIRROR!!!
.|::::::. . :;:;:;:;:”„;¸„¸;;;;;;;;;„~~|::::::„”
.’|:::::::. . :;:;:;:;:;:;|:;”-„;;;;;. . |:::::’{
..“„:::::::”~„”-„:;:;:;:;:”:;:;:;:”„;;’|. .’|::::::
.…”~„:::::::¯”~„~–„:;:;:;:;:;|;;ƒ. .’|::::::
.’……..”~„::::::::¯”^~-„~-„_|;;/_. ƒ::::::’|
…………..”~-„_::::::::¯¯””~’¯-~”::::::’ƒ
.…………….…¯”~-„_:::::::::::::::::„-”
………………………..¯””^~~~~^”
August 13th, 2008 at 8:07 pm
[...] web design. Quality of CSS, features, ease of use all come into play as well. Hope you enjoy!read more | digg [...]
August 14th, 2008 at 8:09 pm
[...] 20 de los mejores usos del color en el diseño Web actual, para darnos una idea de como se pueden utilizar los colores de manera elegante, sin llegar a [...]
August 14th, 2008 at 9:00 pm
[...] [Re]Encoded dot Com » Blog Archive » 20 of The Best Uses of Color in Current Web Design (tags: web design inspiration) [...]
August 14th, 2008 at 10:01 pm
[...] read more | digg story [...]
August 15th, 2008 at 2:36 pm
[...] [Re]Encoded dot Com » Blog Archive » 20 of The Best Uses of Color in Current Web Design (tags: design color) [...]
August 15th, 2008 at 6:37 pm
[...] [Re]Encoded dot Com » Blog Archive » 20 of The Best Uses of Color in Current Web Design. Posted in General | [...]
August 16th, 2008 at 3:13 am
[...] İlham verici 20 Örnek Yazan By admin Tarih 16 Ağustos 2008 – 08:08 - Pek çok web sitesi ve tasarımcı renk seçerken cesur davranmaktansa klasik kalıpların içinde kalmakta… Göz alıcı renkler seçerken amatör görünmemek için çok dikkatli olmak gerekiyor. [Re]Encoded sitesi de, CSS Tasarımı, özellikleri ve kullanım rahatlığı gibi ölçütler temelinde bu işi en iyi kıvıran 20 web sitesini seçmiş. [...]