You Got A Question? Ask    GNOME Community!

The new animated Gnome3 modals

This post was made with an older stylesheet


It seems that these two technologies becoming one and we get some animated modals.

[caption id="attachment_4843" align="alignnone" width="640"] The modal dialog in Files 3.5.4[/caption]

Transitions are probably the best way to trace the state of the current, next and previous position in a visual workflow. A dummy example: closing and minimizing a window would be impossible to comprehend the difference without the appropriate animations.  Same goes for flip-book, carousel and you can make thousand examples of this.  You understand, right?

Gnome3 as for now uses transitions in Mutter only. This will definitely change in 3.6 that all Gnome apps will gain some “moves”. Jakub Steiner has done the first blenders in an experimental window (this is not the real Settings!).

Use HD!

Jakub shortly explained us the changes: “The transition introduces the modal and makes it clear which window it belongs to. The reason why we changed the modals is that they don’t currently look as appropriate with maximized windows“.

I want to add that transitions except the practical use are nice optically as long as remain low profile without distracting the user. And Gnome has succeed that.

This video was originally @ but I had to upload it in YouTube to embed here.

  We can't watch comments unless G+ provides an API or if you send a notification, e.g +World Of Gnome
     Sometimes is better to place your questions on GNOME Community
  • LorgnocOspYe

    This is great! The debute of attached modal dialogs in GNOME 3.0 was a great improvement: no more frustrating situation of dialog being left open with unfinished action, “out of sight, out of mind”.

    But the implemented metaphor of the dialog rolling out of the window titlebar, borrowed from Mac OS X, doesn’t really make sense, because the dialog can be larger and/or taller than the window it comes from. The open/save as dialog was the usual offender.

    But the titlebar of the “About” dialog in the screenshot still looks very much like the previous design, despite its centered position. I hope it gets the rounded corners and flatter look of the mockup before the next release. The animation too, if possible, but the dialog needs to look good on a screenshot before looking good on a screencast. :P

  • Guest

    Why the dialog comes from nothing (see the show animation) and goes to the upper side (see the hidde animation)? Thats makes no sense…

    • misterpah pah

      yeah! in my humble knowledge about UX, the animation should show that it(the dialog) came from the current application. a TV-in animation should be accompanied by the TV-out animation