广州手机界面ui设计专业培训
CGWANG王氏动漫教育
广州动漫培训,广州原画培训,广州插画培训,广州游戏开发培训,广州MAYA培训
http://www.c***/
【全国免费咨询热线】：4000-636-114
圆角矩形按钮
我们有时也会根据自己的创意使用其他的形状例如圆形，三角形或者自定义形状，但是你要知道这样的尝试其实是有风险的。
Floating Action Bar 是一个自定义按钮形状的好的例子
一定要确保统一性能够把控你的界面设计，以便用户能够识别出你的界面元素。
按钮样式和行为
1.突出按钮
突出的按钮样式特别是突出的长方形按钮。（投影表现出按钮是可以点击的）。突出的按钮样式相较于扁平的设计增加了一维空间。在复杂或宽裕的空间中强调功能。
使用
成直线的排列（在布局上根据诸多不同的内容使用更显著的引导）。
行为
让按钮凸起并在点击是填充颜色。
例子
突出按钮比扁平按钮更加显眼。例如安卓的应用
2.扁平按钮
扁平样式的按钮不会突出出来，但是在点击时会改变颜色。主要的优势在于界面的简洁——不容易被内容打扰。
使用
在会话中（统一按钮行为和会话内容）
安卓会话当中的扁平按钮
在工具条上
在工具条上的扁平按钮
于留白对齐，一遍用户能够轻易找到它们。
扁平按钮
行为
例子
安卓应用上的扁平按钮
3.切换按钮
切换按钮能够允许用户从两种状态中改变设置。
切换按钮
使用
多数的切换按钮都是以开或关的形式使用。
还有就是切换按钮可以在成组相关的选项中使用。但是你的布局应当是将切换按钮作为一组选项中的组成部分。所以切换按钮要求：
• 一组中有至少3个切换按钮
• 按钮上使用文字，icon或者两者结合作为标签
一个被选中的切换按钮
在切换按钮上使用icon是方法，因为它只接受一个选择，比如添加或者转移一个星星到另一个项目上。在APP的bar,toolbar,动作按钮或者切换按钮上使用它们。
Twitter的”LIKE”上的切换按钮
为一个按钮上选择一个正确的icon是非常重要的。我将会在另外一篇文章上讲解icon 扮演着完美用户体验的重要角色。
例子
iOS上使用切换按钮作为设置选项。
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
圆角矩形按钮
我们有时也会根据自己的创意使用其他的形状例如圆形，三角形或者自定义形状，但是你要知道这样的尝试其实是有风险的。
Floating Action Bar 是一个自定义按钮形状的好的例子
一定要确保统一性能够把控你的界面设计，以便用户能够识别出你的界面元素。
按钮样式和行为
1.突出按钮
突出的按钮样式特别是突出的长方形按钮。（投影表现出按钮是可以点击的）。突出的按钮样式相较于扁平的设计增加了一维空间。在复杂或宽裕的空间中强调功能。
使用
成直线的排列（在布局上根据诸多不同的内容使用更显著的引导）。
行为
让按钮凸起并在点击是填充颜色。
例子
突出按钮比扁平按钮更加显眼。例如安卓的应用
2.扁平按钮
扁平样式的按钮不会突出出来，但是在点击时会改变颜色。主要的优势在于界面的简洁——不容易被内容打扰。
使用
在会话中（统一按钮行为和会话内容）
安卓会话当中的扁平按钮
在工具条上
在工具条上的扁平按钮
于留白对齐，一遍用户能够轻易找到它们。
扁平按钮
行为
例子
安卓应用上的扁平按钮
3.切换按钮
切换按钮能够允许用户从两种状态中改变设置。
切换按钮
使用
多数的切换按钮都是以开或关的形式使用。
还有就是切换按钮可以在成组相关的选项中使用。但是你的布局应当是将切换按钮作为一组选项中的组成部分。所以切换按钮要求：
• 一组中有至少3个切换按钮
• 按钮上使用文字，icon或者两者结合作为标签
一个被选中的切换按钮
在切换按钮上使用icon是方法，因为它只接受一个选择，比如添加或者转移一个星星到另一个项目上。在APP的bar,toolbar,动作按钮或者切换按钮上使用它们。
Twitter的”LIKE”上的切换按钮
为一个按钮上选择一个正确的icon是非常重要的。我将会在另外一篇文章上讲解icon 扮演着完美用户体验的重要角色。
例子
iOS上使用切换按钮作为设置选项。
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层
