Stack Exchange Network

Stack Exchange network consists of 175 Q&A communities including Stack Overflow, the largest, most trusted online community for developers to learn, share their knowledge, and build their careers.

Visit Stack Exchange

Questions tagged [color]

the visual perceptual property corresponding in humans to the categories called red, green, blue and others

0
votes
2answers
47 views

Adjusting for color difference between monitor and TV

I am creating a UI, but there is a large difference between the colors that I can see on my monitor, and my TV. Is there a way to adjust for the difference between what I see on my monitor and my TV? ...
1
vote
1answer
47 views

What is the procedure for measuring color contrast around anti-aliasing?

What is the proper method for measuring the color contrast of on-screen elements that are anti-aliased (particularly, but not limited to, text)? Does a standard method even exist? Here's my specific ...
0
votes
0answers
56 views

Finding two contrasting colors that can have white/yellow/red text on them that work for color blindness

I'm writing a simple UI using Material Design, and specifically Material Ui using their Dark theme. I have a simple table for displaying text; however, I want the table to alternate between two ...
5
votes
3answers
221 views

Can I use medium color contrast in native mobile apps? Android & iOS have high contrast modes

I design native apps for Android and iOS. Both Android and iOS have high contrast modes. With this in mind, can I use low-contrast colors (say, 3:1 instead of the 4.5:1 that WCAG Level AA requires), ...
1
vote
4answers
223 views

Having two primary buttons

We are currently working on some email notifications. The email will notify you of something happening that requires your action. For example you are alerted that someone left a door opened when he ...
0
votes
1answer
34 views

How to force the user to draw on certain elements if there are images in the layout

Well, I ran into the problem of distinguishability of content in a mobile application. In fact, there are a huge number of pictures on the page (movie poster, preview of the film as a picture). A lot ...
0
votes
1answer
79 views

Color Palette Accessibility for White Text Button Labels

Background: I'm currently working with trying to bring text accessibility into the visual design of a SaaS product suite, which has cross-product primary and system feedback colors and a number of ...
6
votes
4answers
155 views

Which accessibility standard for mobile app?

The W3C has created accessibility guidelines for websites. A is the least accessible, and puts the least constraints on the design, AAA is the most accessible, and puts the biggest constraints on the ...
5
votes
2answers
124 views

In a survey, will the color of the thumbs for choices bias the responses?

Many companies add satisfaction surveys to their emails and thank you pages. In the case of a thumbs up/thumbs down survey, is it smart to use color to increase the amount of responses? I see two ...
1
vote
2answers
193 views

How should regular black text change to show that it has become editable?

I am building an app to be used on Android phones. The main purpose of the app is to display information, in the format of a form, to the user. Several fields of the form are to be manually filled in ...
1
vote
1answer
38 views

Sketch: how to create colour palette in symbols page [closed]

I'm new to the Mac app Sketch, and I've been watching a few tutorials where a color palette (a grid of colored rectangles) is created on the symbols page, and a color from the palette is assigned to ...
-1
votes
1answer
69 views

Colors VS Screens - Colors to avoid

I'm working on my personal webpage, my primary background color (apart from white) is straight-forward turquoise (#40e0d0) from the styles selection in my navigator. On my laptop, the color is more ...
2
votes
2answers
136 views

How to present a tree in which objects may appear more than once?

I have a window showing a number of objects that can be individually hidden or recolored. Accordingly, in a sidebar each has a checkbox and a color swatch that launches a color picker when clicked: ...
214
votes
15answers
48k views

Why do people not notice our enormous, prominent, clear and contrasting purple banner?

I'm part of a MediaWiki site called D&D Wiki. Among others, one of our longstanding issues in the public eye was our failure to label clearly enough that certain pages are categorised 'Homebrew', ...
0
votes
4answers
160 views

Should icons always be the same color as the accompanying text?

I'm designing a timeline in which certain "event cards" are interactive while others are not. I'm running into a problem where the icons on the non-interactive cards look very dark, and therefore ...
-2
votes
1answer
200 views

