<?xml version="1.0" encoding="UTF-8"?><!-- generator="wordpress/2.2.2" -->
<rss version="2.0" 
	xmlns:content="http://purl.org/rss/1.0/modules/content/">
<channel>
	<title>Comments on: Effective Use of Light and Color in User Interface Design</title>
	<link>http://www.pixelshell.com/blog/effective-use-of-light-in-user-interface-design/</link>
	<description>Promoting Web Standards and teaching web design tricks of the trade</description>
	<pubDate>Tue, 07 Feb 2012 20:51:36 +0000</pubDate>
	<generator>http://wordpress.org/?v=2.2.2</generator>

	<item>
		<title>By: Dmitry Fadeev</title>
		<link>http://www.pixelshell.com/blog/effective-use-of-light-in-user-interface-design/#comment-28</link>
		<author>Dmitry Fadeev</author>
		<pubDate>Wed, 03 Oct 2007 08:51:44 +0000</pubDate>
		<guid>http://www.pixelshell.com/blog/effective-use-of-light-in-user-interface-design/#comment-28</guid>
		<description>Thanks for your nice comment Yasin!

Hey Igor,

You are so right—I've utterly failed to mention contrast at all in the post, shame on me :( I think my main point is that when you try to apply colors and shades to UI design it is useful to keep in mind any physical metaphors that you may be implementing, such as buttons and tabs, which are being borrowed from the real world and so work best when you create a basic 3D illusion and &lt;em&gt;feel&lt;/em&gt;. Making the active tab high contrast and dark will work at bringing your attention to it, and will make it perfectly usable—but it will also make it feel a little less real. Making buttons and tabs lighter will make them fit more in place, but for them to work you need to achieve the right level of contrast between them and the other elements—so the window texture the button is sitting on will need to be dark enough for the button to stand out.

I've had a look at your site and it looks like a great resource. Thanks a lot for the links. I think many readers (including myself) will find them very useful. I really like the article about the phone backlights, as I had a Nokia phone with a similar problem—though not as severe :)</description>
		<content:encoded><![CDATA[<p>Thanks for your nice comment Yasin!</p>
<p>Hey Igor,</p>
<p>You are so right—I&#8217;ve utterly failed to mention contrast at all in the post, shame on me :( I think my main point is that when you try to apply colors and shades to UI design it is useful to keep in mind any physical metaphors that you may be implementing, such as buttons and tabs, which are being borrowed from the real world and so work best when you create a basic 3D illusion and <em>feel</em>. Making the active tab high contrast and dark will work at bringing your attention to it, and will make it perfectly usable—but it will also make it feel a little less real. Making buttons and tabs lighter will make them fit more in place, but for them to work you need to achieve the right level of contrast between them and the other elements—so the window texture the button is sitting on will need to be dark enough for the button to stand out.</p>
<p>I&#8217;ve had a look at your site and it looks like a great resource. Thanks a lot for the links. I think many readers (including myself) will find them very useful. I really like the article about the phone backlights, as I had a Nokia phone with a similar problem—though not as severe :)</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Igor Asselbergs</title>
		<link>http://www.pixelshell.com/blog/effective-use-of-light-in-user-interface-design/#comment-27</link>
		<author>Igor Asselbergs</author>
		<pubDate>Wed, 03 Oct 2007 07:18:20 +0000</pubDate>
		<guid>http://www.pixelshell.com/blog/effective-use-of-light-in-user-interface-design/#comment-27</guid>
		<description>Nice article.
But perhaps you should concentrate on contrasts rather than single colors. Take your example with the content vs button. In the second image the focus is on the content not -as you said- because of the lighter background, but because of the higher contrast between text and image. Higher contrast can also easily be attained in a dark background with the same effect.
Here some info:
http://www.livelygrey.com/2007/09/color_contrasts.html
http://www.livelygrey.com/2007/08/backlight.html</description>
		<content:encoded><![CDATA[<p>Nice article.<br />
But perhaps you should concentrate on contrasts rather than single colors. Take your example with the content vs button. In the second image the focus is on the content not -as you said- because of the lighter background, but because of the higher contrast between text and image. Higher contrast can also easily be attained in a dark background with the same effect.<br />
Here some info:<br />
<a href="http://www.livelygrey.com/2007/09/color_contrasts.html" rel="nofollow">http://www.livelygrey.com/2007/09/color_contrasts.html</a><br />
<a href="http://www.livelygrey.com/2007/08/backlight.html" rel="nofollow">http://www.livelygrey.com/2007/08/backlight.html</a></p>
]]></content:encoded>
	</item>
	<item>
		<title>By: yasin f</title>
		<link>http://www.pixelshell.com/blog/effective-use-of-light-in-user-interface-design/#comment-26</link>
		<author>yasin f</author>
		<pubDate>Wed, 03 Oct 2007 02:36:19 +0000</pubDate>
		<guid>http://www.pixelshell.com/blog/effective-use-of-light-in-user-interface-design/#comment-26</guid>
		<description>that's one succinctly put blog post there. for us smaller fish, it's quite good brainsnack. thanks!</description>
		<content:encoded><![CDATA[<p>that&#8217;s one succinctly put blog post there. for us smaller fish, it&#8217;s quite good brainsnack. thanks!</p>
]]></content:encoded>
	</item>
</channel>
</rss>

