<div dir="ltr"><div>Hey Julian! <br>Some thoughts on the redesign:<br></div><div><br>= "Interface Style" option to toggle between old "Classic" style and new "Flat" style =<br>= More flat widget drawing =<br><br></div><div>I agree with Campbell, this should be more extreme. Tweaks like the different embosses could be controlled as a theme setting (like widget emboss).<br><br></div><div><br>= Implemented a Sub-Button pipline for widget rollover feedback but can be used for much more =<br></div><div><br>Nice! To be clear, what do you mean by "much more"?<br></div><div></div><div>Can it be used to show a driver expression when hovering over a driven value for example?<br></div><div>Maybe it would be a good idea to make a list of possible uses in the task.<br></div><div><br><br>= New panel design =<br></div><br>Going in the right direction IMO, going to comment in the task.<br><div><br><br>= Improved Menu/Popup design =<br><div>= Increased default DPI to 78 (was 72), decreased font sizes =<br></div><div>= New Area/Region edge design, also added a theme color option for it =<br>= Thinner scrollbars =<br><br></div><div>+1 to all, makes the ui look more organized and focused. Although 78 looks like a bit too much.<br></div><div><br><br>= New checkbox button design =<br>
</div><div><br>What is the reasoning for making them round? Checkboxes are traditionaly square to differentiate them from radio buttons.<br></div><div><br><br>= Theme option for widget corner roundness = <br><br></div><div>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.<br></div><div><br><br></div><div>By the way, you forgot to mention horizontal tabs in preferences.<br><br></div><div>Cheers,<br></div><div><br></div></div></div><div class="gmail_extra"><br><div class="gmail_quote">2015-06-10 14:02 GMT-03:00 Julian Eisel <span dir="ltr"><<a href="mailto:eiseljulian@gmail.com" target="_blank">eiseljulian@gmail.com</a>></span>:<br><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex">Alright, talked about this in IRC and this is definitely a quite nice<br>
approach even if it is a bit of work. I'll first try to get a working<br>
system for this done, later we can check more detailed on developing a<br>
couple of styles.<br>
<br>
We can keep keep working with what we already have in the meanwhile,<br>
so for now nothing has changed except that I'll look into making the<br>
"Interface Style" idea more insane ;)<br>
<div class="HOEnZb"><div class="h5"><br>
On Wed, Jun 10, 2015 at 6:15 PM, Campbell Barton <<a href="mailto:ideasman42@gmail.com">ideasman42@gmail.com</a>> wrote:<br>
> On Thu, Jun 11, 2015 at 12:12 AM, Julian Eisel <<a href="mailto:eiseljulian@gmail.com">eiseljulian@gmail.com</a>> wrote:<br>
>> Hey all!<br>
>><br>
>> I guess most of you already noted that I was working on a graphical<br>
>> redesign branch for a couple of days now. So far this was mostly<br>
>> fooling around since we discussed a lot about many things but didn't<br>
>> make many desicions. So currently I've implemented a mixture of<br>
>> different proposals/styles.<br>
>><br>
>> Main changes so far:<br>
>> * "Interface Style" option to toggle between old "Classic" style and<br>
>> new "Flat" style<br>
>> * Implemented a Sub-Button pipline for widget rollover feedback (Task:<br>
>> <a href="https://developer.blender.org/T38070" rel="noreferrer" target="_blank">https://developer.blender.org/T38070</a>) but can be used for much more<br>
>> * New panel design (Task: <a href="https://developer.blender.org/T41261" rel="noreferrer" target="_blank">https://developer.blender.org/T41261</a>)<br>
>> * Improved Menu/Popup design<br>
>> * More flat widget drawing (disabled outlines, emboss and shading -<br>
>> Task: <a href="https://developer.blender.org/T38037" rel="noreferrer" target="_blank">https://developer.blender.org/T38037</a>)<br>
>> * Increased default DPI to 78 (was 72), decreased font sizes<br>
>> * New Area/Region edge design, also added a theme color option for it<br>
>> (mainly for testing)<br>
>> * Thinner scrollbars<br>
>> * Theme option for widget corner roundness (mainly for testing, don't<br>
>> think we should have that in master TBH - based on an old patch from<br>
>> Pablo)<br>
>> * New checkbox button design<br>
>><br>
>> Some screenshots of the current state of the branch:<br>
>> * Full default screen: <a href="https://developer.blender.org/F188930" rel="noreferrer" target="_blank">https://developer.blender.org/F188930</a><br>
>> * Sub-buttons widget rollover (.gif) <a href="https://developer.blender.org/F187781" rel="noreferrer" target="_blank">https://developer.blender.org/F187781</a><br>
>> * New menu design: <a href="https://developer.blender.org/F185707" rel="noreferrer" target="_blank">https://developer.blender.org/F185707</a><br>
>> * "Interface Style" menu: <a href="https://developer.blender.org/F188942" rel="noreferrer" target="_blank">https://developer.blender.org/F188942</a><br>
>> * "Classic" style: <a href="https://developer.blender.org/F188937" rel="noreferrer" target="_blank">https://developer.blender.org/F188937</a><br>
>><br>
>> Up till now, I've mostly worked on my own, asking Pawel for new ideas,<br>
>> feedback and mockups now and then, but think at this point it would be<br>
>> good to join forces on this (at least the UI team).<br>
>> First some general feedback on status quo would be good, but then we<br>
>> should start looking into some details, make desicions and also work<br>
>> on the new default theme(s).<br>
>> The exact branch name is UI-graphical-redesign btw, but the<br>
>> UI-experiments branch is in sync with it.<br>
>><br>
>> So! I see this as a good chance to prove (find?) the power of the UI<br>
>> team and as a good warm up project for more, hope we can get something<br>
>> done :)<br>
>><br>
>> Cheers,<br>
>> - Julian -<br>
><br>
> Hi, I checked the branch and the main concern I have with the code so<br>
> far is that flat/classic are basically tweaks to the same UI style.<br>
><br>
> Thats fine if all we want is some subtle variation, on a similar base.<br>
><br>
> The reason I think this could become a problem is the further we push<br>
> each button style with this method, we basically mix all theme code in<br>
> the same code-path (with a bunch of conditional checks all over)...<br>
> which becomes hard to maintain.<br>
> Even if it seems OK for the time being... areas like this tend to grow<br>
> over time. (each time adding some button style option seems OK... but<br>
> after a year or two we have spaghetti code - where fixing an issue<br>
> with one style easily breaks another).<br>
><br>
><br>
> I think it would be better to split the styles up in the code into<br>
> distinct types (a little like we have for modifiers, customdata,<br>
> DerivedMeshe ... already).<br>
><br>
> uiWidgetStyle {<br>
> draw_operator();<br>
> draw_number();<br>
> draw_slider();<br>
> draw_text();<br>
> draw_label();<br>
> draw_color();<br>
> ... etc ...<br>
> };<br>
><br>
> ... then each widget can define its own callbacks and they don't have<br>
> to share any logic with each-other (they can of course share some<br>
> lower level utility functions too if it makes sense).<br>
><br>
> ----<br>
><br>
> Irrespective if we go ahead with button style code, I think it would<br>
> be good to start out with at least 2x extra distinct styles,<br>
> (different enough that we can verify the style system works well).<br>
><br>
> As an example... the Rounded and Minimal styles from 2.4x would be an<br>
> OK test-case.<br>
> <a href="http://download.blender.org/ftp/ideasman42/pics/blender_24_rounded_minimal.png" rel="noreferrer" target="_blank">http://download.blender.org/ftp/ideasman42/pics/blender_24_rounded_minimal.png</a><br>
><br>
> While you could pick other examples, the point is to show a working<br>
> style system. The actual design work can be done separately.<br>
> _______________________________________________<br>
> Bf-interface mailing list<br>
> <a href="mailto:Bf-interface@blender.org">Bf-interface@blender.org</a><br>
> <a href="http://lists.blender.org/mailman/listinfo/bf-interface" rel="noreferrer" target="_blank">http://lists.blender.org/mailman/listinfo/bf-interface</a><br>
_______________________________________________<br>
Bf-interface mailing list<br>
<a href="mailto:Bf-interface@blender.org">Bf-interface@blender.org</a><br>
<a href="http://lists.blender.org/mailman/listinfo/bf-interface" rel="noreferrer" target="_blank">http://lists.blender.org/mailman/listinfo/bf-interface</a><br>
</div></div></blockquote></div><br></div>