Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Aesthetic color scheme for tracks #1160

Closed
IanMayo opened this issue Apr 2, 2015 · 7 comments

Comments

Projects
None yet
2 participants
@IanMayo
Copy link
Member

commented Apr 2, 2015

In my Open Source maritime analysis application we use colored lines to show the paths where different vessels have travelled:

introshot

We have 10 standard track colors in Debrief.
image

The 10 specific colors used are shown in the screenshots at the end of this posting.

These colors are used for both displaying vessel tracks (routes) on the map, and in UI listings.

Vessel route:
routes

Listing:
narrativelist

Unfortunately some of these shades have poor contrast against a white UI backdrop, or a white/light-gray map backdrop. Within our chosen technologies it is possible to use custom shades as a backdrop for the lighter shades, but not on the map backdrop.

The shades also lack coherency. Ideally it would be possible to devise a series of color shades that complement each other. Diagrams exported from the software will typically be used in government or industrial technical reports, so the colors cannot be to "garish".

This two-stage task includes the following:

  • design 10 new color shades. A, B, and C will remain as some shade
    of Blue, Green and Red (resp). But the other 7 shades may be created as fresh shades/colors. The 10 shades should remain legible and clear against Black, White, Gray and Blue-Ocean shades (see the sample images posted below).
  • for lighter shades, devise complimentary background shades (possibly gray) to be used in UI listings, to retain the legibility of lighter-shade text.

Note 1: Users will frequently copy/paste the chart images into MS Word-style documents, where the image will always have a white backdrop.
Note 2: The Debrief application has recently had a UI makeover, where two particular shades of Blue and Red have been used extensively RGB(00,00,51) and RGB(204,0,51). If aesthetically possible, I would be interested in the designer investigating use of these specific shades for Blue and Red.

The deliverable for this task will be 10 foreground and a number of background shades, presented in RGB color format

Gray backdrop:
graybackdrop

Black backdrop:
blackbackdrop

Ocean-shade backdrop:
seabackdrop

White back-drop:
whitebackdrop

@IanMayo

This comment has been minimized.

Copy link
Member Author

commented Apr 27, 2015

We've now got a tidy set of track colors:
trackcolors

Now we need to:

  • Use them as the standard Debrief colors
  • Include the above diagram in the user guidance

@IanMayo IanMayo self-assigned this May 6, 2015

@IanMayo IanMayo added this to the Current milestone May 6, 2015

@IanMayo IanMayo assigned pecko and unassigned IanMayo May 6, 2015

@IanMayo

This comment has been minimized.

Copy link
Member Author

commented May 6, 2015

Hi there @pecko - once we're on top of the current "dragging" issues, could you make this your next ticket?

We're going to swap the existing set of Debrief colors for this new set. We'll override the set of colors in ImportReplay.initialiseColors(). The first three colors (red, green, blue) should keep their letters from the existing set, but the others can be in any order.

We also need to override them in ColorPropertyEditor.java

Actually - it would be tidier if we could combine these two lists. I guess the list in "cmap.legacy" should be the single set of colors (since debrief.legacy depends on cmap.legacy).

@pecko

This comment has been minimized.

Copy link
Contributor

commented May 6, 2015

We have 12 colors in ImportReplay.initialiseColors and 17 colors in ColorPropertyEditor. This list contains only 10 colors.
Would I keep missing colors (white, black, magenta, light grey, dark grey, gold ..) as is?

Sorry, the image isn't too clear. We just miss gold color and have new dark blue and medium blue.
Anyway, I suppose we would just enter new colors. Right?

@IanMayo

This comment has been minimized.

Copy link
Member Author

commented May 6, 2015

Yes - let's use the new colors first, and then the remaining unused colors after that.

pecko added a commit to pecko/debrief that referenced this issue May 6, 2015

@pecko

This comment has been minimized.

Copy link
Contributor

commented May 6, 2015

The PR: #1220
Hoping you want that.

IanMayo added a commit that referenced this issue May 7, 2015

Merge pull request #1220 from pecko/issue1160
Issue #1160 - Aesthetic color scheme for tracks

IanMayo added a commit that referenced this issue May 7, 2015

pecko added a commit to pecko/debrief that referenced this issue May 7, 2015

@pecko

This comment has been minimized.

Copy link
Contributor

commented May 7, 2015

@IanMayo I have added the code to your TODO marker.

The PR: #1222 includes also two your commits.

@pecko

This comment has been minimized.

Copy link
Contributor

commented May 7, 2015

You don't need apply "Revert issue #1160 ...". You should apply the PR #1222

@IanMayo IanMayo closed this May 8, 2015

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.