UI设计按钮-体验设计.pptx

按钮体验设计
最佳的感受,形式和状态
让按钮看起来像按钮
?用形状和颜色是界面上的元素看起来像一个按钮.
为按钮做些最佳实践
另外, Touch Lab的研究结果表明手指接触面积平均为10-14mm之间,指尖平均为8-10mm,所以最佳的热区尺寸应设定为10mmX10mm.
位置和命令
,iOS UI 设计规范给明了按钮的合理位置.
,特别是在出现成对的选项时(就像”上一个”和”下一个”).确保设计强调了最主要或者最重要的动作.
,主要动作不但可以通过颜色和对比度去引起注意,还可以看它是否置于对话段落的右边。
标签
按钮上的标签告诉给人们这个按钮能做什么。清楚的说明点击之后将会发生的事情。
我们讲上面的图片去掉文字。你能发现什么区别么?
唤起行动(Call to action)
让最重要的按钮(特别在你想要用他们唤起行动时)看起来它是最重要的。
Create Resume 就是一个很明显唤起行动按钮
按钮形状
通常,根据网站或者APP的风格,我们会把按钮设计成矩形或者圆角矩形。一些研究建议圆角能够加强信息的传递并且能够将人的实现集中在元素的中心位置。
圆角矩形按钮
我们有时也会根据自己的创意使用其他的形状例如圆形,三角形或者自定义形状,但是你要知道这样的尝试其实是有风险的。
Floating Action Bar 是一个自定义按钮形状的好的例子
一定要确保统一性能够把控你的界面设计,以便用户能够识别出你的界面元素。
按钮样式和行为

突出的按钮样式特别是突出的长方形按钮。(投影表现出按钮是可以点击的)。突出的按钮样式相较于扁平的设计增加了一维空间。在复杂或宽裕的空间中强调功能。