Questions about the variation of colour and shape in visual elements, text and illustrations, to define difference/sameness.

learn more… | top users | synonyms

14
votes
2answers
2k views

Clearly distinguishable colours for scientific figures

I am looking for pointers on how to pick a set of colours (or a colour gradient) that are clearly distinguishable, for use in scientific figures. Was there any systematic research on this? If yes, ...
11
votes
4answers
300 views

Light text on a dark background vs. dark text on a light background: which allows the reader to keep focusing for longer?

I did not want to get to the endless war of dark-on-light vs light-on-dark, but recently I discovered something interesting: while light-on-dark text is still less tiring for my eyes (and I also ...
10
votes
1answer
204 views

What should a designer consider when laying out print materials for elderly audiences?

I'm in the process of doing layout for a trifold aimed at the elderly population in my town, and I'm looking for some recommendations from folks who have experience laying similar materials out for a ...
7
votes
1answer
622 views

Contrast ratio between foreground and background

What is an acceptable contrast ratio between a foreground and its background?
7
votes
1answer
123 views

Is there a metric for “apparent” chroma?

I'm not sure this is the right place to ask, but is anyone aware of a metric for apparent chroma? Now I understand that "chroma" and "chrominance" are very overloaded terms, so to clarify, I ...
6
votes
3answers
755 views

How to calculate the best type colour for a random background colour?

I might need to present content at multiple levels depending on the distance of the observer to a display. Let's say from far away the user perceives a flat colour, but from a close distance the user ...
6
votes
1answer
224 views

White and black design style

Recently I noticed a trend in graphic and industrial design that focuses on (usually predominant) white or very light gray and high contrast black or dark gray shapes — which fascinates me because of ...
5
votes
2answers
269 views

Quotable reference to support my assertion that black text on a grey background is not a “highlight”

I need some graphic design advice on finding a quotable piece of information regarding the use of "highlighting" text on signage, which I hope you can help me with. I'm in a dispute with my local ...
4
votes
2answers
236 views

What is the best way to label an image?

I have an image which I would like to label certain areas with some sort of a text label. I'm trying to figure out what the best way is to make the text clear. The image is color, and objects may have ...
3
votes
3answers
213 views

How to make red icon on gray background less jarring?

My app has a button to record or play videos. When there are problems with this feature, we notify the user by overlaying an exclamation point. This "red !" UI works OK elsewhere in the app but on ...
3
votes
2answers
106 views

What's the best software/service for classifying fonts by height, ascender/descender, aperture, etc?

Is there any font classification service (web page, app, book) that classifies fonts by x-height, ascender and descender lengths, stroke contrast, apertures and counters, besides the basic serif and ...
3
votes
2answers
314 views

How can I make this sidebar menu clearer?

I have created a sidebar for a client as requested: The top bar - where on other pages menu items are shown - is left empty as requested and instead 3 menu items are show in the sidebar. These lead ...
3
votes
0answers
56 views

How do I find a range of colors (ex. different blues) that will contrast well with another range of colors (ex. reds, yellows etc)?

I've searched online; I've used numerous color web apps; I've even spoken with my graphic designer - but I still don't have a solution for this. What I want to do is come up with a color guide or ...
2
votes
2answers
305 views

Critique: Can you provide constructive feedback for my monochrome website design?

I am a programmer, design is not my forte. I attempted to create a design and am stuck on where to continue to with colors, location of pieces, text choice etc. Here is the website so far: Design ...
2
votes
3answers
13 views

How can i add contrasted lines from a layer to another?

Hi i have this layer : And this layer : And what i want to do is add those black lines to the red layer but i dont want the white parts , how can i do this ?
2
votes
1answer
442 views

Dark images print with low contrast

I am a web developer and want to make a physical portfolio. I have tried various settings in photoshop and for my printer (HP officejet pro 8600) and my lighter theme web sites come out fine but my ...
2
votes
1answer
476 views

How to simulate low contrast LCD screens

School and cooperate environments usually uses very cheap LCD screens with abysmal contrast and color reproduction. I'm currently required to design for these types of screens, and often find that ...
2
votes
2answers
45 views

Quickly correct mismatched tone or color between stitched and merged layers in PS?

Imagine you have a panorama photo, stitched together from multiple pics, and it's already been merged into one JPEG. Each pic had a slightly different brightness/color/tone. So you can see obvious ...
2
votes
1answer
201 views

How to determine exact contrast ratio

Because of the recent Web accessibility Law in my region, I need to ensure I'm designing with an appropriate contrast ratio. WCAG says the value of this ratio is 4.5:1 ...
2
votes
1answer
69 views

How to calculate how much contrast you need in a header if the focus is on content?

I am redesigning a dental blog. So the focus is obviously content, they can read related news, download technical documents, watch videos, etc. So I wanted the design to be subtle. But the header I ...
1
vote
2answers
71 views

Text colours on dark and light

I'm trying to create a set of 6 text colours that are to be used on both white and dark purple (42185D) backgrounds (on a web page), and still meet accessibility standards (AA). Are there any tools or ...
1
vote
4answers
2k views

Where can I find examples of high contrast combinations for websites?

I like the idea behind http://contrastrebellion.com/, and plan to implement that on my websites. However, I'm a developer, not designer. I read a lot about the subject -where I must build the ...
1
vote
1answer
65 views

For the main image on the landing page, can a dark contrasting background help increase conversion?

BACKGROUND OF PROJECT Initially I envisioned that the header would have an image that can span the entire width of the page. I was thinking centered, and it would be so wide that as you stretched it, ...
1
vote
2answers
2k views

Which font looks great with Georgia? where Georgia is the body font

I have a blog on blogspot.com - mentioning this so you may know I don't really have a lot of font options! Anyway - In my blog, I want the body font to be Georgia. What should be the Header font with ...
1
vote
0answers
103 views

Auto - Fix an image of its contrast and brightness - Pixel Bender

I am developing a filter in Pixel Bender. It needs me to apply an auto-fix to the image before the filter is applied. Currently this is my progress in it -> dst = sampleNearest(src,outCoord()); ...
0
votes
1answer
112 views

Critique and redesign: Change template for a philosophical website

Please help me in designing the review and critique of this page I am a programmer, and a designer gave me an image of a webpage. I made it and everything is OK, but I don't like this template's ...
0
votes
1answer
88 views

Is having a grayer background a bad thing?

With F9F9F9 background: Original: I thought my blog looked a little bit boring with a plain old white background, so I tried it with #F9F9F9 and #FCFCFC. I'm not really sure whether I like it. ...
0
votes
2answers
317 views

design/ display user evaluation state's

Im looking to discuss ideas on how to represent the "evaluation of a user". You the evaluator Users to be evaluated Based on score border around user profile is different color How could this be ...
0
votes
0answers
22 views

Crisp Legible Font for Code Snippets [duplicate]

I'm new to design, contrast and color concepts but I'm trying to get my programming code snippets to look crisp, clear and very legible, without hurting the eyes. I'm looking for a font that is ideal ...
-1
votes
3answers
176 views

Why is this blurred images not working as a background?

How can I get the picture in the background and add a blur to it so it looks like the example ones? I have tested blur in one of my designs, and it's looks bad x) I wonder if it's the color of the ...