the visual perceptual property corresponding in humans to the categories called red, green, blue and others
1
vote
1answer
25 views
Sketch: how to create colour palette in symbols page
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 ...
0
votes
1answer
64 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
133 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:
...
211
votes
15answers
47k 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
153 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 ...
-1
votes
1answer
106 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
161 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
96 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
121 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
64 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
106 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
77 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
97 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
225 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
310 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
91 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
49 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
56 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
87 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
423 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
4k 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
79 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
659 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
213 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
668 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
212 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
61 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
337 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
290 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
542 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
122 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
147 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
371 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
573 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
109 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
320 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
333 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
516 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
287 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
169 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
277 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
134 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
3k 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
344 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
138 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, ...
