Search Unity

  1. Welcome to the Unity Forums! Please take the time to read our Code of Conduct to familiarize yourself with the forum rules and how to post constructively.
  2. Join us on Thursday, June 8, for a Q&A with Unity's Content Pipeline group here on the forum, and on the Unity Discord, and discuss topics around Content Build, Import Workflows, Asset Database, and Addressables!
    Dismiss Notice
New Forum User Notice Content Pipeline Dev Blitz Day

Official Free e-book now available: UI design and implementation in Unity

Discussion in 'UI Toolkit' started by eduardooriz, Dec 14, 2022.

  1. eduardooriz

    eduardooriz

    Unity Technologies

    Joined:
    May 28, 2018
    Posts:
    69
    Hey everyone

    The new User interface design and implementation in Unity e-book is now available.



    >> Download it <<

    This 130+ page guide for artists, designers, and developers will show you how to build sophisticated interfaces with Unity’s two UI systems, Unity UI and UI Toolkit, with a big focus on UI Builder and Flexbox concepts.



    Written by experienced Unity creators and UI professionals, the e-book provides step-by-step guidance on how to make sophisticated UIs that look great across a wide range of devices.

    The key areas covered include:
    • UI design phases
    • UI development phases
    • Asset preparation workflow
    • Designing with Unity UI
    • Designing with the UI Toolkit and responsive layouts
    • Styling with the UI Toolkit
    • Fonts in Unity
    • Walkthrough of the companion demo - UI Toolkit Sample – Dragon Crashers
    • A UI Toolkit case study: Timberborn
    We hope you find this guide helpful. As usual, if you have any feedback or questions, please let us know here.

     

    Attached Files:

    Last edited: Dec 15, 2022
    eduardooriz, Dec 14, 2022
    #1
    chelnok, watchagames, Kirsche and 10 others like this.

  2. impheris

    impheris

    Joined:
    Dec 30, 2009
    Posts:
    995
    Hi, i'm making a mobile gameand i'm totally noob with css, i want to make a simple UI for my game. Is this new system better optimized compared to the old one? is it easier? i do not want to code, that is why i think the old one is better for me. Do i need to code something in this new system?
    Thanks...
     
    impheris, Dec 15, 2022
    #2

  3. michalpiatek

    michalpiatek

    Joined:
    Feb 26, 2021
    Posts:
    81
    That's great and all, but what about particles and the UI? How does one go about using Shuriken on the old UI system or VFX graph on the new UI system?
     
    michalpiatek, Dec 16, 2022
    #3

  4. KarsunkinOleg

    KarsunkinOleg

    Joined:
    Oct 14, 2021
    Posts:
    2
    Site with the book does not work only for me? design and layout of the site is broken. Can someone share a direct link to the pdf
     
    KarsunkinOleg, Dec 17, 2022
    #4

  5. blockimperium

    blockimperium

    Joined:
    Jan 21, 2008
    Posts:
    452
    Thanks much!! Been looking forward to this to see how it might fit in our new titles. One comment for the designers:

    upload_2022-12-17_16-3-45.png

    If you were better able to use the descriptive images here as opposed to the iconography that you currently use, it would be so extremely helpful. Hell, make these images a tooltip or something because this clearly illustrates what you're going to get whereas the icons simply do not.
     
    blockimperium, Dec 17, 2022
    #5
    KamilCSPS and eduardooriz like this.

  6. stoofnie

    stoofnie

    Joined:
    May 21, 2014
    Posts:
    2
    omg a game changer, what an excellent resource. I've slacked it to everyone I know <3
     
    stoofnie, Jan 9, 2023
    #6
    Krugmeisteren, benoitd_unity and eduardooriz like this.