<h3 style="box-sizing: border-box; border-width: 0px 0px 0px 4px; border-left-style: solid; border-left-color: rgb(238, 238, 238); font-family: 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', STHeiti, 'WenQuanYi Micro Hei', Helvetica, Arial, sans-serif; font-size: 15.555556297302246px; margin-right: 0px; margin-bottom: 20px; margin-left: 0px; outline: 0px; padding: 0px 0px 0px 5px; vertical-align: baseline; color: rgb(51, 51, 51); line-height: 31.111112594604492px;">1.1设计原则(Design Principles)</h3>
<span style="box-sizing: border-box; border: 0px; font-family: 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', STHeiti, 'WenQuanYi Micro Hei', Helvetica, Arial, sans-serif; font-size: 15.555556297302246px; font-weight: 700; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; color: rgb(102, 102, 102); line-height: 31.111112594604492px;">清晰(Clarity)</span><br>
留白、颜色字体图形突出重点内容,可交互
<span style="box-sizing: border-box; border: 0px; font-family: 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', STHeiti, 'WenQuanYi Micro Hei', Helvetica, Arial, sans-serif; font-size: 15.555556297302246px; font-weight: 700; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; color: rgb(102, 102, 102); line-height: 31.111112594604492px;">遵从(Deference)</span><br>
流畅动效,清爽美观
<span style="color: rgb(102, 102, 102); font-family: 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', STHeiti, 'WenQuanYi Micro Hei', Helvetica, Arial, sans-serif; font-size: 18.01801872253418px; line-height: 42.04204177856445px;">减少使用边框、渐变和阴影让界面尽可能地轻量化,从而突出内容</span><br>
<span style="box-sizing: border-box; border: 0px; font-family: 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', STHeiti, 'WenQuanYi Micro Hei', Helvetica, Arial, sans-serif; font-size: 15.555556297302246px; font-weight: 700; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; color: rgb(102, 102, 102); line-height: 31.111112594604492px;">深度(Depth)</span><br>
<span style="color: rgb(102, 102, 102); font-family: 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', STHeiti, 'WenQuanYi Micro Hei', Helvetica, Arial, sans-serif; line-height: 42.04204177856445px;">清楚的视觉层和生动的动效表达了层次结构</span><br>
<span style="color: rgb(102, 102, 102); font-family: 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', STHeiti, 'WenQuanYi Micro Hei', Helvetica, Arial, sans-serif; line-height: 42.04204177856445px;">要想扩大影响力和涉及范围,在设计你的独特应用时,请熟记以下几点原则:</span><br>
<span style="box-sizing: border-box; border: 0px; font-family: 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', STHeiti, 'WenQuanYi Micro Hei', Helvetica, Arial, sans-serif; font-size: 15.555556297302246px; font-weight: 700; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; color: rgb(102, 102, 102); line-height: 31.111112594604492px;">用户控制(User control)</span><br>
<span style="box-sizing: border-box; border: 0px; font-family: 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', STHeiti, 'WenQuanYi Micro Hei', Helvetica, Arial, sans-serif; font-size: 15.555556297302246px; font-weight: 700; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; color: rgb(102, 102, 102); line-height: 31.111112594604492px;">直接操作(Direct Manipulation)</span><br>
<span style="box-sizing: border-box; border: 0px; font-family: 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', STHeiti, 'WenQuanYi Micro Hei', Helvetica, Arial, sans-serif; font-size: 15.555556297302246px; font-weight: 700; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; color: rgb(102, 102, 102); line-height: 31.111112594604492px;">美学完整性(Aesthetic Integrity)</span><br>
<span style="color: rgb(102, 102, 102); font-family: 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', STHeiti, 'WenQuanYi Micro Hei', Helvetica, Arial, sans-serif; line-height: 42.04204177856445px;">一款协助用户完成重要任务的应用应该使用不易察觉且不引人注目的图形、标准化控件和可预知的交互行为从而让用户保持专注。</span><br>
<span style="box-sizing: border-box; border: 0px; font-family: 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', STHeiti, 'WenQuanYi Micro Hei', Helvetica, Arial, sans-serif; font-size: 15.555556297302246px; font-weight: 700; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; color: rgb(102, 102, 102); line-height: 31.111112594604492px;">一致性(Consistency)</span><br>
<span style="color: rgb(102, 102, 102); font-family: 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', STHeiti, 'WenQuanYi Micro Hei', Helvetica, Arial, sans-serif; line-height: 42.04204177856445px;">风格统一(众所周知)的图标、标准的字体样式和一致的措辞。</span><br>
<span style="color: rgb(102, 102, 102); font-family: 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', STHeiti, 'WenQuanYi Micro Hei', Helvetica, Arial, sans-serif; line-height: 42.04204177856445px;">应用所包含的特征和交互行为是符合用户心理预期的</span><br>
<span style="box-sizing: border-box; border: 0px; font-family: 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', STHeiti, 'WenQuanYi Micro Hei', Helvetica, Arial, sans-serif; font-size: 15.555556297302246px; font-weight: 700; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; color: rgb(102, 102, 102); line-height: 31.111112594604492px;">隐喻(Metaphors)</span><br>
<span style="box-sizing: border-box; border: 0px; font-family: 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', STHeiti, 'WenQuanYi Micro Hei', Helvetica, Arial, sans-serif; font-size: 15.555556297302246px; font-weight: 700; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; color: rgb(102, 102, 102); line-height: 31.111112594604492px;">反馈(Feedback)</span><br>