Questions tagged [color-scheme]
the choice of colors used in design for a range of media
275
questions
85
votes
7
answers
174k
views
What is the best color combination for on screen reading?
I work at an airline as a pilot and I am involved in the "paperless" project which aims to have no more paper in the cockpit - all the data should be accessible from tablet devices.
We have a lot to ...
- 961
82
votes
10
answers
9k
views
What effect would a grayscale color scheme have on UX?
I am thinking of designing a website that will have no color other than black, gray, and white (including links).
Will the absence of colors such as blue, green, etc. affect the user experience of ...
user4662
65
votes
7
answers
11k
views
Should software for 8 to 14 year olds be colourful and "childish"?
I am developing a learning application for children somewhere between 8 and 14 years as part of my masters degree in Computer Science. I have absolutly no formal UI design background and in the past ...
- 660
56
votes
10
answers
24k
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 ...
- 638
47
votes
4
answers
119k
views
Which color scheme to choose for applications that require long work hours?
I'm working on a ERP / Accounting (lots of tables and data) web app and was wondering what color scheme would be appropriate for this type of application? Users will be sitting in front of their ...
- 573
43
votes
7
answers
75k
views
Colour palette progression to indicate priority
I need to use colour to indicate priority. Say, there are 20 priority levels. What is the best way to use colour to achieve this? My thoughts so far are:
I'm leaning towards using shades of a single ...
- 581
42
votes
2
answers
5k
views
What rules does Google use to make a button gray, blue, or red on their sites?
This has been an elusive topic, and I haven't yet been able to form my own conclusion about what Google's reasoning is to make a given button blue, red, or gray, given their latest design ethos. Take ...
- 951
39
votes
1
answer
6k
views
How do you decide UI colors when logo consist of three colors?
I have case where logo without name have three colors (dark blue, light blue and pink) which can be called as brand colors, but I am struggling to decide on UI surface colors (ex: cards, navbar, etc). ...
- 697
39
votes
10
answers
59k
views
Why are X, Y and Z axes represented by Red, Green, and Blue?
It is pretty standard that 3d axis, XYZ, is represented as red green blue, respectively. Why is this and who first proposed the colors in that configuration?
- 529
37
votes
7
answers
22k
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
33
votes
9
answers
5k
views
What resources do you use to find good color combinations? [closed]
My background is in web development, not UI design. I have no problem creating the layout and getting it pixel-perfect, but I can never figure out what colors to use and where. I have seen projects ...
- 521
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
30
votes
7
answers
16k
views
Colorblindness-friendly colors called "green", "blue", "yellow", and "red"
I need to choose a palette of four colors that satisfies the following two conditions:
Colorblind people can easily distinguish all four of the colors.
People with normal color vision can ...
25
votes
5
answers
8k
views
Choosing a set of colors [closed]
I'm not a graphic designer, and I can't afford one for my open source project, so I thought I'd crowdsource this one. I'm trying to work out a set of 6-8 easily-differentiable colors for categories in ...
- 2,546
25
votes
5
answers
5k
views
Colorblindness-friendly color scale with a clear progression, without using red/purple/pink
I have a case where a strong pink has already a reserved meaning ("missing data"), so red/purple/pink should not be used at all.
Additionally, colours should really distinct as it will be ...
23
votes
1
answer
3k
views
When to use white text on top of a color for readability?
I am setting the background of a textbox to some variable color.
I know the hex/rgb of the color I'm setting the background to.
Normally the text is black (or very very dark gray).
On some colors, it ...
- 1,491
21
votes
6
answers
20k
views
Why do most financial apps use a black or dark background?
I was asked today to look into designing a stock monitoring windows 8 application and I was looking around for design ideas when I noticed an interesting trend where it seems like most of these stock ...
- 43.8k
21
votes
4
answers
2k
views
How important is it to consider color for color blindness in a design
In response to this question about iconography, I was wondering about how much it is necessary to factor in color usability for people with color perception difficulties into a design.
The first ...
- 71k
20
votes
12
answers
5k
views
Is this hard to read?
This is a snippet on a site i have just been building. I considered the readability etc, and the corporate colours, and tried to work with them.
Actually, I find it quite relaxing to read and view, ...
- 9,131
20
votes
1
answer
4k
views
Are there premixed Material Design color combinations I can use for prototyping?
I'm looking at this tool that allows to select material design colors and this document by Google that describes how to pick material design colors.
As far as I understand, I pick 3 primary colors ...
- 1,617
19
votes
8
answers
4k
views
Is colour alone enough to convey warning?
I'm designing page that has an alerts panel in relation to healthcare. I'm using a pale red to convey that action needs to be taken immediately, orange to show that something is due soon and green to ...
19
votes
11
answers
5k
views
Is red an acceptable colour for a submit button on a form for a purchase or booking?
I have been drafted in to provide UX feedback on a recently completed website. One point I made was that red was not a suitable colour for a positive action, i.e. completing a form. The reply cited ...
- 307
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 ...
18
votes
10
answers
2k
views
How much color may a UI have?
I work on a Network management system (NMS) frontend. Basically this app shows a list of alarms, updated in realtime. Such NMS apps already exist in a large variety, but two things they have in ...
- 327
17
votes
4
answers
10k
views
Colours that represent beginner, intermediate and expert
Are there any guiding principles around what colours might represent beginner, intermediate and expert users in a forum site?
At first I was thinking green (beginner), orange (intermediate) and red (...
- 173
17
votes
4
answers
30k
views
What is a good color combination, visibility for outside use
I am designing the layout for a touchscreen for outside use, What are some good color combination to use that will be visible under the sun light for outside use? Maybe bright neon colors?
- 173
17
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,278
16
votes
4
answers
1k
views
What is wrong with my color selection?
Our customer said they wanted a minimalistic user interface, with a Windows 8 feel. However, I am a developer and do not have any experience with user interfaces. So, I went ahead and found the color ...
- 263
16
votes
2
answers
10k
views
Which colors would best convey 3 difficulty levels?
I'm making a baby toy/game to learn numbers and I have a menu with 3 buttons. The first button enters "learn mode", the second button is an easy quiz, and the third button is a medium quiz.
Are there ...
- 263
15
votes
12
answers
12k
views
Changing Colour of Social Media buttons to match Colour Palette
I'm interested in getting opinions on changing the colour of social media buttons (facebook/twitter/linkedin sign-up and login as well as sharing) to better fit in with the colour pallet of our ...
- 151
14
votes
6
answers
12k
views
How to measure the contrast between any given color and white?
When displaying white text on a colored background, I guess that the text is more-or-less legible depending on some kind of contrast between that color and white.
My question is, is there a formula to ...
- 286
14
votes
6
answers
97k
views
Background colour suitable for both black and white text
On my web page I have light blue, white, gray, yellow-color texts on a black textured background. Colors that don't go with a black-color background are not visible. Can anyone suggest me a background ...
- 735
13
votes
5
answers
24k
views
What colour should Register and Login buttons be? [closed]
My current login page looks like this:
I chose green and grey basically at random, and am wondering how to to represent them properly. The login button is the main action, since this screen will only ...
- 407
13
votes
4
answers
3k
views
Change link color based in background color?
Our white-background webpages use the blue hyperlinks as shown in the image below.
Occasionally we have dash-bordered yellow information sections on a white webpage as shown. In that case someone said ...
- 263
13
votes
7
answers
4k
views
Multi or Single colored rating stars
I'm developing a web application which is basically using 2(3) colors:
Magenta
White
Grey-scales
The app is a register for local artists and therofre, the users can rate them.
Currently I'm only ...
- 370
12
votes
7
answers
3k
views
Color coding Alerts
I am having some issues with a project alert colors.
I am having two cases that starts an alert.
One is if the value is over 40 and one is over 45.
Reaching the 40 value is a really bad thing and ...
- 4,518
12
votes
3
answers
900
views
Why some websites put a small contrasting bar on top of the page?
I've observed this pattern in practice at many places now, websites put a small contrasting bar on the top of the page. What is the rationale behind it?
Readability header:
Tenderapp header:
- 333
12
votes
3
answers
1k
views
Choosing colors for a subtle UI
I'm currently agonizing over how light I can make various colors in my UI before I adversely affect usability. The reason for the agonizing is that different monitors have different responses. Those ...
- 862
11
votes
4
answers
633
views
What research, patterns or techniques will help me choose the correct colors (or saturations) to the various UI elements of a page?
I am building a tool that will be used by call center agents. It is to help them support products on behalf of the customers who call up. It acts as a portal to many different types of product ...
- 1,798
10
votes
4
answers
2k
views
Should we risk using colors other than blue in Web apps?
Trends: New Colors (we’re looking at you, #00A0D1)
If there’s one thing that’s been stagnant in the design community, it’s the originality with colors. Sixty percent of the applications on my ...
- 352
10
votes
6
answers
2k
views
Effect on usability if I use green and red colors (for meaning) in an app whose color scheme does not include those colors?
I am working on an application that models physical hardware to the user. As such, showing things colored red seems to be a very natural way to communicate an error state, and showing them green ...
- 221
9
votes
2
answers
2k
views
What background colors would correctly describe level of importance of item on the list
I have a list of customers. They are( from least to to most important): Regular customer, VIP customer, Small company, Medium company, Large company. I list them in this manner:
I would like to know ...
- 205
9
votes
3
answers
5k
views
Why are most social networking sites in blue?
Why do most social media websites use blue as the main color? e.g., Twitter, Facebook, LinkedIn, foursquare, ...
I am only interested in answers based on some scientific research.
- 352
9
votes
3
answers
979
views
Excel spreadsheet colour coding/design/layout principles?
With programming you have "software design patterns", with websites you have design standardised (and then some templates, e.g. "bootstrap"), and people know where the input etc. ...
- 91
8
votes
8
answers
4k
views
Red buttons in an e-commerce site?
I'm designing an e-commerce site with red buttons. It has a yellow/white background and it looks quite good that way.
Now, my boss finds the same, he likes it, but he is doubtful, because red could ...
- 81
8
votes
3
answers
2k
views
Range of Colors to Represent Values
I have an application which draws a colorful bin, with different colors representing different values.
Originally (right side of image), I was using a scale which started with a lighter color, and ...
- 319
8
votes
4
answers
4k
views
Why do TV infomercials use such cheap, jarring, garish graphic design?
When you see a TV infomercial, they always use the jarring contrast of a big yellow font on a blue background, with a small viewport of video displaying the product. Does anyone know if there is a ...
- 823
8
votes
5
answers
3k
views
How do I design a beautiful 6 month calendar view with 15+ event types?
I have designed a calendar web application at my work, and it has been well recieved. So well that multiple departments of my company has adapted it, and requested their own categories for their ...
- 195
8
votes
4
answers
499
views
Using a secondary set of colors to indicate which elements of the UI can be interacted with
I was reading this article about Metro UI designs, and I was struck by this statement:
Example, if you look under the hood of a new car, you will see areas
colored yellow whereas the rest is the ...
- 43.8k
8
votes
3
answers
5k
views
Multipart progress / status bar colours
I am working on an application that needs to show users their currents status / progress in performing a task on a number of items. There are three states that each item can have:
New (blue) - ...
- 68.3k