Individual Block Designs

[jasmussen]

Embed

Empty:

Neutral:

Selected:

Caption:

Gallery

Neutral:

Selected:

Individual image selected:

Mouse over an image to see the move/drag hand so you can rearrange

Caption:

Image

Neutral:

Selected:

Caption:

Text

Neutral:

Selected:

Heading

Neutral:

Selected:

Quote

Neutral:

Selected:

Citation:

Quote 2

Neutral:

Selected:

[ellatrix]

Nice!

[mtias]

Lovely, thanks.

[shaunandrews]

Digin' it. Nice work.

There's something about the multiple active items in these menu's that bothers me. There's no separation between groups of items, which makes it hard to grok what "things" are active, and what options are available for those active states. In the image above, for example, its unclear if clicking "B" will "unclick" the quote button.

[jasmussen]

There's something about the multiple active items in these menu's that bothers me. There's no separation between groups of items, which makes it hard to grok what "things" are active, and what options are available for those active states. In the image above, for example, its unclear if clicking "B" will "unclick" the quote button.

Solid point, Shaun. I'm always tweaking the Sketch file I have, and in this case the block mockups went out with one where I tried a unified band approach. Seems like we need some separators, or bring back the separate bands approach that are shown in the README mockups.

[mapk]

Seems like we need some separators

I agree. Separators help group selected items visually with what other items can be selected in their stead.

[mapk]

Forgive my ignorance, but is it possible to float gallery blocks?

[ellatrix]

@mapk I think any object block should be allowed to float. Example: http://www.nytimes.com/projects/2012/snow-fall/#/?part=tunnel-creek

[jasmussen]

Closing in favor of all the mockups being shown in the README: https://github.com/WordPress/gutenberg#mockups

We can open individual tickets for individual blocks if issues arise. This sort of meta-ticket just becomes confusing :)