Questions tagged [color]
the visual perceptual property corresponding in humans to the categories called red, green, blue and others
0
votes
2answers
57 views
Website with different coloured navigation per product page
I have a client asking me to change the navigation colour scheme on a website design im doing to match the individual products.
Personally I think its:
a bad idea
it wont work with their ...
0
votes
1answer
58 views
Looking for a good color set (background/font) for Xterm, drastically different from “standard” light on dark combos [on hold]
My task: I need to set up standard colors for Xterms for a large set of users in a company. The requirements are:
There are four types of Xterms (Development, Production, External Client, and ...
1
vote
4answers
139 views
Correct way to show that software is connected to an instrument?
Let me start by saying that I am a software developer, not a ui/ux designer at all, but in my company I need to cover this role too.
I am developing a desktop software that manages some particular ...
0
votes
1answer
66 views
Reusable named colors list to use across all mobile apps?
I'm trying to define a (map? / protocol?) for the mobile apps colors between the mobile developer (I represent) and the UI designer, to easily use it in our apps and to achieve consistency among all ...
1
vote
1answer
32 views
Trying to sort color palette by heat
all.
My company wants to use our own internal styles for our heat maps. Therefore, I have a list of colors that I need to sort by heat (I have hex, rgb, and hsl values to work with). However, I can't ...
4
votes
5answers
2k views
Hyperlink on red background
I am currently working on a website where I have a very prominent error box with the colour #e20413 and text in #FFF. However this, text contains two links that are blue and therefore not very ...
1
vote
1answer
93 views
Defining colour themes of gradient scales: should I use hex or RGBA? [closed]
I'm relatively new to CSS. I’m trying to figure out why my UX team sometimes defines colours with hex codes and sometimes uses RGBA.
Context: We build highly technical, management web apps. All of ...
21
votes
6answers
6k views
What is the most common color to indicate the input-field is disabled?
as I have been going through different references on input-field designs, I realized that people tend to flip-flop with grey or white background to indicate whether the input-field is enabled or ...
0
votes
4answers
203 views
Is there a program that can select a set of 5 to 10 colors based on a few main colors?
Say I want a color scheme to be 'vintage' and I know that, at least to me, that means a lighter sea green and a faded orange color.
I know the art students will understand color theory enough to do ...
0
votes
2answers
62 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
51 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
64 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
267 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
313 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
36 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
91 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
211 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
125 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
198 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
39 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 ...
0
votes
1answer
73 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:
...
217
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
166 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
210 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
185 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
106 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
165 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
82 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
147 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
81 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
212 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
76 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
289 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
400 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
58 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
176 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
716 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 ...
16
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
87 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
915 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
228 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
359 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
63 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
358 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 ...
-3
votes
1answer
452 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?
3
votes
2answers
725 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 ...
