Stack Exchange Network

Stack Exchange network consists of 174 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
Join us in building a kind, collaborative learning community via our updated Code of Conduct.

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

0
votes
4answers
136 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
84 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
111 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
60 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
103 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
75 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 ...
2
votes
1answer
74 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
73 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 ...
4
votes
2answers
199 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
246 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
0answers
79 views

Are light backgrounds really easier to read for people over 45?

While it may seem that this question has been discussed to death, I find one aspect missing in previous discussions of black-on-white vs. white-on-black for text display. The effect of age on the ...
0
votes
1answer
47 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
0answers
53 views

Optimized colors to fight screen fatique [duplicate]

There is a big discussion about blue light emitted by computer screens and its effects on sleep, not to mention the good old Light Theme v.s. Dark Theme debate. As a software engineer, I'm a big ...
1
vote
1answer
70 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
332 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
3k 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
77 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
69 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
549 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
206 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 ...
7
votes
2answers
482 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
145 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
59 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
1k 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
333 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
236 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
476 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
120 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
143 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
329 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
488 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
104 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
279 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
299 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
492 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....
9
votes
2answers
272 views

Why a color picker offers almost identical swatches?

Perhaps the first example I met was in Windows many years ago and is still with us: Pairs of swatches I connected with red line* are nearly indistinguishable. The same in color comb.          *) ...
1
vote
1answer
161 views

Displaying percentages in tiny stacked bar chart segments

Specifically, how to handle cases where a (stacked bar chart's) segment has a small value, leaving little visual space for displaying data inside that segment. For example, if the pink segment was ...
4
votes
2answers
275 views

Why do messaging apps color the user's messages brighter than the people they message?

You would think that the messages you receive are the primary focus of a messaging app, since you spend most of your time reading them. However, many big messaging clients like iMessage and Facebook ...
1
vote
2answers
131 views

Colors signifying positive, false negative and false positive

I am given text span ranges (start and stop) for a specific paragraph from two separate APIs. One API has the spans as defined by a human while the other is defined by a machine. I essentially need to ...
0
votes
1answer
153 views

Changes in a base color of an admin page

I am changing a support page of my company to make the employees more happy and comfortable with the support page. I came with a question. Can a redesign really change the way users feel or will big ...
1
vote
3answers
2k views

Color for “Edit”

In the Bootstrap color scheme, the Danger button is red, OK/Confirm/Success buttons are green, secondary is gray (for Cancel and such), etc. I want to have an Edit button to go along with my "Delete" ...
3
votes
5answers
323 views

Background color when hovering datagrid row

My question is pretty simple. In your opinion, does changing the background color of the hovered row in the datagrid is a plus for the user - or a distraction that should be discarded? All rows / ...
0
votes
1answer
137 views

On a directory tree with color based legend, how to best represent multiple colors?

On one of our web apps we have a directory structure viewer with a legend and certain highlight colors for folders and files which have special meaning. In the majority of cases where the app is used, ...
2
votes
1answer
73 views

Color vs. Monchrome menu items

I'm working on an app that is a bit limited in functionality and the menu is simply a group of icons on the initial landing page. Although the app interface is limited, it does allow for custom icons. ...
1
vote
2answers
165 views

Why are card layouts with dark background not frequent?

Most of the card layouts on popular sites or social media sites use white (or light) background and dark text. For example, Google plus, instagram, facebook, Pinterest, dribble, etc. Rarely (or less ...
1
vote
1answer
136 views

Donut chart colours for success/warnings/errors

We have a site that is brandable (colours) for each client. There is an area of the site that has donut charts that represent the following four items: Success Warnings Errors Exclusions We thought ...
0
votes
1answer
112 views

Should the hamburguer button have the same color as links?

For consistency and to make users recognize quickly clickable links/buttons, "the color of a button should depend on its state and its purpose"*. In the case of the hamburguer button it does not ...
7
votes
2answers
751 views

How to decide which color palette to associate with any app? [closed]

How to decide which color palette to associate with any app? How do you make color communicate tone of app? Deciding one color is easy, say Gray for serious enterprise theme but what about the rest of ...
15
votes
2answers
4k views

Formula for color contrast between text and background

In my Android app a user can choose the color of an item. This color is then shown in background with a text on it. I want to display the text either in black or white - depending on the background ...