Search Unity

Feedback Second Editor Theme Iteration feedback

Discussion in 'Editor Workflows' started by hippocoder, Mar 12, 2019.

  1. hippocoder

    hippocoder

    Digital Ape

    Joined:
    Apr 11, 2010
    Posts:
    29,723
    It's getting there!

    Still an issue:

    Text should not have so much space inside of what context contains it:

    upload_2019-3-12_15-58-2.png

    Here, the text struggles to belong inside the context. This is fixed with more space between contexts and less space inside contexts.

    Applicable to infobox and dropdown (everything actually). The space inside should be less than the space outside: this way, at a glance, you can see what belongs where. Alternative options are using the space inside the context better to add a touch more shadow or highlight, or just making those contexts smaller and more snuggled / or make text bigger, even. The contexts have a huge amount of room inside...

    I am assuming it's wiggle room in case you have an option for larger fonts, but it does slightly impact the ideal design for a majority in my view.

    If that's the case it could be space that could have a touch more shading so it feels less like the text is floating above it or even rattling around.

    TLDR? Text still does not feel like it belongs inside the various contexts.
     
    Lahcene and rastlin like this.
  2. rastlin

    rastlin

    Joined:
    Jun 5, 2017
    Posts:
    127
    I will hijack this thread for my feedback as well, hope it's ok :) .

    I want to point out first that I like the direction the new look is heading, it has definitely more modern feeling to it. However since this is probably the only UI refresh we are going to get in a long while, I think it's much more important to tackle some of the biggest issue to me, not only changing the fonts and icons.

    My problem is, there is SO MUCH dead space in the editor it's unacceptable. It is a visual tool and we should strive to reclaim as much space for meaningful data as possible.

    Let me demonstrate, lets see how much dead space we have in the Inspector - marked by red square:
    space1.png

    And another one from the comparison screenshot:
    space2.png

    Those precious pixels could be spent displaying component data in more readable fashion. For now it's just a bloat.

    Looking at the editor in general it desperately needs rearrangement to reclaim the dead space, I combined it in single screenshot:
    Layout.png

    The problems I see in this single shot:
    • The tools components are entirely meaningless outside of scene context. There is no point of displaying them, because they are usable only when navigating and working with the scene view, they should be moved to the scene window to enable other tabs take over the space.
    • It's 2019 and Unity is still using stock Windows menu bars, with around 40 pixels of deadspace between the menus and the control buttons. At least get rid of the title bar already, and combine it with the menu bar
    • Collab/Account/Cloud buttons - I rarely user them and I imagine someone who is using those tools uses them once day at max. What is the point of displaying those buttons all the time? I propose to at minimum move them few pixels up over unused menu bar space or just remove them entirely, or combine into button
    • Project view - another example of wasted pixels. Add button could be moved next to "Project, and the filter controls could be moved to the folder header. Or remove folder header entirely, there is a large dead horizontal line dedicated just to a silly title bar. Doing some rearrangement we could save another 20px for some meaningful content
    Those are only few issues spotted in this single screenshot.

    I'm not advocating to cramp everything altogether, but rather just remove some dead spacing. I assume it's reminiscence of poor layout driven by panels and tables but in 2019 we should no longer see any editor space wasted for meaningless spacers with no content.
     
    oxysofts, DGordon, Norimoo and 3 others like this.
  3. ks3d_unity

    ks3d_unity

    Unity Technologies

    Joined:
    May 22, 2017
    Posts:
    14
    Thanks for the feedback. We're taking note and listening :). We're doing the UI refresh in stages because of the magnitude of the changes and the ripple effects. 2019.3 is the first step towards a longer-term UX vision that we have for Unity. Your suggestions on how to address "dead space" resonate with us and it's something we definitely want to address as every pixel matters in a productivity / content creation tool. We just have to balance our aspirations with feasibility for each release. We will definitely continue to evolve the UI beyond 2019.3, though...
     
    Mauri likes this.
  4. Ruchir

    Ruchir

    Joined:
    May 26, 2015
    Posts:
    934
    In my opinion the space on the left is okay ,otherwise the interface will look too much cluttered
     
  5. rastlin

    rastlin

    Joined:
    Jun 5, 2017
    Posts:
    127
    Thank you @ks3d_unity for this response.

    I'm very happy you are looking at the big picture, and it's understandable you require multiple releases to deliver improvements in UI in general.

    Keep up the good work!
     
    ks3d_unity likes this.
  6. SirIntruder

    SirIntruder

    Joined:
    Aug 16, 2013
    Posts:
    49
    I understand this is not a simple thing to do, but I would be really happy if Unity supported dark-theme single-line toolbar, as in VS2019 / VSCode / Photoshop. Did Unity explore possility of tackling this?
     
  7. ks3d_unity

    ks3d_unity

    Unity Technologies

    Joined:
    May 22, 2017
    Posts:
    14
    Hi SirIntruder. Thanks for the suggestion. Could you elaborate on what a single-line toolbar is? A screenshot would be very helpful as well. Thanks!
     
  8. SirIntruder

    SirIntruder

    Joined:
    Aug 16, 2013
    Posts:
    49
    Sorry for being imprecise - by "toolbar", I meant having menu bar and title bar combined into one line, and having it match current theme color. "Two lines vs one line" is more of a minor thing, what is offensive to the eye is white toolbar on a dark theme. Compare how title bar looks in unity:

    2019-04-15_20-18-11.png

    to how it looks in photoshop
    2019-04-15_20-22-15.png
    or vscode
    2019-04-15_20-08-45.png

    VS2017 had dark theme title bar, in VS2019 they further combined it with menu bar to save space

    From my understanding, people accomplish this by hiding native title bar and doing menu bar themselves, so I know it's not something that can be fixed easily
     
  9. ks3d_unity

    ks3d_unity

    Unity Technologies

    Joined:
    May 22, 2017
    Posts:
    14
    Thanks for clarifying. We agree that this would be a great improvement and it's something we're investigating.
     
  10. Ruchir

    Ruchir

    Joined:
    May 26, 2015
    Posts:
    934
    Is there plans on adding few more editor attributes to help streamline the workflow, especially the few helpful attributes from odin inspector and serializer ,like the list attributes and the tabs attributes,you should take a look at that in my opinion:)
     
    Lahcene and kvfreedom like this.
  11. hippocoder

    hippocoder

    Digital Ape

    Joined:
    Apr 11, 2010
    Posts:
    29,723
    Very much agreed also, even if windows only, because the most users by far are on windows boxes.
     
  12. SwastikBhattacharyya

    SwastikBhattacharyya

    Joined:
    Jul 7, 2018
    Posts:
    3
    I cannot download the modules the page is giving me an error.
    Page URL: http://beta.unity3d.com/download/1a...tup-Windows-Support-for-Editor-2019.2.0a5.exe

    Error:
    <Error>
    <Code>AccessDenied</Code>
    <Message>Access denied.</Message>
    <Details>
    Anonymous caller does not have storage.objects.get access to publishing-unity-binaries-prd/1a67509f062d/TargetSupportInstaller/UnitySetup-Windows-Support-for-Editor-2019.2.0a5.exe.
    </Details>
    </Error>

    By the way, the new theme is awesome.
     
  13. Please open a separate thread for your issue. Thank you.
     
  14. SwastikBhattacharyya

    SwastikBhattacharyya

    Joined:
    Jul 7, 2018
    Posts:
    3
  15. melgeorgiou

    melgeorgiou

    Joined:
    Nov 3, 2012
    Posts:
    772
    Quick note about a bug I discovered while trying to update one of my tool's editors ( hopefully this is the right place to post this! lol )

    Not sure if this is fixed yet but It looks like EditorGUILayout.TextArea is broken in 2019.3.0a3. It always stays as a single line and doesn't appear able to become multi-line.

    Example Code snippet:

    dialogText = EditorGUILayout.TextArea( dialogText, GUILayout.MinHeight(60) );

    This would usually result in a multi-line text field in previous versions but it stays locked as a single line field in the current build. This is currently preventing me from getting my tools ready for 2019.3! :)
     
  16. Squidcor

    Squidcor

    Joined:
    Feb 12, 2013
    Posts:
    7
    upload_2019-5-31_15-47-14.png

    I'm getting the above issue too. Also happens with the TextArea attribute. 2019.3.0a4 (Windows)
     
  17. Johannski

    Johannski

    Joined:
    Jan 25, 2014
    Posts:
    826
    Really like the decision of using the inter font. Sadly the font seems to have some really ugly kerning problems on Windows with HighDPI Settings:
    upload_2019-9-23_18-24-53.png

    Unity 2019.3.0b4
    Windows 10 Pro 1903
    Display: LG 27UD58P 3840 x 2160 https://www.lg.com/us/monitors/lg-27UD58P-B-4k-uhd-led-monitor
    Windows Scale and Layout: 175%

    Other than that I really like the new take on UI.
     
    Last edited: Sep 25, 2019
    EduardoLauer and Xarbrough like this.
  18. hippocoder

    hippocoder

    Digital Ape

    Joined:
    Apr 11, 2010
    Posts:
    29,723
    Indeed, it gets really bad on macs! But this is something Unity can address by creating a fixed version of the font I guess!
     
  19. Xarbrough

    Xarbrough

    Joined:
    Dec 11, 2014
    Posts:
    1,188
    Hurray, I'm not the only one who is struck by bad kerning. :D
     
  20. Johannski

    Johannski

    Joined:
    Jan 25, 2014
    Posts:
    826
    Yes, this should be very fixable, that's why I felt the urge to point it out. I do think however that the problem does not lie within the kerning and hinting of the font, but rather the font rendering engine of Unity. I use the new font (https://rsms.me/inter/) on my website and I really like how well balanced it is and I didn't encounter any of those problems in the browsers. On the other hand, I really don't know how the internal processing of the font happens, so might be necessary to change the font to meet the needs of unitys rendering.
    United we stand! :D
     
    hippocoder likes this.
  21. Xarbrough

    Xarbrough

    Joined:
    Dec 11, 2014
    Posts:
    1,188
    I wanted to add two screenshots I made today in 2019.3.0b4:

    EditorSkinBlurry.png EditorSkinBlurryZoomed.png

    I believe there are still some issues with font rendering in the editor:
    1. Although inter is a tall font, it looks too tall at some places in the editor. See the package titles in the left column of the package manager window. I would even say we have some room to add more spacing between characters in total (and also fix the missing kerning pairs between some glyphs as was already mentioned).
    2. Some fonts are still very small and hard to read, e.g. "Additional Settings" in the SpriteRenderer inspector.
    3. Some texts look blurry. See the second screenshot, e.g. The words "Dependencies" in the package manager window or "Additional Settings" in the inspector are blurry. Bold titles in general appear too soft.
    Compare these points to the inter font rendered by my browser in the background. To me, this browser version looks much more crisp and legible. Not sure why this is, maybe because of sub-pixel hinting, but anyway I hope that Unity can achieve the same amount of visual fidelity.
     
  22. KarlKarl2000

    KarlKarl2000

    Joined:
    Jan 25, 2016
    Posts:
    606
    Hi @ks3d_unity

    Sorry not sure where is a better place to ask. Hope its ok I ask here.

    With the upcoming new UI upgrades. Is it possible to get a LIST view for the PROJECT tab? This way we don't need to scroll so much when looking at materials, textures, scripts, folders etc?
     

    Attached Files:

  23. Johannski

    Johannski

    Joined:
    Jan 25, 2014
    Posts:
    826
    Hi again,

    I was silently hoping, the kerning would be fixed in the 2019.3.0f6 release, saldy this is not the case. I took a few screnshots in order to have some basis to compare the changes:

    High DPI:
    Unity_EditorRendering-HighDPI.png

    Normal DPI:
    Unity_EditorRendering.png

    Closeup normal DPI
    Unity_EditorRendering_closeup.png


    I think there are still quite a few issues with kerning, especially with the inter font.
     
    KarlKarl2000 likes this.
  24. ScreenwaveMedia

    ScreenwaveMedia

    Joined:
    Jul 8, 2020
    Posts:
    15
    Are you guys still looking into this? Or even just making it support Windows 10 dark setting? The bright white bar on a dark desktop late at night drives me crazy.