头像web版交互设计总结_第2页-CND设计网,设计网络首选品牌

作者：

分类：观点/经验

2010-08-26

6109

3、交互设计

当站点的结构被骨架搭建起来之后，就需要更为详尽的细笔钩勒，让整个站点丰满起来

通过框架设计，解决这个站点的结构，主要区域为item内容展示。侧边栏为公用模块

接下来，是两人个关键界面的设计：首页和item列表页。这两个界面将为后续的详细设计定义具体的框架和模板

整个流程中的还有一个亮点，将通用模块的元件化处理，不仅使得复用性增强、效率提高，也为大型设计项目积累经验，使得多个设计师的合作更为有趣和高效

详细界面设计，从两个方面入手：布局和行为。功能模块如何组织？点击某个功能将会触发怎样的操作？而这些，也就是交互设计师最终将输出给项目组的稿件

3.1界面框架设计

首页采用三栏式布局，突出丰富多彩的内容

内页详情页面。右侧边栏为固定组件，左边为主要内容展示区

3.2模块组件处理

对于一些在原型制作过程中，会重复用到的功能模块，使用Axure将其制作成了元件（master），可重复使用

这样做有几个方面的好处

A：原型制作效率大幅度提升（观看制作过程）；

B：在需要多名设计师合作的大型设计项目中，可以通过这种方法保证原型风格统一；

C：有利于培养新同学快速上手

这里典型的模块为页面右侧边栏，“自定义头像”“分享头像”和“7天自动分享头像”为特性功能点，做成模块化处理，在各个页面都可以很顺利的进行

3.2详细界面设计

首页界面

分享到：

喜欢他，就推荐他上首页吧^_^