教育类--Financial站点赏析

webdn

首页

免费截图

VIP会员区

广告Banner

技术文档

网站模板

虚拟主机域名注册

WebDN - Web Daily New! 每日新

会员登陆

首页 >> WebDN 网站赏析 >> 教育类--Financial站点赏析

教育类--Financial站点赏析

【摘要】本文对教育类站点进行评论，从配色与风格、框架方方面面做赏析，并且有实例对站点进行修改。

    教育类的站点其实有几种：学校、培训机构、学术组织、等等。

     学校站点在科系分类复杂情况下，内站点往往风格窘异，如果是不懂其语言，点来点去迷路也是有的。这现象到今天小编都认为有些不合理，虽然系与系之间教学风格各异，但在同所学校，同一个理念与精神。他们站点间不应该只有超链那么简单的连接，更多应该有风格的延续，不算题外话~。

   学校站点风格倒是很多种的，有倾向学生生活的，有倾向科研的，也有体现人文的，当然更有融合的站点。

   培训机构因为主题的关系，风格更多，有活泼，沉稳历练（金融、会计、律师等等），各种各样。

今天鉴赏的站点很精致，是Financial Ombudsman Service教育类的站点(单词好长~~~~）。整体蓝色与正文有渐变框做背景，有一点旧版的AOL（美国在线）的风格。

下面我们来看看让这个站点那么出彩和谐的地方：

（1）分析网格

（2）具有AOL旧版风格内文渐变框：

主要是因为AOL毕竟是大站点，印象都比较深，风格就经常以大站点为归类，方便记忆或者是陈述。标题上使用兰色做引导，边框也是蓝色，你可以想想做成黑色细框，会是怎么样的突兀：

这就是细节的把握，我们从主次来分析：这个渐变框是为了对文本进行一个区域限制，并且有装饰美观的作用，分清主题与内容的功能。所以可不能抢了主角的风头~~。浅色的调子比叫适合这个站点，如果是很强烈的底色搭配，大概只会是艺术类站点，强调这种不可能的设计风格。

（3）导航菜单条：色重层次的运用

菜单背景使用不同色阶的同种颜色，我在让平淡规整的站点更具有层次，图片的魅力文章上有详细介绍，可以看看。
我们尝试一种与LOGO搭配的菜单方式：

LOGO底下有弧型，我们就采用弧型进行搭配，这样是不是觉得趣味更多了呢？

（4）菜单
很多网页制作师对侧菜单都比较头痛，特别是使用简洁方式的，经常看来看去都是同种菜单，图标换一换，颜色换一换，怎么看怎么熟悉，这就是因为细节问题，同一个侧菜单，我换成国内企业站点的看看：
原站点：

修改成中文：

英文的虚线是大系列里的内容，正好与实线区分开来，看起来很有层次感，并且加上图标的导象，颜色的统一。菜单间色彩区分尽量少使用色相不同的颜色进行搭配。但灰色加任何色彩都是可以的，就是尽量慎重考虑：黄色+紫色
绿色+红色
红色+蓝色
等等不同色相的颜色。

尽量考虑：
蓝色+浅蓝色
黄色+浅黄色
等等同色相不同色阶的颜色。

（5）空间的艺术

内页里，这种宣传口号的放置是不是觉得太拥挤？适当的留白是一种设计艺术。就像一个商店，我们不是堆积货物，而是把货品陈列起来，让商店丰富量多又不凌乱。这样的顾客才能好好的购物。

同时，你必须看看底下和栏目有没有对齐，这是视觉划分区域，这种视觉关系也决定观看的舒适度。

看看做修改的地方图示：

最后看看效果：

webdn.com原创，转载请注明出处。