UI界面设计交互设计及程序开发.pdf

在网络项目开辟进程中，这个阶段也叫做构建阶段，是工作量最大、最艰难也是最难以

控制的阶段。无论一座大楼的设计蓝图多宏伟，若没有管道工、泥瓦匠、水电工等各类工匠

一砖一瓦地艰辛积累，密切协作，这座大楼始终是空中楼阁、空中楼阁。

一：界面设计打开用户之门

对于以Web服务为模式的项目，无论是访问用户仍是系统管理员，主要工作都是通过

阅读器的界面交互完成。给系统设计合理友好的*作界面就像给人穿衣服一样，合体舒适的

搭配能给人线人一新的感觉，反之则令人敬而远之，乃至失去进一步深切了解的兴趣，这无

疑不是开辟人员所期望的结果。

以网站为表现方式的系统界面设计所涉及的知识远远超过了美术的范围，作为一个优秀

的Web界面设计师来讲，需要掌握的不单单是电脑制图的能力，还应该具有心理学、广告

创意、美术工艺、排版艺术等多方面的综合素质，系统界面绝不是孤芳自赏令人难以理解的

抽象画，而应该成为绝大多数用户一路接受的最方便的日用品。

关于Web美工创作的*作技能不是本文所关注的，咱们希翼知道的是用户最需要的是

什么样的界面？按照笔者的经验，在进行产品设计和项目开辟的界面设计中是有所不同的。

产品普通是指可大量分发销售的成熟性的产品，具体用户是不肯定的，而项目大多是针对具

体客户的需求进行开辟，不具备二次销售的条件，固然，在二者之间总还是能找到共同点的。

产品设计由于面对的是未知的用户，因此界面设计必需挖掘的是用户习惯和观念的共性，

公共化产品(例如邮件系统、BBS、门户网站等)、商业应用产品(例如交易系统、电子办

公系统)或者专业应用产品(例如财务系统、杀毒系统)等等，需要考虑的是所有人或者某

一类的人的共同习惯和审美观念，而不是刻意地出奇招、不断地考验用户的智商和耐心。

项
目开辟则相反，面对明确的具体用户考虑更多的是个性化设计，兴许有些是超级规的要求，

可是用户已经具有特殊的偏好和习惯时，应尽可能知足用户的需求进行设计。在笔者参预某

个行业的办公系统设计进程中，用户就提出了超级特殊的要求，所有的界面不能浮现外国人

和外国场景的形象，每一页都需要变换颜色，此外站点题目要大得出乎寻常，失去比例，这

时美工只能牵就用户的心理和习惯，可是这样的设计用到产品设计上，大多人都会感到不舒

畅。

不管是产品设计还是项目开辟，界面设计都应该遵循以下共同的规则：

*界面风格需要一致：

每一个新的系统对用户来说都是一次新的学习过程，若是界面风格往往转变，不维持统

一，无疑更增加了用户的学习难度，也许会致利用户的厌烦。比如：第一页的导航条是图片

型的放在页面顶部横排的，而在第二页导航条却成为了文字型居左竖排，用户会为了捉摸不

清设计师的用意而大光其火。再比如，有些设计师考虑到用户方便，在页面上放置了后退

的按钮，但是如果不注意维持一致的话，用户也许会胡涂后退、回顾页、BACK、上一页

这些按钮究竟有什么区别?也许非常恼火你是不是拿他在开涮！

*界面元素对象化：

在程序设计中需要注重模块化，而界面设计中对象化一样非常重要。将界面元素对象化，

比如底部版权信息、导航条等，图片、JS也尽可能复用，比如站点标志、搜索按钮、转动

信息的JS文件等等；

*成立标准的文档管理和设计规范：界面设计涉及的要素比较多，文件类型复杂，而界面文

件往往还需要此外通过程序进行编译，这就要求了界面设计人员必须成立规的设计规范和标

准的文档管理方式：

*制定文件命名标准*设定文件统一路径
*保留原始创作文件(例如PSD、Fla源文件)

*最终完成文件(通过用户认可的文件)

*单独管理摸版文件(经过编译或者嵌入程序的文件)

*考虑用户偏好习惯和方便性：

我们时常可以听到界面设计师说：“怎么在我机械上看得好好的，怎么在你那里就变样

了？”其实道理很简单，用户的*作环境和习惯与设计环境是有不同的，界面设计同程序一

样需要进行测试，主要测试的对象为：

*浏览器类型和版本兼容问题：假设有个很重要的菜单是需要IE5.5支持的，但是用户万一

使用的是IE4.0版本，那末这个菜单就再也打不开，结果可想而知；

*分辨率：界面设计师的屏幕也许是17寸的，分辨率甚至做到1280×960都是可以接受的，

但是用户的如果用的14寸显示器，分辨率只能达到640×480，界面布局看起来会很好笑；

*字体大小：利用样式表精准控制页面元素，特殊是字体是很重要的。有不少用户喜欢更改

浏览器默许的字体显示大小，当设计师看到用户将字体显示调整成最大而将表格撑得乱七八

糟的时候，兴许会痛心疾首的；

*考虑特殊情况：用户兴许在浏览器设置了禁止显示图片或者禁止JS脚本等，有必要为

图片设置好尺寸以避免