1 / 49
文档名称:

UI界面设计.ppt

格式:ppt   大小:3,000KB   页数:49页
下载后只包含 1 个 PPT 格式的文档,没有任何的图纸或源代码,查看文件列表

如果您已付费下载过本站文档,您可以点这里二次下载

分享

预览

UI界面设计.ppt

上传人:hh思密达 2022/5/14 文件大小:2.93 MB

下载得到文件列表

UI界面设计.ppt

文档介绍

文档介绍:UI的概念
UI界面设计要素
软件界面设计
手机界面设计
网站界面设计
UI的本意是用户界面
是英文用户User和 界面Interface的缩写。
衡量UI设计的标准:
用户体验User Experience
UI的概念
UI界面设计要素
软件界面设计
手机界面设计
网站界面设计
UI的本意是用户界面
是英文用户User和 界面Interface的缩写。
衡量UI设计的标准:
用户体验User Experience
用户体验是以用户为中心的设计UCD/User Centered Design中最重要的一个部分,强调的是过程,是软件对用户行为产生的反应与用户期盼值的误差测试,这种误差越小,也就越符合以用户为中心的设计原则。
平衡原则
预期原则
经济原则
依次原则
规则化
平衡原则
留意屏幕上下左右平衡。不要堆挤数据,过分拥挤的显示会产生视觉疲和接收错误。
预期原则
屏幕上全部对象,如窗口、按钮、菜单等处理应一样化,使对象的动作可预期。
依次原则
对象显示的依次应依须要排列。通常应最先出现对话,然后通过对话将系统分段实现。
规则化
画面应对称,显示吩咐、对话及提示行在一个应用系统的设计中尽量统一规范。
要留意用语简洁性
格式
信息内容
要留意用语简洁性
避开运用计算机专业术语;
尽量用确定句而不要用否定句;
用主动语态而不用被动语态;
用礼貌而不过分的强调语句进行文字会话;
英文词语尽量避开缩写;
在按钮,功能键标示中应尽量运用描述动作的动词;
在文字较长时,可用压缩法削减字符数或接受一些编码方法。
格式
在屏幕显示设计中,一幅画面不要文字太多,若必需有较多文字时,尽量分组分页,在关键词处进行加粗、变字体等处理,但同行文字尽量字型统一。英文词除标语外,尽量接受小写和易认的字体。
信息内容
信息内容显示不仅接受简洁、清晰的表达,还应接受用户熟悉的简洁句子,尽量不用左右滚屏。当内容较多时,应以空白分段或以小窗口分块,以便记忆和理解。重要字段可用粗体和闪烁吸引留意力和强化效果,强化效果有多样,针对实际进行选择。
限制同时显示的颜色数。一般同一画面不宜超过4或5种,可用不同层次及形态来协作颜色,增加变更。
画面中活动对象颜色应显明,而非活动对象应暗淡
尽量避开不兼容的颜色放在一起,如黄与蓝,红与绿等,除非作对比时用。
若用颜色表示某种信息或对象属性,要运用户懂得这种表示,且尽量用常规准则表示。
软件界面设计是为了满足软件专业化标准化的需求而产生的对软件的运用界面进行美化、优化、规范化的设计分支。
具体包括:
软件启动封面设计/软件框架设计 /
按钮设计/面板设计/菜单设计/
标签设计/图标设计/滚动条及状态栏设计/
安装过程设计 /包装及商品化
高清晰度的图像
平安色
大小适中
整体设计的统一和持续性
品牌标识:公司标记、产品商标,软件名称,版本号,网址,版权声明,序列号等
在和软件产品的程序开发员及程序运用对象进行共同沟通,以设计出友好的,独特的,符合程序开发原则的软件框架,符合视觉流程和用户使专心理。
软件按钮设计应当具有交互性,即应当有3到6种状态效果:点击时状态;鼠标放在上面但未点击的状态;点击前鼠标未放在上面时的状态;点击后鼠标未放在上面时的状态;不能点击时状态;独立自动变更的状态。按钮应具备简洁的图示效果,应能够让运用者产生功能关联反应,群组内按钮应当风格统一,功能差异大的按钮应当有所区分。
软件面板设计应当具有缩放功能,面板应当对功能区间划分清晰,应当和对话框,弹出框等风格匹配,尽量节约空间,切换便利。
菜单设计一般有选中状态和未选中状态,左边应为名称,右边应为快捷键,假如有下级菜单应当有下级箭头符号,不同功能区间应当用线条分割。
标签设计应当留意转角部分的变更,状态可参考按钮。
图标设计色调不宜超过64色,大小为16x16、32x32两种,图标设计是方寸艺术,应当加以着重考虑视觉冲击力,它须要在很小的范围表现出软件的内涵,所以很多图标设计师在设计图标时运用简洁的颜色,利用眼睛对色调和网点的空间混合效果,做出了很多精彩图标。
滚动条主要是为了对区域性空间的固定大小中内容量的变换进行设计,应当有上下箭头,滚动标等,有些还有翻页标。状态栏是为了对软件当前状态的显示和提示。
最终软件产品的包装应当考虑爱护好软件产品,功能的宣扬融合于美观中,可以印刷部分产品介绍,产品界面设计。
界面效果的整体性、一样性
界面效果的特性化
界面视觉元素的规范
界面的色调及风格与系统界面统一
操作流程的系统化
特有的界面构架
专用的界面图标
界面色调的特性化设置
图形