Gleaming the UI –or– a Helpful Guide to Contextual Interface - adobe-photoshop/spaces-design GitHub Wiki

Preamble

The user interface elements in Designshop are contextual, either displaying information on the selected layer(s) or the current document. Given a selection of mixed layers, the properties that are applicable to any of the selections should be displayed. In other words, the display of UI widgets is additive, so that it is possible to operate on any of the layers that support a particular modification, instead of requiring that the user fine-tune the selection. See the Mixed Layers section below for an example.

The sections below are listed in priority order.

1. Text Layers

Transform

  • Width / Height
  • X / Y Position
  • Rotate / Flip / Swap

Style

  • Opacity / Blending
  • Type Section
  • Drop Shadows
  • Inner Shadows

2. Vector Layers

Transform

  • Width / Height
  • X / Y Position
  • Rotate / Flip / Swap

Style

  • Opacity / Blending
  • Vector Section
  • Fill
  • Stroke
  • Drop Shadows
  • Inner Shadows

3. [Mixed Layers] (Given a Selection of Vector + Text Layers)

Transform

  • Width / Height
  • X / Y Position
  • Rotate / Flip / Swap

Style

  • Opacity / Blending
  • Vector Section
  • Type Section
  • Fill
  • Stroke
  • Drop Shadows
  • Inner Shadows

4. Groups

Transform

  • Width / Height
  • X / Y Position
  • Rotate / Flip / Swap

Style

  • Opacity / Blending
  • Fill
  • Stroke
  • Drop Shadows
  • Inner Shadows

5. Artboards

Transform

  • Artboard Width / Height
  • Artboard X / Y

Artboard Presets

  • iOS
  • Android
  • Desktop

6. Document (No Layers Selected)

Transform

  • Document Width / Height
  • Color space

Libraries? Baseline Grid?

Section name and functionality TBD… Check out this for inspiration: http://cedvel.com/

7. Smart Objects

Transform

  • Width / Height
  • X / Y Position
  • Rotate / Flip / Swap

Style

  • Opacity / Blending
  • Fill
  • Stroke
  • Drop Shadows
  • Inner Shadows

8. Pixel Layers

Transform

  • Width / Height
  • X / Y Position
  • Rotate / Flip / Swap

Style

  • Opacity / Blending
  • Fill
  • Stroke
  • Drop Shadows
  • Inner Shadows
⚠️ **GitHub.com Fallback** ⚠️