Tag Info

Hot answers tagged

90

Stay Simple - Don't try to do anything too fancy or adventurous at first. Get the basics down first, then you can start experimenting. Don't try to emulate the Star Trek computer interface. Be Consistent - A consistent design is part of the foundation of a good design. Keep track of your margins, sizes, and placement and maintain them throughout the design. ...


32

The main difference between the initial example and your experiments is that the original does not cover nearly as drastic a change in hue. Going from golden-yellow to magenta/pink is about a 1/6 turn on the colour wheel. In contrast, your experiments (orange-red to blue-violet, blue-violet to yellow-green, and cyan to blue-violet) are all more than 1/4 ...


27

One useful tool is Color Scheme Designer: http://colorschemedesigner.com/ You specify a starting color and a type of color scheme and it will generate a palette for you and allow you to modify that palette. The nice thing about this tool is that you can see how it chooses the other colors based on the color you select. There is also a tool to simulate how ...


24

Since you are asking "why are they perceived differently", here is another (very geeky) thing to consider: the perceived luminescence of an RGB colour. This is hard to apply, so take my answer almost just as trivia : ) The luminescence value of a colour of indicates how "lit up" you perceive it. If the colour would be a light bulb, a colour with low ...


14

Dark backgrounds are generally considered to be less readable than light backgrounds. A sufficient level of contrast is also very important to readability. In general, I would recommend dark backgrounds for designs that have a large amount of media content, but very little text. Darker backgrounds can really make photographs stand out and you'll find many ...


13

Jim Krause's design basics index gave me a very good summary of the basics of composition, color and type. I wasn't a huge fan of most of his own examples, but they illustrate his points really well and he touches on a few valuable things I haven't seen mentioned much elsewhere. And perhaps most importantly, reading it made me really excited to go out and ...


13

Don't despair: the perception of colours is influenced heavily by contrast with surrounding colour and by context cues, so, even when you have to work with colours you hate, there are always ways of influencing how they are perceived. Here's a few things you can potentially work with: Contrast. Where different shades collide, they are perceived as more ...


11

There's sometimes a slight overlap between web development and web design, but I don't think web developers should try to be full-time designers unless they're willing to put as much effort into it as they did learning to program. It's not something that you can just dabble in on weekends and be good at. If this is so you can learn to be your own web ...


11

Any colour works with black and white. Any colour you pick will be effectively an accent colour. This gives you free reign to pick what ever colour will be most effective for the communication of your design intent. Red is often used with a black and white palette since it is both a bold, powerful colour with a huge number of associated connotations. this ...


11

You need to read about a good book of color theory to understand at least the general principle, for example on what is Primary and Secondary color, Complementary colors etc... otherwise you will not get the importance of some palette choices that you will make. On the web my favourite at the moment one is: Kuler of Adobe , as well I used to use ...


9

I'm a programmer myself and for me the following books where very helpful for me: The Non-Designer's Design Book - Robin Williams - This books covers the basics of graphic design. Drawing on the Right Side of the Brain - Betty Edwards The book for developing your drawing skills. The Humane Interface - Jef Raskin This book provokes some thoughts about user ...


9

The science of readability is by no means new, and some of the best research comes from advertising works in the early 80s. This information is still relevant today. First up is this quote from a paper titled “Improving the legibility of visual display units through contrast reversal”. In present time we think of contrast reversal meaning black-on-white, ...


9

As Thomas mentions, most websites will pick the main colors and use those, or go for a completely different (yet still simple) palette. These are some of the main examples I can think of. Sites that use a related palette: NBC Microsoft Stuff Ebay Sites that use a completely different palette: Google Play Olympics.org It's difficult to come up with ...


8

Perhaps not relevant to all cases, but for web prgrammers one of the biggest things that stands out to me, which perhaps bridges the gap a little bit, is to learn CSS inside and out, as being able to design well doesn't mean anything if you can't integrate it into your project that you are creating.


8

First of all, was the logo designed "for the website," or is this the company logo? If it's the company logo, those are the corporate colors, and I don't think you should start adding other colors because you think the existing ones are "boring." In certain industries, "boring is beautiful," and adding "flash" makes the client look bad. That's the opposite ...


8

