The Design Team provides user experience, user interface, and visual design expertise for the WordPress project.
Want to get involved?
Welcome! This all-volunteer team needs designers of various kinds. See our handbook and drop into #design once signed up for volunteer opportunities.
Our vision is to be the go-to resource for design for other teams across the WordPress open sourceOpen SourceOpen Source denotes software for which the original source code is made freely available and may be redistributed and modified. Open Source **must be** delivered via a licensing model, see GPL. project.
Hi, all! Here are a few projects the Design Team has contributed to over the past couple of weeks.
Cleaner results layout
After updating most UIUIUI is an acronym for User Interface - the layout of the page the user interacts with. Think ‘how are they doing that’ and less about what they are doing. components with the new button styles, we made use of the button revisit to polish the content media links and headerHeaderThe header of your site is typically the first thing people will experience. The masthead or header art located across the top of your page is part of the look and feel of your website. It can influence a visitor’s opinion about your content and you/ your organization’s brand. It may also look different on different screen sizes. layout of All content results. Design ticket.
Notification banners
As part of the analytics project, we are updating the notification banners for the new privacy settings and other possible performance breaks we need to inform users about.
Detail panels
Continued work to nail down the contents of the details panel in the site editor for various contexts.
Save modal
An updated design for the Site Editor save modal.
Save dock behaviour
We’ve updated the behaviour of the save hub in the site editor so that it only prompts to review changes when there are changes outside the current context. PR.
Patterns
Introduces a way to create and manage patterns via a consolidated “Library” space. This work is leading up to the idea of synced patterns. Issue.
View site link + new external link icon
A design for an unobtrusive “View site” link in the site editor. Also updates the `external` icon making it more harmonious with the rest of the set.
Document Title
As part of designing the new title bar, we’ve created designs for all cases of the toolbar, across post editor, site editor, top toolbar, and mobile combinations.
Navigation in Site View
A navigation section was included in the site editor late in the 6.2 phase, but was pulled at the last minute due to some intricacies of its behavior. We are revisiting and simplifying these behaviors, with a primary focus on surfacing every menu you have saved, and letting you do basic management in the site view, still directing you to the edit view for intricate operations.
Notification bell
A coreCoreCore is the set of software required to run WordPress. The Core Development Team builds WordPress. project, WP Notify, is making progress, and we’re seeking out how we can collaborate with them. For now, we’ve contributed a bell icon.
Condensed margin/padding controls
Before/After
Thanks to work by Aaron, more condensed unlinked padding and margin controls are close to landing.
When building thems in the site editor, it can be unclear from where a particular style originates (theme, user, global unspecific, global specific, local, etc). These concepts explore how to visualize that in an unintrusive way, and could use your feedback.
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 SlackSlackSlack is a Collaborative Group Chat Platform https://slack.com/. The WordPress community has its own Slack Channel at https://make.wordpress.org/chat/..
You must be logged in to post a comment.