广州手机交互界面设计培训
CGWANG王氏动漫教育
广州动漫培训,广州原画培训,广州插画培训,广州游戏开发培训,广州MAYA培训
http://www.c***/
【全国免费咨询热线】：4000-636-114
按钮是一个普通的,几乎我们每天都要接触的设计元素.除了这个,由于按钮是一个在网页或者app上创造流畅的会话流体验的必不可少的元素,所以它值得我们为按钮这样基本的元素提供佳的体验做出努力.
为按钮做些佳实践
让按钮看起来像按钮
想想如何达到设计沟通的可供性吧.用户是怎么理解一个按钮的呢?用形状和颜色是界面上的元素看起来像一个按钮.
Groupon 的登录页面关注于主要的动作.
另外,手指点击的尺寸也是要在设计时仔细考虑的事情.按钮的大小在帮助用户分辨这些元素的过程中起到了决定性的作用.不同的平台提供了热区的小尺寸的不同设计规范.MIT Touch Lab的研究结果表明手指接触面积平均为10-14mm之间,指尖平均为8-10mm,所以佳的热区尺寸应设定为10mmX10mm.
位置和命令
按钮应放置在用户能够直接找到或者他有预期能看到的地方.例如,iOS UI 设计规范给明了按钮的合理位置.
按钮要执行的命令和位置的关系.按钮要执行的命令非常重要,特别是在出现成对的选项时(就像”上一个”和”下一个”).确保设计强调了主要或者重要的动作.
在下面的例子中我们使用了红色的按钮颜色表现一个潜在的具有破坏性的动作.并且，主要动作不但可以通过颜色和对比度去引起注意，还可以看它是否置于对话段落的右边。
删除按钮比取消按钮更加显眼
标签
按钮上的标签告诉给人们这个按钮能做什么。清楚的说明点击之后将会发生的事情。
我们讲上面的图片去掉文字。你能发现什么区别么？
删除按钮比取消按钮更加显眼
标签
按钮上的标签告诉给人们这个按钮能做什么。清楚的说明点击之后将会发生的事情。
我们讲上面的图片去掉文字。你能发现什么区别么？
Create Resume 就是一个很明显唤起行动按钮
按钮形状
通常，根据网站或者APP的风格，我们会把按钮设计成矩形或者圆角矩形。一些研究建议圆角能够加强信息的传递并且能够将人的实现集中在元素的中心位置。
CGWANG动漫网站：http://www.c***
≈★★CGWANG王氏动漫教育★★≈【网站】
http://www.c***/
【24小时在线】（Q Q）：800019294
【CGWANG校址】：广州校区地址：广州市海珠区晓港中马路130号之19
西安学校地址：西安市雁塔区电子二路36号青松公寓一层
成都校区地址：成都市锦江区大业路古卧龙桥街成物大厦17楼（青石桥海鲜市场对面,春熙路附近）
武汉校区地址：武汉市武昌区中南路世纪广场B座22层
重庆校区地址：重庆市渝中区大坪正街19号附41号-英利国际2号楼20层
深圳校区地址：深圳市福田区车公庙泰然四路泰然工贸园202栋（东座）5楼513
南京校区地址：南京市建邺区汉中门大街123号知海教育文化产业园9层
广州动漫培训,广州原画培训,广州插画培训,广州游戏开发培训,广州MAYA培训
http://www.c***/
【全国免费咨询热线】：4000-636-114
按钮是一个普通的,几乎我们每天都要接触的设计元素.除了这个,由于按钮是一个在网页或者app上创造流畅的会话流体验的必不可少的元素,所以它值得我们为按钮这样基本的元素提供佳的体验做出努力.
为按钮做些佳实践
让按钮看起来像按钮
想想如何达到设计沟通的可供性吧.用户是怎么理解一个按钮的呢?用形状和颜色是界面上的元素看起来像一个按钮.
Groupon 的登录页面关注于主要的动作.
另外,手指点击的尺寸也是要在设计时仔细考虑的事情.按钮的大小在帮助用户分辨这些元素的过程中起到了决定性的作用.不同的平台提供了热区的小尺寸的不同设计规范.MIT Touch Lab的研究结果表明手指接触面积平均为10-14mm之间,指尖平均为8-10mm,所以佳的热区尺寸应设定为10mmX10mm.
位置和命令
按钮应放置在用户能够直接找到或者他有预期能看到的地方.例如,iOS UI 设计规范给明了按钮的合理位置.
按钮要执行的命令和位置的关系.按钮要执行的命令非常重要,特别是在出现成对的选项时(就像”上一个”和”下一个”).确保设计强调了主要或者重要的动作.
在下面的例子中我们使用了红色的按钮颜色表现一个潜在的具有破坏性的动作.并且，主要动作不但可以通过颜色和对比度去引起注意，还可以看它是否置于对话段落的右边。
删除按钮比取消按钮更加显眼
标签
按钮上的标签告诉给人们这个按钮能做什么。清楚的说明点击之后将会发生的事情。
我们讲上面的图片去掉文字。你能发现什么区别么？
删除按钮比取消按钮更加显眼
标签
按钮上的标签告诉给人们这个按钮能做什么。清楚的说明点击之后将会发生的事情。
我们讲上面的图片去掉文字。你能发现什么区别么？
Create Resume 就是一个很明显唤起行动按钮
按钮形状
通常，根据网站或者APP的风格，我们会把按钮设计成矩形或者圆角矩形。一些研究建议圆角能够加强信息的传递并且能够将人的实现集中在元素的中心位置。
CGWANG动漫网站：http://www.c***
≈★★CGWANG王氏动漫教育★★≈【网站】
http://www.c***/
【24小时在线】（Q Q）：800019294
【CGWANG校址】：广州校区地址：广州市海珠区晓港中马路130号之19
西安学校地址：西安市雁塔区电子二路36号青松公寓一层
成都校区地址：成都市锦江区大业路古卧龙桥街成物大厦17楼（青石桥海鲜市场对面,春熙路附近）
武汉校区地址：武汉市武昌区中南路世纪广场B座22层
重庆校区地址：重庆市渝中区大坪正街19号附41号-英利国际2号楼20层
深圳校区地址：深圳市福田区车公庙泰然四路泰然工贸园202栋（东座）5楼513
南京校区地址：南京市建邺区汉中门大街123号知海教育文化产业园9层