Chart Color Palette for hundreds of items

Given a timeline chart with hundreds of items...should I have hundreds of different color for each category/item along? What is a good strategy for creating colour palettes for charts when there are ...
0
votes
4answers
174 views

Black & White Web Design (UI/UX Wise)

One of my client(He has a SEO agency)need to design a website with blog. He want 100% black and white design. That means text, images everything are 100% black and white. Is there any UI/UX research ...
1
vote
1answer
103 views

Which colour to choose for 'updated' field?

I'm designing a user interface, which will contain fields that the user can edit. Each field can have 4 states: Unchanged (field has the same value). Added (field has a value, where it didn't before)...
1
vote
2answers
153 views

Text contrast for highly saturated call to action buttons

It's become a part of my way of working that I check areas of my design are adhering to accessibility guidelines, WCAG2.0 colour contrast in particular. At the moment I'm working on creating a new ...
0
votes
2answers
78 views

How would I mark that a cell value has been edited in a grid

I have an excel like grid and I want to somehow mark what cell values have been edited (and changed back to normal after pressing the save button) I was thinking about changing the number/background ...
0
votes
1answer
111 views

Why do Indonesians forbid green? [closed]

I've recently discovered that in Indonesia green is forbidden. But I cannot find the reason. Can anybody help please because I'm just wondering that, when put into context, when green is and is not ...
0
votes
2answers
80 views

Should I use different backgroud colors in my app?

I want to design an app and my idea is to have 2 different background colors/themes: standard theme for sides where users just need to navigate theme for input sides where users need to make some ...
3
votes
1answer
178 views

Distinguishing overlapping event types in a timeline

I am working with software that is used for scheduling astronomical observations. I've created a timeline view for the user to create, view, and edit observation schedules. Here's my mock-up: Gray ...
2
votes
1answer
75 views

what are the benefits and harms of having light font on saturated colored background? [duplicate]

