飞跃团队

羽毛球协会调研文档

2014年06月10日

一、调查对象:

网站名称 链接地址
中国羽毛球官方网站 href=”http://badminton.sport.org.cn/index.html” http://badminton.sport.org.cn/index.html
上海羽毛球协会 href=”http://www.mxpsports.com/” http://www.mxpsports.com/
深圳羽毛球协会 href=”http://www.szymq.org/Index.asp” http://www.szymq.org/Index.asp
安徽省羽毛球协会 href=”http://www.ahsyx.org/ymqxhcms/web/index.jsp” http://www.ahsyx.org/ymqxhcms/web/index.jsp
成都羽毛球协会 href=”http://www.cdyx.org/” http://www.cdyx.org/
中国足球协会 http://www.fa.org.cn/
耐克官方网站 href=”http://www.nike.com/cn/zh_cn/” http://www.nike.com/cn/zh_cn/

二、?协会网站的基本要求???

?通过对于中国羽协,上海羽协,安徽羽协,成都羽协,以及中国足球协会,耐克官方网等网站的调研,总结了协会网站的基本要求,包括了以下几点:

???1、?要有协会标志,同时要体现学院风

???2、?要有协会介绍。

???3、?要有赛事信息。

???4、?要有协会人员介绍。

???5、?Banner图要有协会特色。????

三、各大团队网站的特色

3.1导航特色调研与分析

中国羽协http://badminton.sport.org.cn/index.html

1、导航栏目:首页、协会介绍、协会公告、赛事聚焦、业余羽球、2014西南北中、谁是球王、羽超联赛、裁判员管理、论坛 ?

2、导航样式和效果 ? 鼠标经过,鼠标有响应,白色文字变为黄色、有颜色的字不变色。

?yx_dy_1

3、优点:导航栏目多,信息量大,能够让用户明显找到自己想要了解的东西。 ?

4、缺点:导航文字偏小、导航文字过多。

上海羽毛球协会http://www.mxpsports.com/

1、导航栏目:首页、最新动态、赛事信息?业余比赛?羽球培训?会员中心?名人殿堂?知识宝库?精彩视频

2、导航样式和效果 ? ?

yx_dy_2

鼠标经过,响应区颜色变暗。 ?

3、优点:导航颜色与公司名以及公司logo的色调相呼应,用彩带的形式呈现一种清晰自然地效果。

4、缺点:导航上方文字影响美观。 ?

深圳羽毛球协会http://www.szymq.org/Index.asp

1、导航栏目:首页?协会简介?协会公告?新闻动态?专题报道?赛事聚集?场馆介绍?羽球知识?留言反馈

2、导航样式与效果:

yx_dy_3

3、主页展示; ? 鼠标经过,文字颜色的改变。 ?

4、优点:导航简洁,美观,色调统一、清新。 ?

5、缺点:用户体验不是很好。 ?

安徽省毛球协会http://www.ahsyx.org/ymqxhcms/web/index.jsp

1、导航栏目:首页、关于协会?咨询中心?技术交流?教练员委员会?裁判员委员会?青少年委员会?器材委员会?协会论坛

2、导航样式与效果????

?yx_dy_4

鼠标经过,文字颜色的改变。 ?

4、优点:整个导航条与整个网页的色调统一,颜色清新。 ?

5、缺点:色调与网页太统一,以至于用户有找不到导航的可能; 鼠标经过效果太单一,在此网页中显得单调。

成都羽毛球协会http://www.cdyx.org/

1、导航栏目:网站首页、协会概况?新闻信息?赛事信息?羽球课堂?培训中心?羽校风采?下载中心

2、导航样式与效果

?yx_dy_5

3、鼠标经过,文字颜色的改变。

4、优点:整个导航条与整个网页的色调统一,颜色清新。 ?

5、缺点:色调与网页太统一,以至于用户有找不到导航的可能; 鼠标经过效果太单一,在此网页中显得单调。

中国足球协会(http://www.fa.org.cn/ ?

1、导航栏目:首页、新闻中心?公告资料?足协声音?女足专区?校园足球?视频点播?精彩图片?技术发展

2、导航样式与效果???

yx_dy_6

鼠标经过,出现白色下划线。 ?

耐克官方网站(http://www.nike.com/cn/zh_cn//

导航为二级导航

1、导航栏目:男子?女子?儿童?运动?NIKE运动生活?NIKEiD专属定制?搜索框?立即加入?登陆

?yx_dy_7??

2、优点:采用了特殊的字体

3、缺点:没有色彩没有 鼠标经过,出现响应区变成白色?字体变红。

3.2运动风格调研与分析

yx_dy_8

? 通过线条的来引导人的视觉,冲击力很强

?

yx_dy_9

通过图片的动感来体现运动风

 

yx_dy_10

用人物的动作来体现动感 ?

??yx_dy_11

用一些学生的照片做照片可以体现学院

3.3简约板式的调研

??yx_dy_12??

优点:简洁明了,主题突出,整个网页的色调统一,颜色清新。

缺点:整体比较拥挤,内容比较杂,没有突出主题,中间留有大片的空白,这是非常不好的用户体验

总结:色彩的调配比较好,值得借鉴,在排版整体布局有所欠缺!

yx_dy_13?

优点:分区比较明确

缺点:内容多,板式杂?,不够简洁,没有重点突出

总结:色彩的调配比较好,值得借鉴,在排版整体布局有所欠缺! 。 ?

3.4色调的调研 ?

yx_dy_12

中国羽协网站总体颜色搭配以蓝色为主,绿色为辅,蓝色代表着自由、轻快,绿色给人一种安全、有活力,网站给浏览者一种轻快的心情和运动的感觉

?? yx_dy_14?

上海羽毛协会以整体红色为主,红色让人觉得热情,很符合运动的气氛

? yx_dy_15?

深圳羽毛协会网站以蓝色为主,红色为辅,冷暖色搭配,色彩鲜明

?yx_dy_16????

校园网站的颜色一般都为浅色系,给人轻松、欢快的感觉 ?

?yx_dy_17

恒大俱乐部网站颜色整体以红色为主,黑色为辅,让浏览者有一种热血沸腾的感觉,非常具有运动感 ?

yx_dy_18

参考网站:嘉兴学院

特点特色:网站切割色块不规则,打破传统规整的风气与习惯,给人特色新颖,吸引眼球, 网站背景古典,潜透出学院的文化底蕴,与书香气息!大板块的banner图个人直观的影像! 传递学院的风采,简介的文字介绍!搭配上学院口号,学院的整体直观体现淋漓尽致!

yx_dy_19

简洁明了

网站调研总结:

1、?运动风格:可以通过人物的动态来体现运动,运用线条来引导视线形成动感,还有就是通过一些赛事的图片做成banner来体现运动风。

2、?简约风格:主要是通过简洁的板式来体现。

3、?学院风:采用学院的照片来体现。

4、色调:以蓝色系为主,红色系为辅。