网站名称 | 链接地址 |
浙江师范大学社团文化网 | http://sdst.zjnu.net.cn/ |
武汉科技大学学生社团联合会官网 | http://st.wust.edu.cn/ |
深圳大学社团联合会 | http://www.szuau.com/ |
?2、各大团队网站的特色
2.1 导航
2.1.1浙江师范大学社团联合会(http://sdst.zjnu.net.cn/)
1、导航栏目:网站分类、机构简介、规章制度、历史沿革、会员登录
2、导航样式和效果
此导航属于一级导航,以深蓝和浅蓝的渐变色为背景色,白色的字,鼠标经过后字体颜色改变(红色);
优点:导航条上有文章搜索,方便用户查找自己所需要的东西。
缺点:导航的交互效果凸显不出导航,不吸引访问者眼球。
2.1.2? 武汉科技大学学生社团联合会(http://st.wust.edu.cn/)
1、导航栏目:首页、社团风采、科大快讯、社团简介、财务公开、下载专区
2、导航样式和效果
导航为一级导航,以深蓝色为背景,白色的字,导航镶嵌在banner团的右下角;
优点:导航信息量大,便于访问者找到想要的内容;
缺点:导航交互的颜色为淡蓝色,导航的交互效果不明显;
2.1.3深圳大学社团联合会(http://st.wust.edu.cn/)
1、导航栏目:首页、关于社联、社联资讯、社联活动、社联成员、新闻速递、服务专区、联系我们
2、导航样式和效果
导航为多级导航,导航就放在网页的顶部,没有框架;黑色的字,交互后字体为橘色。
优点:多级导航信息量大,便于查找。
缺点:导航没有框架,不能突出导航。
导航条栏目建议:
1、社团首页:放关于交谊舞协会的社团简介、社团风采以及社团新闻。
2、社团简介:主要介绍交谊舞协会的社团成立时间、成员、部门、社团的主题、目的、以及纳新的标准和要求。
3、社团新闻:主要介绍交谊舞协会的重大项目、集体活动等。
4、社团风采:主要展示交谊舞协会各个成员的介绍和举办各个活动的风采剪影。
5、在线教学:主要是交谊舞视屏的展示,让用户可以自己学习
6、联系我们:主要是协会的QQ、微信、电话等可通讯的号码。
2.2 Banner
2.2.1浙江师范大学社团(http://sdst.zjnu.net.cn/)
Banner图主要以社团活动的图片为主,突现社团学员的积极性
优点:以社团活动时的照片体现出了社团丰富多彩、多才多艺
缺点:切换效果不好,感觉图片不清晰
2.2.3 武汉科技大学社团(http://st.wust.edu.cn/)
Banner图以学院全景为主,学院名称为辅,以蓝色为搭配色
优点:以学院图片为背景图,更为突出学院特点
缺点:不应把关键字放在此处,影响美观
2.2.4 深圳大学社团(http://www.szuau.com/)
Banner图以社团活动图片,突现社团的精神和热情
优点:展现社团独特的风采和活力
缺点:图片拍摄没有主次要元素
2.3、主分页色彩的搭配
2.2.1? 浙江师范大学社团文化网(http://sdst.zjnu.net.cn/)
注:首页
注:分页
小结:从整体的搭配的色彩来看,蓝色为主,绿色,红色为辅。
2.3.1? 武汉科技大学学生社团联合会官网(http://st.wust.edu.cn/)
注:首页
注:社团风采(分页)
注:社团动态(分页)
小结:通过对比,可以看出颜色的搭配是深颜色为主,淡蓝色,灰色为辅,而且整个分页和主页的搭配很协调。
2.3.1深圳大学社团联合会(http://www.szuau.com/)
注:首页
小结:给人整体的风格,很简洁,很活力。
3.3布局
3.3.1、浙江师范大学 http://sdst.zjnu.net.cn/
主页分为LOGO、导航、栏目、banner、版权
整体以蓝色调为主,白色为辅,从整体的布局来看,信息量太多,显得很拥挤
3.3.2、武汉科技大学学生社团联合会 http://st.wust.edu.cn/
布局分为LOGO、导航、栏目、banner、版权
整体以深蓝色调为主,白色为辅,整体布局严谨,没有给人活力的感觉,文字与图片也不和谐,banner不显眼,没有给人印象深刻的地方。
4、网站结论
通过对这三个网站的调研,结论如下:
1、通过整体色彩运用为浅色暖色调,淡冷色调制作导航,因为网站栏目较少使用大幅度banner较为合适。
2、可以通过banner图来体现网站活力。
3、在整体的布局上,以主要的轮播图加俩个小的栏目来表现其网站的简约。