UI界面设计、交互设计及程序开发报告计划.docxVIP

精品文档 精品文档 PAGE PAGE9 精品文档 PAGE UI界面设计、交互设计及程序开发 在网络项目开发过程中，这个阶段也叫做建立阶段， 是工作量最大、最艰辛 也是最难以控制的阶段。不论一座大楼的设计蓝图多雄伟， 若没有管道工、泥瓦 匠、水电工等各样工匠一砖一瓦地艰辛积累， 亲密协作，这座大楼始终是空中楼 阁、空中楼阁。 一、界面设计翻开用户之门 对于以Web服务为模式的项目，不论是接见用户仍是系统管理员，主要工 作都是经过浏览器的界面交互达成。给系统设计合理友好的 *作界面就像给人穿 衣服同样，合体舒坦的搭配能给人耳目一新的感觉， 反之则令人敬而远之，甚至 失去进一步深入认识的兴趣，这无疑不是开发人员所希望的结果。 以网站为表现方式的系统界面设计所波及的知识远远超过了美术的范围， 作 为一个优异的Web界面设计师来说，需要掌握的不只是是电脑制图的能力，还 应当具备心理学、广告创意、美术工艺、排版艺术等多方面的综合素质，系统界 面绝不是自命不凡令人难以理解的抽象画， 而应当成为绝大多半用户共同接受的 最方便的日用品。 对于Web美工创作的*作技巧不是本文所关注的，我们希望知道的是用户 最需要的是什么样的界面？根据笔者的经验， 在进行产品设计和项目开发的界面 设计中是有所不同的。产品往常是指可大量散发销售的成熟性的产品， 详细用户 是不确定的，而项目大多是针对详细客户的需求进行开发， 不具备二次销售的条 件，自然，在二者之间总仍是能找到共同点的。 产品设计由于面对的是未知的用户，因此界面设计必须挖掘的是用户习惯和 观点的共性，普通化产品（比如邮件系统、 BBS、门户网站等）、商业应用产品 （比如交易系统、电子办公系统）或专业应用产品（比如财务系统、杀毒系统） 等等，需要考虑的是所有人或某一类的人的共同习惯和审雅观点， 而不是故意地 出奇招、不断地考验用户的智商和耐心。 项目开发则相反，面对明确的详细用户考虑更多的是个性化设计， 或许有些 是特别规的要求，但是用户已经具有特殊的偏好和习惯时， 应尽可能知足用户的 需求进行设计。在笔者参与某个行业的办公系统设计过程中， 用户就提出了特别 特其他要求，所有的界面不能出现外国人和外国场景的形象， 每一页都需要变换 颜色，此外站点标题要大得出乎寻常， 失去比率，这时候美工只能将就用户的心 理和习惯，但是这样的设计用到产品设计上，大多人都会感觉不舒服。 不论是产品设计仍是项目开发，界面设计都应当按照以下共同的规则： 1.界面风格需要一致： 每个新的系统对用户来说都是一次新的学习过程，如果界面风格经常变化， 不保持统一，无疑更增加了用户的学习难度，或许会致使用户的讨厌。比方：第 一页的导航条是图片型的放在页面顶部横排的， 而在第二页导航条却成了文字型 居左竖排，用户会为了捉摸不清设计师的意图而大光其火。 再比方，有些设计师 考虑到用户方便，在页面上放置了退后的按钮，但是假如不注意保持一致的话， 用户或许会糊涂退后、回顾页、 BACK、上一页这些按钮终究有什么区别 ?或许 特别恼火你是不是拿他在开涮！ 2.界面元素对象化： 在程序设计中需要着重模块化， 而界面设计中对象化同样特别重要。 将界面 元素对象化，比方底部版权信息、导航条等，图片、 JS也尽可能复用，比方站 点标志、搜索按钮、转动信息的 JS文件等等； 成立标准的文档管理和设计规范 界面设计波及的要素比较多，文件种类复杂，而界面文件往往还需要此外经过程 序进行编译，这就要求了界面设计人员必须成立规的设计规范和标准的文档管理 方法： 拟订文件命名标准 设定文件统一路径 保存原始创作文件（比如PSD、Fla源文件） 最终达成文件（经过用户认可的文件） 独自管理摸版文件（经过编译或嵌入程序的文件） 4.考虑用户偏好习惯和方便性 我们经常能够听到界面设计师说： “怎么在我机器上看得好好的， 怎么在你 那里就变样了？”其实道理很简单，用户的 *作环境和习惯与设计环境是有差别 的，界面设计同程序同样需要进行测试，主要测试的对象为： 5.浏览器种类和版本兼容问题：假如有个很重要的菜单是需要 IE5.5支持的，但 是用户万一使用的是 IE4.0版本，那么这个菜单就再也打不开， 结果可想而知； 6.分辨率：界面设计师的屏幕或许是 17寸的，分辨率甚至做到 1280×960都是 能够接受的，但是用户的如果用的 14寸显示器，分辨率只能达到 640×480， 界面布局看起来会很可笑； 7.字体大小：利用样式表精准控制页面元素，特别是字体是很重要的。有不少用 户喜欢更改浏览器默认的字体显示大小， 当设计师看到用户将字体显示调整成最 大而将表格撑得乌七八糟的时候，或许会痛心疾首的； 8.考虑特殊情况：用户或许在浏览器设置了禁止显示图片或禁止 JS脚本等，有