Wireframe UI
Closed this issue · 3 comments
kevinmpowell commented
Wireframe UI
kevinmpowell commented
@nathanacurtis here's an idea for the Color Entry UI:
Also posted to 8S slack.
nathanacurtis commented
Oh, you are way beyond what I expected: enter hex codes by line, and if you
want a label for it, make that line comma separated. I didn't expect any
other UI. This UI complexity feels unneeded.
…On Fri, Jan 6, 2017 at 12:12 PM, Kevin Powell ***@***.***> wrote:
@nathanacurtis <https://github.com/nathanacurtis> here's an idea for the
Color Entry UI:
[image: screen shot 2017-01-06 at 11 06 20 am]
<https://cloud.githubusercontent.com/assets/979463/21726125/efdeb1fe-d400-11e6-8b6e-54bd526bd833.png>
Also posted to 8S slack.
—
You are receiving this because you were mentioned.
Reply to this email directly, view it on GitHub
<#1 (comment)>,
or mute the thread
<https://github.com/notifications/unsubscribe-auth/ABHKUD9bUzdFuTeANJ3HOz-DNJd9MBHgks5rPnXlgaJpZM4K20ja>
.
--
*Nathan Curtis*
Principal, EightShapes LLC
nathan@eightshapes.com
@nathanacurtis
703-296-8831
kevinmpowell commented
@nathanacurtis here's a medium-fidelity wireframe. I leveraged eightshapes.com for colors and an initial palette. Some notes:
- I think it's best to load with a default palette rather than an empty state. That way we don't need an empty state tutorial or instructions.
- The "Defaults to inverse of foreground colors" would be the placeholder attribute of that textarea. The generator will use those background colors only if there are valid values in that textarea, otherwise it will use inverted foreground colors.
- The "Generate Grid" button isn't really needed, the grid can update on keyup as values are entered into the textareas. Do you have a preference for that behavior? Keyup vs. Button Click?
- I didn't populate every contrast value and badge, but obviously, they will all be populated.