Marknote icon indicating copy to clipboard operation
Marknote copied to clipboard

Implement Design

Open octalmage opened this issue 11 years ago • 32 comments

This issue is to track the design progress.

octalmage avatar Sep 03 '14 12:09 octalmage

@mjchamplin, show me something sexy!

octalmage avatar Sep 06 '14 16:09 octalmage

Soon!

mjchamplin avatar Sep 09 '14 21:09 mjchamplin

I can't wait!

octalmage avatar Sep 09 '14 22:09 octalmage

First round of mockups / UX design stuff coming soon -- hopefully tonight!

mjchamplin avatar Sep 11 '14 16:09 mjchamplin

Hell yeah!

octalmage avatar Sep 11 '14 17:09 octalmage

So my copy of Sketch hit the end of its 14-day trial period. I went to pay for the full version, and they page timed out. My payment went through, but I didn't get the unlock code. Emailed them, haven't heard back yet. MY DESIGNS ARE IN LIMBO

mjchamplin avatar Sep 13 '14 21:09 mjchamplin

OH nooooooooooooooooooooooooooooo.

octalmage avatar Sep 14 '14 02:09 octalmage

Damn startups and their billing departments never being in on weekends. ;)

mjchamplin avatar Sep 14 '14 02:09 mjchamplin

Dicks! You should tweet at them, that what's gets things done. :p

octalmage avatar Sep 14 '14 02:09 octalmage

@mjchamplin showed me the design and we started implementing it (see commits since last tag).

The design is far from finished, but here's a start!

octalmage avatar Sep 15 '14 14:09 octalmage

@mjchamplin Have you had any thoughts about the icon/logo? Might be related to #14.

octalmage avatar Sep 17 '14 02:09 octalmage

@octalmage I've been thinking about logo / icon stuff. Don't have anything solid yet.

mjchamplin avatar Sep 18 '14 04:09 mjchamplin

Rough mockup of entire editor window (sans any control buttons).

I'm liking the "dog-ear" to be literally just a gray triangle.

slice 1

I'm about to change the window bar at the top to be standard Yosemite gray. I think for future releases we should think of taking a more Mailbox approach and maybe putting a search functionality up there.

mjchamplin avatar Sep 18 '14 04:09 mjchamplin

Looks good! I like the dog ear too. Did you want it to always be visible? What hex did you use?

octalmage avatar Sep 18 '14 04:09 octalmage

#ACACAC is the hex. Once it's more "together" I'll make sure all the colors are consistent (my grays are all over the place).

As for visibility, I think it should always be there, small, and expand on hover / approach.

mjchamplin avatar Sep 18 '14 05:09 mjchamplin

Not sure if this will make it into the first release, but we'll need some sort if export burton (#2).

We can probably put it in the settings GUI!

octalmage avatar Sep 26 '14 07:09 octalmage

marknote-whole

The design up to now. Note the item hover state on the left:

marknote-detail-hover

...showing duplicate and delete options for notes.

This state is triggered by hovering over the title for a small amount of time (maybe a quarter of a second). This hover state makes the "are you sure" dialog box redundant, as it's a built-in safeguard against accidental deletion.

Also included: another attempt to "buttonize" the dog-ear at the bottom of the page. Still not sure how this will work out.

marknote-detail-flip

mjchamplin avatar Oct 11 '14 19:10 mjchamplin

I need, 4 icons, and two colors. @mjchamplin.

octalmage avatar Oct 13 '14 04:10 octalmage

octalmage avatar Oct 13 '14 04:10 octalmage

Do you still like the dog ear in the design above (with the #)? @mjchamplin

I want to try it, do you still have the related graphics?

octalmage avatar Apr 05 '15 20:04 octalmage

Probably. I want to get back involved in this project, so if I have to redraw it / start from scratch I will. ;)

mjchamplin avatar Apr 12 '15 05:04 mjchamplin

Awesome! yeah I'm trying to get back into it also.

octalmage avatar Apr 12 '15 15:04 octalmage

Nice icon! Did you draw it / can I tweak a couple things?

Also I'm moving in 10 days but after that I'd really love to dedicate some time to the design of this app. What would be a good way for us to catch up? Google Hangout or something?

mjchamplin avatar Apr 28 '15 19:04 mjchamplin

Yeah do whatever you want! I just got tired of looking at the nw.js icon so I made something in Sletch, but I'm not attached to it one bit.

And yeah Google Hangouts works! Just let me know!

octalmage avatar Apr 28 '15 19:04 octalmage

Awesome!

I probably won't wear pants though.

mjchamplin avatar Apr 28 '15 19:04 mjchamplin

That's to be expected.

octalmage avatar Apr 28 '15 20:04 octalmage

Hey dude, I'm all moved and I'd love to work on Marknote again. Let me know when you'd be free for a little chatty chat.

mjchamplin avatar May 12 '15 21:05 mjchamplin

Awesome! I'm off the next couple of days. So whenever!

octalmage avatar May 13 '15 04:05 octalmage

Github spam! That's new...

mjchamplin avatar Aug 15 '15 18:08 mjchamplin

Lol yeah, do they even have anti spam tools?

octalmage avatar Aug 15 '15 18:08 octalmage