1 / 13
文档名称:

UI设计概述.docx

格式:docx   大小:97KB   页数:13页
下载后只包含 1 个 DOCX 格式的文档,没有任何的图纸或源代码,查看文件列表

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

分享

预览

UI设计概述.docx

上传人:国霞穿越 2022/7/28 文件大小:97 KB

下载得到文件列表

UI设计概述.docx

相关文档

文档介绍

文档介绍:相信相信的力量
阅读使人快乐,成长需要时间
UI设计概述
UI设计在项目开发过程中工作量最大、最艰苦也是最难以控制的阶段。不管一座大楼的设计蓝图多宏伟,若没有管道工、泥瓦匠、水电工等各种工匠一砖一瓦地艰辛积累,密切协作,这座大楼始用户统一感觉,不觉得混乱,心情愉快,支持度增加。
相信相信的力量
元素外观要一致
交互元素的外观往往影响用户的交互效果。同一个(类)软件采用一致风格的外观,对于保持用户焦点改进交互效果有很大帮助。遗憾的是如何确认元素外观一致没有特别统一的衡量方法。因此需要对目标用户进行调查取得反馈。
交互行为要一致
在交互模型中,不同类型的元素用户触发其对应的行为事件后,其交互行为需要一致。
例如:所有需要用户确认操作的对话框都至少包含确认和放弃两个按钮。
对于交互行为一致性原则比较极端的理念是相同类型的交互元素所引起的行为事件相同。但是我们可以看到这个理念虽然在大部分情况下正确,但是的确有相反的例子证明不按照这个理念设计,会更加简化用户操作流程。
2)界面元素对象化
在程序设计中需要注重模块化,而界面设计中对象化同样非常重要。将界面元素对象化,比如底部版权信息、导航条等,图片、
相信相信的力量
JS也尽可能复用,比如站点标志、搜索按钮、滚动信息的JS文件等等;
建立标准的文档管理和设计规范:界面设计涉及的要素比较多,文件类型复杂,而界面文件往往还需要另外通过程序进行编译,这就要求了界面设计人员必须建立规的设计规范和标准的文档管理方法:
制定文件命名标准
设定文件统一路径
保存原始创作文件(例如PSD、Fla源文件)
最终完成文件(经过用户认可的文件)
单独管理摸版文件(经过编译或嵌入程序的文
件)
考虑用户偏好****惯和方便性:
我们经常可以听到界面设计师说:“怎么在我机器上看得好好的,怎么在你那里就变样了?”其实道理很简单,用户的操作环境和****惯与设计环境是有差别的,界面设计同程序一样需要进行测试,主要测试的对象为:
*浏览器类型和版本兼容问题:
相信相信的力量
,,那么这个菜单就再也打不开,结果可想而知;
*分辨率:
界面设计师的屏幕也许是17寸的,分辨率甚至做到1280X960都是可以接受的,但是用户的如果用的14寸显示器,分辨率只能达到640X480,界面布局看起来会很可笑;
*字体大小:
利用样式表精确控制页面元素,特别是字体是很重要的。有不少用户喜欢更改浏览器默认的字体显示大小,当设计师看到用户将字体显示调整成最大而将表格撑得乱七八糟的时候,或许会痛心疾首的;
*考虑特殊情况:
用户或许在浏览器设置了禁止显示图片或禁止
JS脚本等,有必要为图片设置好尺寸以免影响其他元素的显示,并有其他的方式代替JS需要显示的效果和
*编写帮助:
无论多么出色的界面设计对用户来说都是陌生的,那么编写站点帮助或软件帮助是个非常有效的办法,把你的设计意图和使用介绍明明白白地告诉用户在用户遇到困难的时候能够得到最快的帮助,不但可以降低用户的不满程度,同时可以帮助用户更加系统深入地学****和掌握。
相信相信的力量
3)可用性原则
易理解
软件要为用户使用,用户必须可以理解软件各元素对应的功能。
如果不能为用户理解,那么需要提供一种非破坏性的途径,使得用户可以通过对该元素的操作,理解其对应的功能。
例如:删除操作元素。用户可以点击删除操作按钮,提示用户如何删除操作或者是否确认删除操作,用户可以更加详细的理解该元素对应的功能,同时可以取消该操作。
可达到
用户是交互的中心,交互元素对应用户需要的功能。因此交互元素必须可以被用户控制。
相信相信的力量
用户可以用诸如键盘、鼠标之类的交互设备通过移动和触发已有的交互元素达到其它在此之前不可见或者不可交互的交互元素。
要注意的是交互的次数会影响可达到的效果。当一个功能被深深隐藏(一般来说超过4层)那么用户达到该元素的几率就大大降低了。
可达到的效果也同界面设计有关。过于复杂的界面会影响可达到的效果。
可控制
软件的交互流程,用户可以控制。
功能的执行流程,用户可以控制。
如果确实无法提供控制,则用能为目标用户理解的方式提示用户。
三、界面设计的基本步骤
1)用户调研
拟定需求,综合分析得到产品使用情况的一个大致概貌。
2)产品分析
相信相信的力量
根据产品的复杂性、难易程度等,详细分解任务动作,进行合理分工,确定适合于用户的交互方式;
3)产品定位
在了解了用户,了解了相关产品后,针对产品做出的定位才会更加明确。
4)环境分析
确定系统的硬、软件支持环境及接口,向用户提供各类文