Questions tagged [color-scheme]
the choice of colors used in design for a range of media
276
questions
-1
votes
1
answer
382
views
Best color palette for a sober, elegant look and feel [closed]
I am building a web app whose target audience will be musicians in general but more specifically classical musicians. So in my limited, more accurately nonexistent, knowledge of user experience and ...
- 101
2
votes
2
answers
1k
views
Practical 'lightest' shade of grey for contrast with white
I often use a light shade of grey such as rgb(242,242,242) in my designs to provide a subtle contrast to white, e.g. for the background of alternating rows in a table.
I can easily distinguish ...
- 123
0
votes
1
answer
647
views
Do colors red and green necessarily signify opposites
In some cultures red signifies stop and green go - stop and go can be considered opposites. Is it really different in other cultures?
But suppose I wanted to show a screen with only two buttons, ...
- 601
1
vote
1
answer
94
views
Inclusive notification scheme incorporated into design systems
It seems like the standard RED, YELLOW, GREEN and BLUE colours are used in notification schemes/styles in the most popular development frameworks like Material.io and Bootstrap.
Of course, colours ...
- 27.1k
6
votes
2
answers
3k
views
Spreadsheet Cell Color Conventions
Is there some convention for coloring certain spreadsheet cells with certain colors to indicate the meaning/type of cell?
Excel provides the following. Is that an Excel thing or a broader color ...
- 163
3
votes
4
answers
2k
views
If orange is hated by both men and women, why successful companies choose it? [closed]
Reading this site on choosing colors, saw this infographic, claiming orange is most hateful to both men and women.
My question is why companies like Amazon chose orange as their primary color if it ...
- 153
1
vote
1
answer
203
views
Is it ok to mix black with other bright colors in the UI?
I'm a UI developer at a small organization.
I've been developing an application and I chose orange, black and white as the predominant colors in the palette. You can see the attached image to get an ...
- 11
0
votes
1
answer
549
views
Usage of colors and background - Header and Footer | eCommerce
Are there any key UX research references for the usage of colours on an ecommerce website? Looking for any research data so that we can make objective decisions. Our brand colour is a Deep orange and ...
- 1
2
votes
2
answers
96
views
Salesmanship: How to differentiate two fulfilment statuses when both should seem attractive
My client is asking me to design text labels, iconography and colouring for two «fulfilment statuses» (apologies if that's the wrong term). Both should seem attractive to a potential customer. The ...
- 422
32
votes
10
answers
9k
views
What is the color associated with lukewarm?
I'm designing a web application that crowdsources user response to another user's initiative (or project idea). The overall user response to the initiative is represented using a status component with ...
- 423
1
vote
2
answers
789
views
Syntax highlighting color conventions
I am about to design a (light) syntax highlighting color theme. Are there any conventions (apart from accessibility) I should take in account.
Comments quite often appear in a bright grey for ...
- 35
58
votes
10
answers
25k
views
What color to choose as "danger" if the main color of my app is red
I'm having this question wrapped around my head for quite some time. The thing is that my main application has a red color theme. And for just cancel buttons I used to use just gray colors but now ...
- 658
5
votes
2
answers
292
views
Visualisation of the state of roads on a map
I am designing a website with different kind of roads for bikers. I am looking for a way to show on a Google maps overlay what the state of the roads is. What is the best practice of this?
There are ...
- 692
0
votes
1
answer
92
views
How to decide dashboard's general buttons when having multiple clients with different colors each?
I have this project, where I have to implement text, raised and ghost buttons depending on the different sections. It's kind of a wizard-style app, with a dashboard with steps to complete and submit.
...
- 101
7
votes
6
answers
4k
views
Should every website have a dark mode? [closed]
Personally I love websites with dark mode. It doesn't matter whether it's day or night, I always use dark mode whenever I can.
But when I build some websites myself, I feel like dark mode isn't a ...
- 306
18
votes
4
answers
3k
views
Maximum contrast ratio for good accessibility
So we are remaking an enterprise app from scratch. This time we want to base our design decisions on proper research.
Our users use the app 24/7 with high requirements for UX. So our main goal is to ...
- 2,598
5
votes
1
answer
849
views
Why consoles/terminals usually have a black background?
In unix and window systems, the console has a black background. Is this historical or is there any UX reasoning behind it?
I'm working on a web based terminal and giving the window the look and feel ...
1
vote
1
answer
1k
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 ...
- 11
2
votes
2
answers
269
views
Bootstrap nav bar with variable background color - best way to handle this?
I'm working on the UX for an application with a bootstrap top navigation bar whose background color will not be consistent because resellers can change it to match their branding. At the moment, the ...
- 133
0
votes
1
answer
105
views
Vice versa colors for on and off hover of buttons [closed]
How should we choose the color for buttons is there a should always be a dark and light colour or two differed colors. What will be the best strategy for choosing colours.
And is it should always be ...
2
votes
1
answer
3k
views
How to choose a color combination for main header and sub-headers for better UI and UX?
I'm always confused about the BG (background) colors or a header and sub-header of a website or an app.
There can be at least 3 options to choose BG for them:
1. A dark color for main header and a ...
- 121
0
votes
1
answer
552
views
Are there rules for warm and cool grey tones be used together in UIs? [closed]
I am currently working on redesigning a web app and want to reduce the amount of colors used, espcially the lot of different grey tones - warm and cool mixed up as accents for UI elements and the ...
- 13
1
vote
1
answer
185
views
potentially color-blind person: how to choose colors for a graph [duplicate]
I have a chart with 5 curves (curves 1-5). A person told me that colors 1 vs. 2 as well as colors 3 vs. 5 are difficult to distinguish. While I can understand that 3 and 5 are somewhat similar, the 1 ...
- 111
2
votes
1
answer
563
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)...
- 145
1
vote
1
answer
126
views
Why is the background of common motion capture systems black?
Popular commercial MoCap systems (Vicon, Motive, etc.) tend to have black backgrounds for their workspace environment. Is there any non-trivial reason for this convention?
I'm currently working on a ...
- 113
1
vote
3
answers
588
views
What should be the color of ON state so that user doesn't switch it off?
I am working on one plugin for the Outlook. This plugin is for email sharing. When user tries to compose email a notification butter bar will come up in compose window and will say that particular ...
- 23
8
votes
2
answers
562
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 ...
- 81
0
votes
2
answers
348
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 ...
- 246
0
votes
2
answers
348
views
What are these tooltips-like objects called in UX design?
I have been tasked with creating an information (e.i. helpful tip) scrolling bar for a mobile application.
I am not very satisfied with my choices of color. So I am trying to look for outside ...
- 145
3
votes
1
answer
204
views
UI based on individual data / dynamic / generative
I am looking for examples where the UI is designed based on the individual user data. Not just a customizable profile page, more automated individual color palette / layout / typography / ??? ...
- 39
2
votes
1
answer
532
views
Why do Photoshop and Krita use grayscale icons? [closed]
The toolbox in both applications use icons that have no colors. What's the reasoning behind this? What are the pros and cons? I've heard that some people can get overwhelmed by colors... is that it?
...
- 123
0
votes
2
answers
174
views
What objective arguments can be provided to prove that a colour scheme for an app is bad?
We have a design for an app developed by an external agency and our business people seem to be happy with it. But it’s really terrible - the colours are too bright, the text is difficult to read and ...
- 1
19
votes
3
answers
9k
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
1
answer
5k
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%, ...
- 113
2
votes
1
answer
84
views
Seasonal response to app color schemes
As I get ready to launch my mobile app I am in the process of reviewing a number of UI/UX issues. The app in question is broadly best described as a "shopping app". I find myself wondering - are ...
- 485
4
votes
3
answers
4k
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 ...
- 143
2
votes
1
answer
2k
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. ...
- 131
1
vote
2
answers
919
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 ...
- 119
4
votes
2
answers
850
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....
- 163
2
votes
2
answers
430
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 ...
- 141
0
votes
2
answers
3k
views
How to make my webpage not look so flat? [closed]
I am creating a website and my skills are in the back-end and unfortunately, I always have to end up doing the front-end as well. The coding is not the problem, it is the design and color choices. All ...
- 103
2
votes
1
answer
7k
views
Common color associations and movie genres
For others:
My Question got answered, but in a different way. The answer basically is that:
it wouldn't make much of a difference and
That "We have (...) standards like Red for love, passion,...
- 125
1
vote
2
answers
609
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,204
1
vote
1
answer
3k
views
What's the best colour palette for financial app? [closed]
I've been working on app screens for my company.. I managed to solve some complex UX problems.. but I'm struggling with colour palettes.. as I'm a colour blind, so it's hard to figure out good colours ...
- 213
6
votes
2
answers
928
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 ...
37
votes
7
answers
23k
views
Best error color on blue color?
I have the color: #4285f4 and I'm looking for a easy to read error color code. I'm using Google's default error color: #dd2c00. However this doesn't read very well on the page...
- 473
0
votes
2
answers
182
views
Elegantly make a group of rows distinct. How do I draw users attention to a group of rows in a table?
I need a simple yet elegant solution for making the rows highlighted in red standout from other rows.
Description: The highlighted rows are the new rows that the user has not looked at yet. So we ...
1
vote
4
answers
345
views
I need help picking a color for colorblind people
thanks for taking the time to help me out :)
I am having trouble deciding which color to pick. A bright yellow or a bright purple. It has to go with the teal I used because it represents my school, ...
- 111
0
votes
5
answers
680
views
Is color consistency and limited colors important for better UX?
I'm working on a web app which has more than 80 colours if I check the CSS file of it. Not all colours are very different colours, there are darker and lighter variations too.
Should I try removing ...
- 4,892
3
votes
2
answers
1k
views
Why are word processors blue and spreadsheet programs green?
It's a trend across Microsoft Office, Google Drive, and LibreOffice: the iconography for the word processor is primarily blue, and the spreadsheet app green. Any specific reason for this, or just a ...
- 143