[Bf-interface] GUI redesign - Call for Participation ;)
Julian Eisel
eiseljulian at gmail.com
Fri Jun 12 01:07:39 CEST 2015
Hey Diego,
Thanks for the feedback!
* Interface Style option
Campbell and me discussed this a bit more in depth and created a
design task for it (https://developer.blender.org/T45025)
I'd still prefer to keep it as a separate task for now, bothering no
one else than me (and Campbell a bit :P), since I'm afraid it would
take our focus away from the general GUI-redesign work.
* Sub-buttons
Sub-buttons in fact should also be considered as a separate project, I
just thought it would be nice to have them implemented for widget
rollover finally, but I'm going to separate them later.
In the branch they are currently only used for the rollover feedback
and the handling of click-tweaking values. Sub-buttons are basically
independent buttons within buttons, so anything you can do with
buttons we can apply to sub-buttons as well. E.g: Triggering
operators, triggering menus/popups, tweaking properties (as done with
the ones in the branch), providing better cursor feedback, or as you
already said, providing feedback about the driver context. Another use
case might be a "x"-icon within tabs:
https://developer.blender.org/T39835 (not using sub-buttons).
* Default DPI
Yeah, we have to check that together at some point, I personally even
like to have a DPI at about 80 and font sizes at 10.
* Checkbox Design
This is one of the cases where personal tastes come into play. I for
example think that gives them a more modern look, others don't ;)
* Widget corner roundness option
Well as I said, it's mostly for testing purposes and I don't think it
will end up in master (esp not once we have Interface Style options)
* UserPref tabs
Nope, I didn't forget them, it's just a separate project I merged into
the UI-experiments branch (see https://developer.blender.org/D667)
Thanks again for the feedback Diego, was interesting to read and I'll
keep it in mind for further decisions :)
On Fri, Jun 12, 2015 at 12:09 AM, Diego Gangl <dnicolas at gmail.com> wrote:
> Hey Julian!
> Some thoughts on the redesign:
>
> = "Interface Style" option to toggle between old "Classic" style and new
> "Flat" style =
> = More flat widget drawing =
>
> I agree with Campbell, this should be more extreme. Tweaks like the
> different embosses could be controlled as a theme setting (like widget
> emboss).
>
>
> = Implemented a Sub-Button pipline for widget rollover feedback but can be
> used for much more =
>
> Nice! To be clear, what do you mean by "much more"?
> Can it be used to show a driver expression when hovering over a driven value
> for example?
> Maybe it would be a good idea to make a list of possible uses in the task.
>
>
> = New panel design =
>
> Going in the right direction IMO, going to comment in the task.
>
>
> = Improved Menu/Popup design =
> = Increased default DPI to 78 (was 72), decreased font sizes =
> = New Area/Region edge design, also added a theme color option for it =
> = Thinner scrollbars =
>
> +1 to all, makes the ui look more organized and focused. Although 78 looks
> like a bit too much.
>
>
> = New checkbox button design =
>
> What is the reasoning for making them round? Checkboxes are traditionaly
> square to differentiate them from radio buttons.
>
>
> = Theme option for widget corner roundness =
>
> I don't think this makes a lot of sense (most users won't care), and at the
> extreme values padding starts to become messy.
>
>
> By the way, you forgot to mention horizontal tabs in preferences.
>
> Cheers,
>
>
> 2015-06-10 14:02 GMT-03:00 Julian Eisel <eiseljulian at gmail.com>:
>>
>> Alright, talked about this in IRC and this is definitely a quite nice
>> approach even if it is a bit of work. I'll first try to get a working
>> system for this done, later we can check more detailed on developing a
>> couple of styles.
>>
>> We can keep keep working with what we already have in the meanwhile,
>> so for now nothing has changed except that I'll look into making the
>> "Interface Style" idea more insane ;)
>>
>> On Wed, Jun 10, 2015 at 6:15 PM, Campbell Barton <ideasman42 at gmail.com>
>> wrote:
>> > On Thu, Jun 11, 2015 at 12:12 AM, Julian Eisel <eiseljulian at gmail.com>
>> > wrote:
>> >> Hey all!
>> >>
>> >> I guess most of you already noted that I was working on a graphical
>> >> redesign branch for a couple of days now. So far this was mostly
>> >> fooling around since we discussed a lot about many things but didn't
>> >> make many desicions. So currently I've implemented a mixture of
>> >> different proposals/styles.
>> >>
>> >> Main changes so far:
>> >> * "Interface Style" option to toggle between old "Classic" style and
>> >> new "Flat" style
>> >> * Implemented a Sub-Button pipline for widget rollover feedback (Task:
>> >> https://developer.blender.org/T38070) but can be used for much more
>> >> * New panel design (Task: https://developer.blender.org/T41261)
>> >> * Improved Menu/Popup design
>> >> * More flat widget drawing (disabled outlines, emboss and shading -
>> >> Task: https://developer.blender.org/T38037)
>> >> * Increased default DPI to 78 (was 72), decreased font sizes
>> >> * New Area/Region edge design, also added a theme color option for it
>> >> (mainly for testing)
>> >> * Thinner scrollbars
>> >> * Theme option for widget corner roundness (mainly for testing, don't
>> >> think we should have that in master TBH - based on an old patch from
>> >> Pablo)
>> >> * New checkbox button design
>> >>
>> >> Some screenshots of the current state of the branch:
>> >> * Full default screen: https://developer.blender.org/F188930
>> >> * Sub-buttons widget rollover (.gif)
>> >> https://developer.blender.org/F187781
>> >> * New menu design: https://developer.blender.org/F185707
>> >> * "Interface Style" menu: https://developer.blender.org/F188942
>> >> * "Classic" style: https://developer.blender.org/F188937
>> >>
>> >> Up till now, I've mostly worked on my own, asking Pawel for new ideas,
>> >> feedback and mockups now and then, but think at this point it would be
>> >> good to join forces on this (at least the UI team).
>> >> First some general feedback on status quo would be good, but then we
>> >> should start looking into some details, make desicions and also work
>> >> on the new default theme(s).
>> >> The exact branch name is UI-graphical-redesign btw, but the
>> >> UI-experiments branch is in sync with it.
>> >>
>> >> So! I see this as a good chance to prove (find?) the power of the UI
>> >> team and as a good warm up project for more, hope we can get something
>> >> done :)
>> >>
>> >> Cheers,
>> >> - Julian -
>> >
>> > Hi, I checked the branch and the main concern I have with the code so
>> > far is that flat/classic are basically tweaks to the same UI style.
>> >
>> > Thats fine if all we want is some subtle variation, on a similar base.
>> >
>> > The reason I think this could become a problem is the further we push
>> > each button style with this method, we basically mix all theme code in
>> > the same code-path (with a bunch of conditional checks all over)...
>> > which becomes hard to maintain.
>> > Even if it seems OK for the time being... areas like this tend to grow
>> > over time. (each time adding some button style option seems OK... but
>> > after a year or two we have spaghetti code - where fixing an issue
>> > with one style easily breaks another).
>> >
>> >
>> > I think it would be better to split the styles up in the code into
>> > distinct types (a little like we have for modifiers, customdata,
>> > DerivedMeshe ... already).
>> >
>> > uiWidgetStyle {
>> > draw_operator();
>> > draw_number();
>> > draw_slider();
>> > draw_text();
>> > draw_label();
>> > draw_color();
>> > ... etc ...
>> > };
>> >
>> > ... then each widget can define its own callbacks and they don't have
>> > to share any logic with each-other (they can of course share some
>> > lower level utility functions too if it makes sense).
>> >
>> > ----
>> >
>> > Irrespective if we go ahead with button style code, I think it would
>> > be good to start out with at least 2x extra distinct styles,
>> > (different enough that we can verify the style system works well).
>> >
>> > As an example... the Rounded and Minimal styles from 2.4x would be an
>> > OK test-case.
>> >
>> > http://download.blender.org/ftp/ideasman42/pics/blender_24_rounded_minimal.png
>> >
>> > While you could pick other examples, the point is to show a working
>> > style system. The actual design work can be done separately.
>> > _______________________________________________
>> > Bf-interface mailing list
>> > Bf-interface at blender.org
>> > http://lists.blender.org/mailman/listinfo/bf-interface
>> _______________________________________________
>> Bf-interface mailing list
>> Bf-interface at blender.org
>> http://lists.blender.org/mailman/listinfo/bf-interface
>
>
>
> _______________________________________________
> Bf-interface mailing list
> Bf-interface at blender.org
> http://lists.blender.org/mailman/listinfo/bf-interface
>
More information about the Bf-interface
mailing list