这次主要分析的是旧版的，中国人民银行网站主页。

[emot=zt,5xzuymf9hd6fd29/]来看看大家能提到那些需要注意的雷区叭~

[emot=zt,5xart587pgvuu52/][emot=zt,5xart587pgvuu52/][emot=zt,5xart587pgvuu52/]下面是早年中国人民银行官网主页的设计~~~

——下面是猫猫一本正经的分析罗列啦——

一、网页色彩方面：

色彩运用过多，视觉疲劳。

颜色不统一;且颜色与文案意思不符。

颜色运用不凸显字体内容，可读性很差。

颜色运用没有突出重点，不分主次从而使页面杂乱无序。

二、版式方面：

字体种类过多、不分主次、且字体样式杂乱、

字间距过于稠密、

字体颜色不统一，颜色过于多变，不便于阅读导致用户无法集中注意力关注到想获取的信息。

字体以及链接颜色应统一，便于更清晰直观的获取内容。

文字内容应分主次，突出主要的标题信息栏，以及合理分布辅助信息的位置。

图标与主题不协调，图标与信息之间没有联系，图标颜色风格不统一，图标设计不美观。

三、界面布局方面：

导航混乱！忽略基础功能。

主导航位置不明确、不突出，主导航内容设置无厘头。

应设置一个横向主菜单栏至于顶部更加明显的区域。这是一个网页最主要的导航区域，应发挥其功能性。主导航最重要最基本的信息要有。

顶端主视图区域图片质量较低，画面处理不够细致，且不够凸显主题。网站logo不太美观，且logo以及文字大小过大。

新闻展示位置占据了页面中心区域，且画面所占范围较大，不仅使网页结构打乱，还将页面主题给弱化了。

网页属于中国银行官网，而新闻广告的内容过于突出，使用户的注意力集中于不相关的信息上面。违背了搜索此网站的初衷。新闻广告图片可集中分布于下侧或右侧小片区域，画面不易过大过多，排列应整齐简洁。

信息界面展示应该更加简洁，画面过于拥挤混乱。

标题字体应该区别于次级内容，可调整字号或者加粗。

标题符号颜色应统一，不宜过多。字体应统一，字距应协调。分清主次内容，突出主要。

四、交互图标设计方面：

交互基本没有，网站设计比较基础单一。

辅助导航基本没有，没有多级菜单。导致画面比较混乱，链接较多，并且密集杂乱。

网站结构，块状分布，没有层次，内容全部平铺展现。没有分类，类别模糊，没有规整信息内容。

五、功能方面：

忽略基础功能，功能划分不清楚，功能性较弱。

形象展示部分仅有右上角的一副拼凑的银行建筑小图，形象展示不充分，且不美观，不突出，没有公信力，不够正式，没有记忆点，没有美感。

信息服务区块不明确。

咨询内容不够规整，且内容较多，使得视觉疲劳，且区块位置不明确，第一眼无法分辨区块内容类型。

新闻公告，行领导讲话，政策法规……问题同上。

下面找到了中国银行现在的网站页面。方便大家参考对比，观察与学习。

可以看出来，有了很大的改进，仍有发展空间，下面就不分析啦。大家可以多多讨论思考交流[emot=zt,5xewsrsrbv2sd4c/]

好啦~欢迎小可爱们补充哦[emot=zt,5xcgjdfwybpjjdi/][emot=zt,5xcgjdfwybpjjdi/][emot=zt,5xcgjdfwybpjjdi/]

【知识共享】网页设计反面案例