Hi, all! Here are a few projects the Design Team has contributed to over the past couple of weeks.
Revisiting the Image Size dropdown
When you upload an image, the large size will be shown by default. In this case, size refers to the image resolution, specifically the lower-resolution variant that WordPress creates on upload called “Large”. On modern screens, this resolution is often too low. Issue 48618 explores how we can improve that situation, and in this mockup we explore an interim step to make clearer that the dropdown is about image density, not dimensions, by renaming “Image size” to “Resolution”, and showing it inside.
Site Editor metrics
@jameskoster is working on a PR to adjust some of the spacing and alignment metrics in the Site Editor.
Minimise the footprint of spacing controls
Spacing controls like Padding and Margin occupy a large space in the block Inspector, particularly when ‘exploded’ for per-side control. It’s most troublesome when you only want to add a value to a single side.
Exploring metrics and color in the Site Editor’s dark sidebar
As the single-entity panels (e.g. when browsing a page) evolve and we present options to perform high-level tasks in the dark sidebar, the UI can become a little more complex. We need to keep refining the system so that it can scale elegantly and intuitively.
Layout
How might we increase what layouts are possible with WordPress whilst keeping it feeling intuitive to use for both technical and non technical users? The group/row/stack block and the column block gives us a really strong starting point to build off. Is there an opportunity to simplify? GitHub issue, test website.
If you have updates you’d like to include in the next Design Share, please drop a note in the Design channel on the Making WordPress Slack.