Please have a look at these websites. they have pulled off lighter colors your are interested in. You can work around something like these websites. www.nature.com BBC news Stick Sports TED Scitable History.com Youtube As Scott mentioned in his comment, "White is your friend". You can also look here for some more inspiration. I hope ...


8

RGB is three dimensional, so to understand the problem it helps to visualise the RGB colour space as a three dimensional shape. A classic way is as a cube based on amounts of the three dimensions, red, green and blue: (images taken from Digital Color Design with the RGB Color Cube: Visualization and Color Coordination Activities, a journal article I ...


7

1) Decide on a palette early (there have been a couple of threads about sites that generate palettes automatically). Your palette should include (but isn't necessarily limited to): a "main" color (that's complimented by the other colors you use), a contrasting font color, and one or two complimentary colors. 2) If you have a logo, the colors of the logo ...


7

Goes back to this illusion..... The squares marked A and B are the exact same shade of gray. Surrounding values alter the human perception. One reason why a neutral grey desktop is very beneficial when doing color critical work. I don't know all the science behind it. I expect it would take a medical degree to fully understand. (photo from ...


7

I found this explanation: CIE lightness is a psychophysical scale based on colourimetric measurements, and may not quite coincide with lightness as experienced by an observer, even under ideal conditions. In particular, certain colours have a tendency to look lighter than a grey of the same CIE lightness, an effect known as the ...


7

Value is essentially the darkness of the pigment. Less value equates to a darker color. If you take a color and remove all hue, you are left with value - basically greyscale. Brightness is another term used for value. Often brightness is a bit easier to remember since more value means a "brighter" color. Basic Value scale Saturation is essentially the ...


7

Readability is all about contrast. I'd try and determine how dark each background color is in greyscale, and if it is above a 50% grey (more dark than light), use white text, below 50% use black text. This will ensure that you have at least a 50% contrast (difference in tone) to make your text readable. This method is a lot easier than trying to play with ...


7

The illusion is called "mach bands" See here: Mach Bands Excerpt: The Mach bands effect is due to the spatial high-boost filtering performed by the human visual system on the luminance channel of the image captured by the retina. This filtering is largely performed in the retina itself, by lateral inhibition among its neurons. The effect is ...


7

Strength = Saturation + Brightness When you say "strength" I assume you mean saturation or the purity of the hue. On a mathematical level, you can simply match the brightness and saturation values in HSB color mode. Not so fast But equal luminosity doesn't necessarily result in equal strength or dominance. Color theorists Johannes Itten and Josef Albers ...


6

You could use Lab colour space to find your matches. Colours with the same L value as your target gray will look nearly identical when converted to grayscale. For example, a Lab gray of (50, 0, 0), will look very similar to the Lab reds (50, 30, 0), (50, 50, 30), and (50, 50, 50) when converted to grayscale. Samples below use Photoshop (Image > Mode > ...


6

Your first problem is that "learning" and "attention seeking" are somewhat at odds. If your color scheme is trying to get attention, by definition it's distracting, and you aren't going to be able to concentrate as well (and thereby learn). If you want something not distracting, a clean, light-colored background (white, off-white, light beige, light gray) ...


6

I think you should be using RGB complements (in the "Light" answer). The RYB complements were from an era when people didn't know of light's primary colors being RGB. RGB complements look nicer, in my opinion. Here's some random person's (Lira) post (perhaps someone can give me a more credible source?): RYB is the traditional colour wheel, used by ...


6

Yes, it's been considered and manufactured. One such technology is the Quattron display technology from Sharp. This technology uses a fourth yellow sub-pixel which "increases the range of displayable colors, and which may mimic more closely the way the brain processes color information".


6

The challenge with greyscale on screen is a lack of richness. That is, if you stick with strict greys. There are of course variations of grey that are in fact chromatic neutrals. IOW, they are not completely devoid of saturation. Albert Munsell, had some great theories about the use of color that may be helpful to you. In particular, his thoughts on color ...


6

It seems like you're looking for the analogue of complementary colours, but in the lightness space rather than hue. As far I can tell, no such general mapping can exist. Suppose you could compensate for the effect by assuming a linear correlation between the background and the foreground, so that as the background darkens the foreground text lightens by the ...



Only top voted, non community-wiki answers of a minimum length are eligible