Home
Главная
Microsoft
Умный браслет
band 2 Medium
Руководство по эксплуатации Страница: 29

Microsoft band 2 Medium [29/54] Iconography

Iconography

Icons are used extensively on the Band to represent the

underlying app, metric, and/or functions. On the Start Strip, it is

recommended that tiles use a single 48x48 px white PNG icon

centered on the tile’s background. Within individual apps, it is

recommended that no more than 10 distinct icons are used.

Microsoft Band 2

Содержание

Welcome 2
Table of contents 3
About you 4
Hyper glanceable 4
In and out in eight 4
Microsoft band 2 experience principals 4
Not a mini phone 4
Ambient light sensor 5
Axis accelerometer gyrometer 5
Barometer 5
Capacitive sensor 5
Galvanic skin response 5
Haptic vibration motor 5
Microphone 5
Optical heart rate sensor 5
Technology understanding the technology and different inputs will help you design the best experience for your user 5
Uv sensor 5
Page 1 page 2 10
Page 3 10
Primary content 10
Primary content primary content 10
Secondary content 10
Secondary content secondary content 10
Microsoft band 2 personality 11
Glossary 12
Page 1 14
Page 3 14
Primary content 14
Secondary content 14
Interaction patterns 15
Typography 18
Segoe ui p bold 11px 19
Segoe ui p bold 19px 19
Segoe ui p semibold 11px 19
Segoe ui p semilight 14px 19
Segoe ui p semilight 19px 19
Segoe ui p semilight 24px 19
Header 1 21
Primary content 21
Secondary content 21
Default tracking 0 1234567890 22
Segoe ui p custom spacing 22
Segoe ui p default spacing 22
Tracking set at 0 22
Tracking set at 100 22
Tracking set at 20 1234567890 22
Button gray default button gray pressed 24
Discreet 24
Electric skyline lime cyber tangerine tang coral tuxedo killa bee lasertag california pizza 24
End cancel delete 24
Essentials 24
Inside tile highlight 24
Kool aid berry 24
Lowlight 24
Medium 24
Microsoft band 2 24
Preview 24
Secondary text 24
Start strip tile high contrast 24
Theme colors 24
Highlight is a brighter version of the base theme color applied to text 28
This is the base theme color of the brand 28
Iconography 29
Tiles and icons 30
Template library 31
Header 1 32
Header primary secondary the most basic page layout consists of a header a single line of content and a time stamp 32
Primary content 32
Secondary content 32
Simple tile layout 32
Header 1 primary content secondary content 33
Header 1 scroll content line 1 secondary content 33
Header scroll secondary 33
Simple tile layout 33
Header 1 content line 1 header 2 content line 2 34
Simple tile layout 34
Single page list with multi headers 34
Header line 1 header line 2 scroll content line 1 scroll content line 2 35
Header line 1 header line 2 scroll line 1 scroll line 2 35
Scroll page with multi line header 35
Simple tile layout 35
Header 1 38
Metric layout 38
Single metric 38
Header 1 39
Metric layout 39
Single metric with icon 39
Last 09 21 40
Metric layout 40
Readout 40
Header 1 41
Metric layout 41
Metrics metrics should be displayed next to their corresponding icon on a header primary secondary page layout 41
Readout 41
Header 1 42
Metric layout 42
Metrics metrics should be displayed next to their corresponding icon on a header primary secondary page layout 42
Readout 42
Header 43
Metric layout 43
Metric with secondary content large metrics can be displayed providing that they respect page padding concerns 43
Secondary 43
Dismiss 44
Notif content line 1 44
Notification 1 line 44
Notification layout 44
Dismiss 45
Notif content line 1 notif content line 2 45
Notification 2 lines 45
Notification layout 45
Dismiss 46
Notif content line 1 notif content line 2 46
Notification 2 lines icon 46
Notification layout 46
Dismiss 47
Notif content line 1 notif content line 2 notif content line 3 47
Notification 3 lines icon 47
Notification layout 47
Dismiss 48
Notification 3 lines icon 48
Notification layout 48
Primary content secondary content 11 00 am 48
Control layout 49
Control name 49
List picker tapping the list picker button takes you into a list picker modal where you can make a selection 49
Centered 50
Control layout 50
Control name 50
Header push button single push buttons can be placed inside tiles add them below a descriptive header string 50
Centered 51
Control layout 51
Control name ashdaskp 51
Scroll content line 1 scroll content line 2 scroll content line 3 scroll content line 4 51
Scroll push button push buttons can be located inside tiles as the bottom piece of scrollable content 51
Centered 52
Control layout 52
Scroll content line 1 scroll content line 2 scroll content line 3 scroll content line 4 52
Stacked scroll push button push buttons can be stacked on top of each other at the bottom of a scroll list padding between buttons should be at least 15px 52
Center center 53
Control layout 53
Control name 53
In tile dialog dialog buttons can be placed inside tiles below a descriptive header string 53

Microsoft band 2 Medium [29/54] Iconography

Содержание

Похожие устройства