Shell-Design-Guidelines-v4.1会员免费

Shell Design Guidelines for Mobile and Tablet Version 4.1 Shell Design Guidelines for Mobile and Tablet 2 Contents 1 Introduction ...................................................................... 4 1.1 Philosophy ................................................................. 5 1.2 Further guidance ....................................................... 6 2 Mobile and tablet context ................................................ 7 2.1 Introduction ............................................................... 8 2.2 Device types .............................................................. 9 2.3 Operating Systems (OS) ........................................... 9 2.4 Native apps ............................................................. 11 2.5 Mobile sites and web apps ...................................... 12 2.6 Assistive technologies ............................................. 13 3 Vision .............................................................................. 14 4 Principles ........................................................................ 15 4.1 Shell engineered ..................................................... 16 4.2 A delight to use ....................................................... 17 4.3 Inspires me to do things differently ......................... 20 4.4 Always connected ................................................... 22 5 Style ................................................................................ 24 5.1 First impressions and inside impressions ............... 25 5.2 Pecten ..................................................................... 27 5.3 Grid ......................................................................... 31 5.4 Colour ...................................................................... 38 5.5 Typography ............................................................. 47 5.6 Iconography ............................................................ 53 5.7 Imagery ................................................................... 59 5.8 Animation and video ................................................ 67 5.9 Charts, tables and diagrams ................................... 70 6 Interactions .................................................................... 74 6.1 Gestures .................................................................. 75 6.2 Ergonomics ............................................................. 77 6.3 Hit areas .................................................................. 80 6.4 Orientation ............................................................... 81 6.5 Zoning ..................................................................... 83 6.6 Content types .......................................................... 84 6.7 Interaction patterns ................................................. 88 6.8 Transitions ............................................................... 99 Shell Design Guidelines for Mobile and Tablet 3 7 First impressions ......................................................... 107 7.1 Launch icon ........................................