http://www.iainstitute.org/

关于我的毕业设计，因为关注了一个实际而很解决的问题。所以得了设计学院的二等奖。其研究的目的是为了解决国内大型网站视觉模板化，站内信息层级与信息呈现混乱的问题。整个部分我将分为三段。第一段：我关注了么？发现了什么问题？为什么会出现这些问题？怎样解决？第二段: 我做了什么？怎样做？第三段：有什么价值？毕业设计的呈现。

我关注了什么？
在我没有关注网站设计之前，我一直热衷于上国外的网站来浏览设计信息。每每使用国外网站时第一感觉整个页面很清新，信息排列整齐有序，区域划分明显。我在扫过一眼后就明白哪些区域有我要找的内容，当点击进去次级页面旁边的一切色彩、设计形态、板式安排都不会让我觉得迷路。我要的信息和我预期的差不多尽显在我的眼前，而且旁边确有意想不到的相关信息分享与我，整个站点给我的感觉是网站的内容和层级信息量雄厚丰富，但你却可以在这里轻松的找到自己需要的信息，而不会迷路。

国内的网站给你确是另一种感觉。当你点开一家比较大型的网站首先映入眼帘的就是密密麻麻的文字和“光彩耀人”的广告图片，你必须眯着眼睛才可找到他们之间的区域划分。点击进入之后有时忽然进入一个广告页面让你不知所措。你只能保有尝试的心态去浏览网站，当进入内容页时却有种迷失的感觉。旁边的一切都没有这个网站的任何视觉上的记忆线索。所有网站去了LOGO却都是一个模板刻出来的。你花了半天的心思却只找到了少量的信息，旁边空间却早被一些热门资讯和广告占满你只有回到首页继续查找了。

好了，单从这些大家都有共鸣的感觉当中，我们发现了什么问题？

· 国内大型网站中的视觉设计模板化，没有一个整体的视觉系统，与风格定位。
· 页面信息分类混杂，内容区域没有合理的划分，层级关系缺乏规划这样就使得单个页面的承载信息压力大，所有不同层级主次的信息全部挤在一起，互相干涉。
· 所有文字与图片各自为政不考虑整体的视觉导向。
· 每个URL都没有考虑用户预期，经常有“意想不到的”连接结果产生。

为什么国内的大型网站都会产生这样严重的问题呢？

经过长时间的工作和学习，其问题的本源就在于创建这些网站的人，国内的互联网发展没有几年历史。开始建站时前端的视觉设定和信息之间的连接关系是由美工和编辑这两个职业完成的，程序人员们只是在根据需求实现一些功能。

美工。缺乏真正的设计理念，他只会用颜色，图形来把网站做的所谓的花哨，没有从网站本身的特点和商业定位出发进行一套整体的视觉形象设计。也没有考虑到所有这些设计元素的产生都要基于可用性和易用性这个前提。对于页面上的信息框架的视觉流线和信息的用户体验也毫无概念。

编辑。他承载着信息的提供和互联关系的重任。但他们只是把内容找到放在一起，而不知道如何和技术合作对每个信息定位规划，整理这些内容，清晰高效的传达给浏览者。缺乏信息架构的概念，没有考虑到信息立体层级的关系，使得信息在层级页面之间胡乱连接，最后损失了用户对网页的预知性，大大的降低了网页的信息传达效率。

前一部分提出了国内大型网站的具体而重大的问题。那这些迫在眉睫的问题如何解决？也就是我毕业设计的论点。

以大型网站的信息架构为基础把视觉设计从根本上带入到网站的建设与优化当中去。信息架构是国外大型网站中信息组建的决定性组织。他确定最后的页面UE框架图和整个站点不同页面层级之间的连接关系。信息构架师的职能是共享信息环境的结构化设计、网站和企业网络的组织系统、标签系统、搜索系统以及导航系统相结合，提高信息产品和体验的可用性和易寻性，目的是为整个站点建立一个空间立体的用户体验。所以信息架构才是一个优秀网站真正的组织规划者，而不是现在只知道用word抄写内容的编辑们。

IA是信息架构的缩写，UI是视觉设计师的缩写。信息构架师可以把整个网站中的内容进行合理的区域划分和层级安排。建立起整体的立体空间架构，这样才能为用户提供更方便的查找信息的渠道，进而为后期的整体视觉形象设计规划好网站的内容、空间、特色以及明确方向与基本板式。视觉设计师能够以用户体验为基础，建立与信息构架相吻合的整体界面设计。突出网站的独特性和功能性，可以让浏览者更加方便的在网站中完成自己的查询任务。