diff --git a/HIG/source/style/animations.rst b/HIG/source/style/animations.rst new file mode 100644 --- /dev/null +++ b/HIG/source/style/animations.rst @@ -0,0 +1,23 @@ +Animations +======= + + +Purpose +~~~~~~~~~~~~ + +Animation can be an effective tool in guiding user focus towards newly changed +elements, and to avoid sudden glaring changes. + +Animations can exist also exclusively for visual flair. This is not covered by +this HIG. + +Guidelines: +~~~~~~~~~~~~ + +Default animations should be as follows: + + - Items animating from visible to invisible should be InQuad + - Items animating from invisible to visible should be OutQuad + - Items animating from visible to visible should be InOutQuad + +Where going off screen or out of the window is considered as going invisible. diff --git a/HIG/source/style/index.rst b/HIG/source/style/index.rst --- a/HIG/source/style/index.rst +++ b/HIG/source/style/index.rst @@ -13,6 +13,7 @@ theme typography writing/index + animations The Style layer is concerned with emotion, tone, and visual vocabulary. Because it is the most visible and concrete aspect of an interface, it typically accounts for people’s first impression of a product. Style is influenced by the use of color,the design of icons throughout the interface and the use of typography. Elements of style support Organization, Viewing and Navigation, Editing and Manipulation and User Assistance. @@ -23,3 +24,4 @@ * :doc:`theme` * :doc:`typography` * :doc:`writing/index` +* :doc:`animations`