撰稿编者按：做为一位雕塑家，是否只要搞好结构设计就能了？但其实雕塑家的设想同时实现是倚赖标识符的，因此是先有后端后有UI的，译者撷取了一些从Bootstrap架构的视角去知觉按键在标识符中的有关科学知识，他们一起来看下吧。

雕塑家的设想同时实现倚赖标识符，这也是为什么先有后端，尔后有UI。很多时候，为了降低成本，合作开发在写后端网页时能选用整套的架构。

做为雕塑家在了解一定的标识符基础后，结构设计稿会更加有依照，和合作开发沟通交流也显得难。上面他们就从Bootstrap架构的视角去知觉按键在标识符中的有关科学知识，这里每一条线都已被校正可同时实现，能做为技术细节列入结构设计思索中。

一、基本事例 Base Example

主按键：一般来说用有色调的大背景形状加文档，它也被叫作鼓动按键Call to Action，需要引起使用者的注意，引导使用者采行这种犯罪行为。次按键：预设选用万萨县蓝底的式样，与主按键配搭使用，减少听觉上的阻碍提示信息按键：四色黄分别代表者代表者脆弱，成功，提示信息。这样的色调配搭也和生活中人们的两极化知觉相吻合，比如信号灯。文档按键：一般来说便携式按键语词，或暗含色调或换行，用作远距可视化，不会零散主按键原素的目光。

二、前面板按键 Outline Buttons

也称作幻影按键Ghost Button，它看上去是中空的，由一个可辨识花纹的洼瓣和文档形成，一般来说与主按键配搭，用作相对而言操作方式，这种按键有利于增设听觉体系结构。

三、深色大背景按键Light Buttons

Light Buttons：在需要用多色调来表示多功能的系统中，深色大背景按键在听觉上不会影响主按键，并能很好地帮助区分功能。Light Hover Buttons：向使用者提供对悬浮按键的反馈是一种很好的可视化（其他按键也一样），使用者知道他们的动作已被系统接受，对下一步操作方式充满期待，更有信心。

四、带图标按键 Buttons with Icons

在按键中加入图标会让单调的按键更加生动，整个网页页会显得活泼。

图标左文档右：使用者先看到图标后看到文档，在熟悉某个界面后，这种布局让使用者在寻找某个操作方式时更加难。文档左图标右：图标起到对文档进一步解释的作用。

五、链接按键 Link Buttons

六、社交按键 Social Buttons

这些按键简化了将网站内容连接到使用者的社交媒体的过程。为了易于辨识，一般来说会用各自的品牌标识。

七、状态 States

常见的按键状态有6种：Normal, Hover, Active, Focus, Visited ，Disabled。

Normal正常：光标没有悬停在按键上时的式样，按键所链接的网页之前没有被点击过。Hover鼠标悬停：光标悬停在按键上时，按键给出变化提示使用者可点击。Active激活：按键被点击后系统在处理一些进程，比如提交中，等待中等。Focus聚焦：按下按键后由正常或悬停状态发生的微妙变化，不易察觉。Visited已访问：使用者在之前已访问过该网页。Disabled禁用：由于各种原因使用者不可点击该按键，一般来说按键置灰或光标移置按键时给出不可点击状态提示信息。

八、按键字体式样 Button Font Styles

字重：合理增设字重能将内容进行区分，突出重点，在版面中，对比越强烈，信息层级区分越明显，在字重的选择上，能大胆的进行跨等级选择，比如常规体直接与中粗体进行对比。Contrast is king对比为王！大写字母：给人重要，有力量，可信赖的观感，他们看上去较大，需要花费时间力气去阅读。一般来说用作导航，标题，标签等需要引起使用者注意的地方。小写字母：给人非正式，友善亲和的观感，一般来说用作句子类内容较多的地方。

合理利用大小写的组合能让文档更加易读，减轻使用者的听觉负担。