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

the choice of colors used in design for a range of media

-2
votes
2answers
27 views

Starting references [on hold]

I'm a front-end developer that want to improve my understanding about UI/UX in general (colors, typography, layout placement, etc). Any material to start?
0
votes
1answer
32 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
1answer
98 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 ...
0
votes
1answer
185 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 ...
1
vote
1answer
51 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 ...
1
vote
1answer
95 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)...
0
votes
0answers
70 views

Making colorPrimary and colorPrimaryDark the same. Good Or Bad idea?

I'm natively Android developer. Recently I'm trying a new thing that to make colorPrimary and colorPrimaryDark the same. Does it act upon user impression somehow? I'm giving an example what it looks ...
1
vote
1answer
75 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 ...
0
votes
3answers
106 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 ...
4
votes
2answers
306 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
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
55 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 ...
0
votes
2answers
131 views

What are these 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 ...
3
votes
1answer
82 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 / ??? ...
0
votes
1answer
103 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? ...
0
votes
2answers
100 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 ...
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 ...
0
votes
0answers
75 views

How to limit excessive colour use in calendar legends?

We're currently building a client-facing calendar where the client can book facilities such as the gym, pool, tennis courts etc. through their local community center. The admin of the community center ...
1
vote
1answer
642 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%, ...
2
votes
1answer
75 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 ...
2
votes
2answers
565 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 ...
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
327 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....
1
vote
2answers
133 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
2answers
573 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 ...
3
votes
1answer
565 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,...
1
vote
2answers
182 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
616 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 ...
7
votes
2answers
754 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 ...
36
votes
7answers
8k 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...
0
votes
2answers
113 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
4answers
134 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, ...
0
votes
5answers
384 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 ...
3
votes
1answer
256 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 ...
1
vote
2answers
70 views

Breaking color-product association

I'm working on a website. The entire site is thematically designed around three colors (red, blue, yellow) which correspond to the three products. Now we are adding a fourth product, which will break ...
3
votes
1answer
327 views

Why do train departure boards use orange text on black background?

At train stations in the UK (and I also noticed in Italy) - the departure/arrival boards use orange text on a black background. However, at airports there appear to be a much wider variety of colour ...
3
votes
2answers
711 views

Are there certain colors we should use when highlighting selected items in a GUI?

One part of my application allows users to select items in order to manipulate the items, and I want to put a border around the items with a color to show when it's selected. Normally the users ...
0
votes
2answers
241 views

Choosing the right background color (Contrast issues)

I interesting issue over here. I'm designing a "photo editor" app. I have already choose my primary color. Issue: I'm trying to understand what is the best way to choose "smart" background color ...
12
votes
5answers
6k 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 ...
0
votes
1answer
196 views

Color guidelines for blue and orange website [closed]

What would be the good choice of colors to put on my calendar day buttons so that the user will easily identify what is done, skip or ongoing. For now I use the orange as default button color, blue ...
0
votes
4answers
95 views

Resources on how UX designer can understand color theory and implement it in wireframes

In my company the wireframes are supposed to be in gray-scale because the visual designer takes care of the visuals aspect. For my side project, I wish to add colors to my wireframes. It would be ...
0
votes
1answer
1k views

what are some good underlaying hover colors for a dropdown menu on top of a black background [closed]

At the moment, I have a dropdown trigger within the navbar of my website. I want it to have a little bit of "niceness" to it whenever a user hovers of it (to indicate that the element is indeed ...
4
votes
5answers
3k views

Why most of online trading platforms use Red and Green for buy and sell buttons?

I'm working on an online trading platform and my client wants to change the buy and sell buttons to neutral color instead of red and green and I can see most of the platforms use red and green. Is ...
1
vote
1answer
70 views

Can one show too many different colours in a computer game?

Unlike corporate applications, computer games need to be interesting and capture the user (player's) attention so using multiple colours are usually encouraged. However, that being said, could one ...
0
votes
2answers
408 views

Choose colors to input/output and draggable/droppable

I have the following containers that involve node dragging and dropping and 3 types of containers. I am looking for some guidelines to choose appropriate colors for them. The green arrows are ...
0
votes
1answer
64 views

Color and Text Sizes Suggestions [closed]

This is my first time on this website and I wanted to get some suggestions for my portfolio website. I just bought the domain so I'm using my IP Address. Here is my website (click me) My website is ...
0
votes
1answer
1k views

Color selection according to status

I'm designing a system where a list item can have one of 5 different status options: ACTIVE LIVE PENDING LEGACY INACTIVE I want to specify a different color for every status. For ACTIVE, PENDING ...
0
votes
3answers
311 views

Selecting easily distinguishable colors

I am writing a game and I need a choose a color for each player. The colors need to be easily distinguishable so that a human can identify the player by the color relatively easily. I need about 20 ...
7
votes
3answers
455 views

Does a color scheme that reduces brightness contrast while maintaining hue contrast reduce eye strain?

Solarized is a color scheme for editing code that reduces brightness constrasts while maintaining hue contrasts. It claimed that this reduces eye strain. Is there value in optimizing a color scheme ...