GUI视觉设计PPT.ppt

GUI视觉设计;平衡原则 预期原则 经济原则 顺序原则 规则化 ;平衡原则 注意屏幕上下左右平衡。不要堆挤数据， 过分拥挤的显示会产生视觉疲劳和接收错误。;顺序原则 对象显示的顺序应依需要排列。通常应最先出现对话，然后通过对话将系统分段实现。;规则化 画面应对称，显示命令、对话及提示行在一个应用系统的设计中尽量统一规范。;要注意用语简洁性 格式 信息内容;要注意用语简洁性 避免使用计算机专业术语； 尽量用肯定句而不要用否定句； 用主动语态而不用被动语态； 用礼貌而不过分的强调语句进行文字会话； 英文词语尽量避免缩写； 在按钮，功能键标示中应尽量使用描述动作的动词； 在文字较长时，可用压缩法减少字符数或采用一些编码方法。;格式 在屏幕显示设计中，一幅画面不要文字太多，若必须有较多文字时，尽量分组分页，在关键词处进行加粗、变字体等处理，但同行文字尽量字型统一。英文词除标语外，尽量采用小写和易认的字体。;信息内容 信息内容显示不仅采用简洁、清楚的表达，还应采用用户熟悉的简单句子，尽量不用左右滚屏。当内容较多时，应以空白分段或以小窗口分块，以便记忆和理解。重要字段可用粗体和闪烁吸引注意力和强化效果，强化效果有多样，针对实际进行选择。;限制同时显示的颜色数。一般同一画面不宜超过4或5种，可用不同层次及形状来配合颜色，增加变化。 画面中活动对象颜色应鲜明，而非活动对象应暗淡 尽量避免不兼容的颜色放在一起，如黄与蓝，红与绿等，除非作对比时用。 若用颜色表示某种信息或对象属性，要使用户懂得这种表示，且尽量用常规准则表示。;图标设计ICON;;图标设计;2、颜色的数量 1bit→黑白两色 2bit→4色 4bit→16色 索引色 8bit→256色 24bit →真彩色 32bit →24位图像加上8位的alpha通道，8位alpha 通道产生的有明度色阶的蒙版，能够产生半透明的效果，使图标边缘非常平滑，且与背景融合。 ; 3、图标的倾斜 我们可以看到许多不同系统的图标使用了不同的倾斜.; 4、风格 早期的图标很抽象，现在则是在“抽象和具体”之间不断平衡。;图标的隐喻;;王羲之-兰亭序;张旭《论书贴》草书墨迹，纸本，纵38.5厘米，横40.5厘米，9行，共85字 ;2004年 希腊雅典;2008 祥云;图标的设计过程;草图;;iconfactory的pixelpalooza2004图标大赛竞赛获奖作品;2. 细节：也许你的图标再加上这一点就能变成一流的。;3. 整体性 思考： 如何才能让一组图标保持整体性？;使用Illustrator创建图标的详细过程;作业：设计一组图标或者qq表情头像（8个） [我的电脑、回收站、文本、文件夹、音乐、视频、游戏、网络… ] 要求：1.收集整理的资料（包括文字和图形） 2.草图3张（A4） 3.图标设计作品1张（A4 注意版式） 4.一份简短的设计说明;软件界面设计是为了满足软件专业化标准化的需求而产生的对软件的使用界面进行美化、优化、规范化的设计分支。 ;具体包括： 软件启动封面设计/软件框架设计 / 按钮设计/面板设计/菜单设计/ 标签设计/图标设计/滚动条及状态栏设计/ 安装过程设计 /包装及商品化 ;图标设计色彩不宜超过64色，大小为16x16、32x32两种，图标设计是方寸艺术，应该加以着重考虑视觉冲击力，它需要在很小的范围表现出软件的内涵，所以很多图标设计师在设计图标时使用简单的颜色，利用眼睛对色彩和网点的空间混合效果，做出了许多精彩图标。;高清晰度的图像 安全色 大小适中 整体设计的统一和延续性 品牌标识：公司标志、产品商标，软件名称，版本号，网址，版权声明，序列号等 ;在和软件产品的程序开发员及程序使用对象进行共同沟通，以设计出友好的，独特的，符合程序开发原则的软件框架，符合视觉流程和用户使用心理。;软件按钮设计应该具有交互性，即应该有3到6种状态效果： 点击时状态； 鼠标放在上面但未点击的状态； 点击前鼠标未放在上面时的状态； 点击后鼠标未放在上面时的状态； 不能点击时状态； 独立自动变化的状态。 按钮应具备简洁的图示效果，应能够让使用者产生功能关联反应，群组内按钮应该风格统一，功能差异大的按钮应该有所区别。 ;软件面板设计应该具有缩放功能，面板应该对功能区间划分清晰，应该和对话框，弹出框等风格匹配，尽量节省空间，切换方便。 ;软件界面;菜单设计一般有选中状态和未选中状态，左边应为名称，