《游戏界面设计》课件-02单元-(任务02)游戏组件按钮设计

任课教师：樊朴

联系方式/p>

游戏界面设计GameICONDesign目录一、什么是按钮二、按钮的作用三、按钮的外形四、按钮的状态五、按钮的设计要点什么是按钮在UI设计中，按钮是最重要的交互元素之一，通常存在于整个UI界面体系当中，如各种对话框、窗口及工具栏等。按钮具有明确的后续动作，是用户和系统之间对话的桥梁，用户通过点击按钮实现游戏功能，或完成界面的跳转根据界面制作风格的不同，按钮的样式也会随之改变按钮的作用某一类型的功能操作下一步的明确指引固定习惯，明确心理预期按钮的外形文字型(无边框)按钮扁平型按钮立体型按钮图标型按钮为了营造极简的界面氛围或对玩家进行偏好引导，某些扁平游戏的界面按钮，取消了边框显示。无边框型按钮扁平风格的游戏，必须配扁平风格的按钮。按钮的形状多为矩形和圆角矩形，填充纯色或渐变色，按钮无立体感或只有非常弱的立体感。扁平型按钮材质感稍重的游戏会搭配立体按钮，以便在底框上突出，吸引玩家的注意。立体型按钮如果界面较为复杂，按钮很多，则会选择将一部分按钮绘制为图标样式，这样可以让按钮更直观，并且避免画面单调。图标型按钮按钮的状态正常状态(激活状态)未激活状态按下状态禁用状态其他状态正常状态即为最普通最常见的状态，大部分界面上的按钮都是正常状态。正常状态激活状态和未激活状态存在于二级标签按钮和三级标签按钮。选中的标签按钮为激活状态，未选中的标签按钮为未激活状态。未激活状态所有的按钮，必须有按下状态，这也是为了严格遵守界面设计的一个原则“次次有回应”按下状态禁用状态即告知玩家，此按钮目前不可用。禁用状态一般都会将按钮灰度化处理，并且该按钮点击后不会有点击反馈。禁用状态按钮的设计要点1.看起来像个按钮按钮的设计要点1.看起来像个按钮具备按钮的形状---圆形、方形、图标形，最好带边框和文字按钮的设计要点1.看起来像个按钮具备按钮的形状---圆形、方形、图标形，最好带边框和文字具备按钮的质感---比底框厚一些扁平底框+扁平按钮或半立体按钮立体底框+更厚的立体按钮按钮的设计要点1.看起来像个按钮具备按钮的形状---圆形、方形、图标形，最好带边框和文字具备按钮的质感---比底框厚一些具备按钮的颜色---醒目、突出、有别于底框你浅我深、你深我浅、你素我艳按钮的设计要点2.按钮的颜色你浅我深、你深我浅、你素我艳(对比色配色)纸张色底框+鲜艳的彩色按钮的设计要点2.按钮的颜色你浅我深、你深我浅、你素我艳(对比色配色)纸张色底框+鲜艳的彩色蓝色底框+金色/黄色/蓝色按钮的设计要点2.按钮的颜色你浅我深、你深我浅、你素我艳(对比色配色)纸张色底框+鲜艳的彩色蓝色底框+金色/黄色/蓝色紫色底框+橙色按钮的设计要点2.按钮的颜色你浅我深、你深我浅、你素我艳(对比色配色)纸张色底框+鲜艳的彩色蓝色底框+金色/黄色/蓝色紫色底框+橙色按钮文字的颜色：你浅我深、你深我浅(同色系配色)按钮的设计要点3.1按钮的大小易于阅读易于点击避免误点按钮的设计要点3.1按钮的大小易于阅读易于点击避免误点按钮的设计要点3.1按钮的大小易于阅读易于点击避免误点按钮的设计要点3.2按钮文字的大小文字的尺寸为按钮的1/2按钮的设计要点3.3按钮的可伸缩性设计方便拉伸的按钮样式，能装下2-10个字符的文字为宜中间均匀，可拉伸中间有花纹，不可拉伸按钮