Create Task
Maniphest T13690

Decide on an overall design approach
Closed, DuplicatePublic
Actions

Description

Currently there does not seem a common standing on how the new Breeze should look like. This effects all areas and thus I think it might be beneficial to have a task to keep track of that on a meta level.

There are several mockups on different subtasks not really matching each other. That has the imminent risk an inconsistent design as a result.

Most tend to use round corners and blue + grey colors. However there currently seems to be no agreement about:

  • Skeumorphic vs. Simplistic - Some degree of skeumorphism seems to be wanted (1)
  • Flat vs. Deep
  • Soft vs. Hard

(I am aware that there is overlapping between those fields)

Also for the sake of completeness I'd also like to discuss

  • Round corners vs. Rectangular - Current state seems to be round with 3px radius (1)
  • Colors (HIG, Merge Request)

Since discussions might be hard to follow, I suggest to keep this description up to date with the current status.

Related Objects

clel created this task.Sep 27 2020, 1:54 PM
clel added a parent task: T10891: Breeze theme evolution.
clel added projects: Breeze, Plasma.
ndavis added a subscriber: ndavis.Sep 27 2020, 8:04 PM

My goal with the breeze evolution is to make something inspired by what came before (including aspects of the Breeze QStyle and Breeze Plasma style), but with a focus on improving contrast. Not to a ridiculous degree, but enough to make reading text and symbols easier.

Most of my inspiration is actually from the Breeze Plasma style (e.g., Kickoff highlight effects, aka Application Launcher), but it does have some visual similarity to Material Design, MacOS (before BigSur), UWP and https://ant.design/docs/spec/introduce.

These are the colors we will be using: https://invent.kde.org/plasma/breeze/-/merge_requests/2

I'm open to making tweaks to lightness, saturation and hue, but not major style changes unless there's a very strong reason to make a major change. Keep in mind that the UI colors we choose don't just affect the UI colors (trivial to change en masse); we also have to avoid making icons blend in with these colors. I'm kinda burnt out on icons, so I really don't want to manually check and edit 1000 or more icons.

clel updated the task description. (Show Details)Sep 28 2020, 1:27 PM
clel updated the task description. (Show Details)Sep 28 2020, 1:33 PM

Thanks! I updated the description with that information and also added the probably current state of "round vs. rectangullar corners".

clel updated the task description. (Show Details)Sep 28 2020, 1:57 PM
aronkvh added a subscriber: aronkvh.May 7 2021, 5:49 PM

imo Breeze could skip the fully "flat and rounded" phase and go a bit back to oxygen but futuristic with just a bit of skeuomorphism+more blurred parts(kinda glassmorphism)+ at least 6px radius, which would mix nicely with the current (and in future more rounded) icons having nice gradient and shadows, like


.............
so basically Ocean