the example could be seen from the new google calendar it was white font on a saturated color box (colorful, very 'rich' in colors', 'bright', or im not sure what's the technical way of describing ...
5
votes
2answers
272 views

Can palettes be unambiguous for colour blind users?

I am making design recommendations for a piece of software that wants to accommodate entirely illiterate users. A suggestion that has been made is to assist these users by employing "color coding" on ...
4
votes
2answers
381 views

What have studies shown about different dark background colours

I am looking to redesign a website over which I have little control outside the colour scheme. I want to find usability evidence to back up my change decisions, or else use that evidence to adjust my ...
0
votes
1answer
56 views

Should sections (sidebars, etc.) have a distinct background colour?

Consider the following layout: It's divided into four horizontal sections using borders, each with their own heading. On the web and desktop, it's a common pattern to give sections a distinct ...
0
votes
1answer
157 views

Formula to get the accents in material design

We see here the palette of material design: https://material.io/guidelines/style/color.html#color-color-palette We see colors are at "500" and then they have gradations at 50, 100, and then A100, ...
4
votes
1answer
653 views

Contrast ratio for button background color?

I am working with making a website WCAG II compliant. The designers are asking to use yellow buttons (specifically, #fcdb31) with blue text on top of them on white backgrounds. While the blue type on ...
15
votes
3answers
5k views

Logical colors for a wireframe

I got a mail from a designer to do some wireframes. He has told me that the wireframe should have logical colors. Is there really some theory to the colors for wireframes? I have made some ...
1
vote
2answers
84 views

Black text usage

I hear conflicting information on the usage of #000; for body copy vs a light gray. The latest is using black text is culturally a better option and more legible. Especially not knowing user monitor ...
3
votes
1answer
72 views

Eliminating confusion when differentiating between items by color

When choosing colors to display for a list of items (example: Map, Bar or line chart) I have run into the issue of too many colors (13) being used to differentiate between unique items. So my question ...
1
vote
1answer
848 views

What color scale to use for heat map with positive and negative values?

I am trying to see what the most intuitive or most conventional color scale would be for a heat map with values that can be either positive or negative (percent difference from expected). e.g., -50%, ...
3
votes
2answers
226 views

The Psychology of Colors

I have a few categories in my application regarding the various needs/dimensions of human lives such as health, social services etc. I am not sure which color would best represent each category. Could ...
8
votes
2answers
1k views

Grey font on websites - some so pale they are difficult to read. What is today's design brief on font colour?

What is the design standard for font colour on websites? I am finding the use of pale grey makes some of the text extremely difficult to read. Surely readability should also extend to being able to ...
0
votes
1answer
322 views

Why are the primary background colors of 2D and 3D design software black and grey without saturation?

I was wondering if there is any science-based research consensus which recommends using nonsaturated colors (pure shades of greys and blacks) in complex graphic design software for better usability? ...
1
vote
2answers
62 views

Play & Stop VS Start & Stop for meditation app

I'm working on a mobile app and deciding about whether to change the name of the button from play to start. This controls the circle as shown below. At the moment it's play and stop but do you think ...
0
votes
1answer
2k views

white text on yellow background

I am using a circle label to display the number. Because of UIRequirment , background of label is yellow and text colour is white. Text is not clearly visible. How to standout the white colour on ...
3
votes
2answers
343 views

Using hue/saturation to represent multiple dimensions

I remember reading about this a while ago but I forget where, so I'm trying to 1) confirm that I remembered correctly and 2) find a supporting reference (book, research article) Suppose I have a data ...
-4
votes
1answer
421 views

Is it a good idea to use red color in User Interfaces? [duplicate]

Colors like red and green are not visible to people with colour blindness.So is it a good idea to use red or variations of red as a user interface colour?
4
votes
2answers
658 views

High contrast/visible colors for google maps

I am creating some custom markers for an application that uses google maps They stand for a tow truck and a broken car. An important constraint is that they must contrast with the map bellow, in ...
-2
votes
1answer
126 views

Why is every popular website removing colors? [closed]

I didn't know where to ask, so I'm trying here. I don't know if you guys have noticed, but youtube (logo, like/dislike etc.), facebook (like & comment icon), g+ (same) etc. have removed all ...
0
votes
2answers
157 views

Should secondary (help) buttons be a different colour?

I'm creating a web application that includes quite a lot of help buttons due to the complexity, initially we only had two colours for CTA buttons, primary and secondary, neither of the buttons in this ...
2
votes
2answers
473 views

What reasons to distinct hyperlinks with thick, light blue underlines?

To my knowledge, to avoid distractions in reading flow underlines should be avoided in any circumstance, not just hyperlinks. BBC avoids coloring them at all and boldface them instead. However, the ...
2
votes
2answers
765 views

Alternatives for red/green in diff output

I once read an article arguing that red and green are bad choices for diff, because some people have red-green color blindness red implies "bad" and green implies "good", but deleted code is often ...
15
votes
2answers
2k views

Lighter color for a secondary same action button?

I have a add button (with a green color) in the main level of my web app. This button also appears in other levels of my app. My CEO asked me if it would be a good idea to change the color to a ...
1
vote
2answers
133 views

the most visible color of bounding box in images of cats [closed]

I develop an app which draw a bounding box in pictures of cats. I wonder which color is the fittest for that purpose.
2
votes
1answer
393 views

What does the 'A' stand for in the Material Design color swatch system? (e.g tealA200) [closed]

Sort of a rudimentary question, so I apologize in advance. Just curious what the A mean and maybe more broadly, are there any design implications I should be considering in relation to the meaning. ...
1
vote
2answers
432 views

what color besides black and white are, measurably, most easy to see?

a practical example is when deciding what colour to pick for 'section titles' of long bullet-point text (has sub-bullet points also) on onenote, g-docs, and most anywhere so im hoping for a software ...
4
votes
2answers
558 views

Color coding a lot of major sections inside a website

So I have a website that consists of 15 major modules or lack of a better term sections. Each of these consist of very different objectives. One presents news the other shows you a job listing and ext....