Some rounded forms to humanize the interface.Bold shapes reserved for headings and action elements.Crisp lines and sufficient, but not jarring, contrast.A neutral desaturated color palette, both friendly and calming.A primarily light tone that feels bright and open.In other cases, there is a clear common thread. In these cases, a careful balance is needed. Some of these design elements would be in conflict with one another: powerful shapes and too much contrast might make the UI unfriendly or even disrespectful. friendly, collaborative, democratic, respectful: choose cheerful colours avoid high contrast at large scales (too bold/aggressive) prefer well-known design patterns, iconography, and affordances avoid visual indulgence, ensure visual style is extensible and flexible.natural: desaturated tones: avoid neon/artificial colors organic rather than geometric forms choose a typeface that retains a trace of the human hand.accessible, transparent: appeal to the greatest possible number of people choose a legible typeface set text for optimal readability emphasize what matters use consistent visual cues for affordances.clear, direct, concise: use crisp lines and simple, decisive shapes avoid patterns, texture, and ornamentation each element should serve a clear purpose make measured use of whitespace: room to breathe, but avoid sterility and emptiness use rules/boxes sparingly.empathetic, responsive: choose to calm colors and rounded forms give emphasis to what matters.powerful: confident, precise shapes and strong contrast, especially for user-controllable elements.First, we mapped each adjective to a set of possible visual characteristics: Having a set of adjectives to describe Drupal, we tried to give those terms visual expression using basic design elements and principles.
Much of this is captured in Mark Boulton and Leisa Reichelt’s earlier work describing the brand at. Welcoming/respectful, open, informal, collaborative, transparent, responsive, credible. Part is this brand is also the community values we express: Powerful, adaptable, empathetic, direct, democratic, accessible, clear, concise, natural. We looked into words that describe Drupal’s brand: For a lot of people who use Drupal but don’t visit, the administrative interface is their only interaction with our brand. With the introduction of an admin theme and toolbar, we now have important places where people interact with Drupal visually.
The development of the Drupal brand has come a long way in the past few years. Provide consistency across all Drupal 8 modules.Be completely accessible (WCAG compliant).Provide guidelines for others (e.g., contrib) to build on as new interactions emerge.Īs the principal Admin theme of Drupal, Seven theme must:.List the visual and UI patterns used by Drupal that form a shared language we can build on.Describe the unifying the visual language in Seven that supports the core values.Outline Drupal core values that guide the look & feel for the Seven theme.
0 kommentar(er)
