比较不同网站的主题
web实验:比较不同网站主题
实验目的:
通过分析多个具有相同主题网站的主页,比较他们在页面布局,导航,颜色方案,字体选择,多媒体元素使用,内容组织以及网页之间的协调等诸多因素方面的特点。以便于自己日后对该类型网站的分析与设计。
实验步骤
-
山东大学教务信息管理平台 ———- 采用T型布局结构,页面顶部放置网站标志和学生信息,下方左侧是导航栏菜单,下方右侧则用于放置网页正文等主要内容。导航栏在左侧,颜色方案采用单色方案,网站整体只用一种基色来完成设计,只不过会通过亮度、深浅来消除单调感。网站标志字体为楷书,主要内容字体为宋体。 大学教务信息管理系统属于正式,严肃,严谨的官方网站,采用的多媒体元素主要有文本,并没有加入动画声音的必要性。网页之间协调之间采用统一性原则。 关于网站的内容主要采用表格,用表格展示信息不仅清晰明了,而且简洁大方,可以借鉴这种展示信息的方式,通过教务信息管理系统,学生可以查看个人信息,教学计划,成绩,考试安排等等。
-
美团 ———- 相比于教务信息管理系统朴实严谨的作风,美团的个人主页即个人信息管理平台,风格更为美观,内容也更加多样化。 美团的个人主页依然采用T型布局,左侧是导航栏,右侧是主要内容,上侧包括网站标识,搜索条等一些功能。 颜色方面,整体以蓝绿色为主调色,再通过亮度,深浅的变化,使整个网站色彩丰富,优雅大方又不至于单调。 美团属于与生活相关性很强的网站,采用了大量图片来展示商家,更加直观,内容丰富,包括,查看以往订单,待付款,待评价,退款,售后,收藏等等
- 百度网盘 ———- 百度网盘的个人信息主页依然采用T型布局,上方为网站标识,左侧为导航栏,右侧为网站正文。百度网盘的界面较为简单,简洁大方,和教务信息管理系统的颜色,字体风格基本相似,但是百度网盘的内容显然更加丰富,可以查看图片,也可以播放音视频,查看文档内容等等。
-
网易云音乐 ———- 网易云音乐的个人主页是一种综合性布局,分为上框架页面,左下框架页面,右下框架页面,上方导航栏可以查看我的音乐,音乐人,商城,搜索等等,左侧导航栏用于查看创建的歌单,右侧用于查看歌单中的音乐曲目,色调对比比较明显,有黑色,红色,白色三种颜色构成,简洁优雅,多媒体方面可以用于播放音频。
-
北京市住房和城乡建设委员会 ———- 这是一个类似物业管理系统的网页,综合型布局,分为上侧导航栏,左侧导航栏,右侧导航,颜色比较单一,不过采用了大量图标,简洁明了,不能播放音视频,虽然看起来较为简单,但是功能齐全,可以用来参考。
结论与体会
选取了5个信息管理的主页,虽然主要功能均为信息管理,但是由于的使用人群,网站定位的不同,网站的风格设计上依然有较大差异。教务信息管理系统和北京市城乡和建设委员会属于较为官方和正式的信息网站,网站风格严肃朴实,但是简洁明了。网易云音乐,百度网盘,美团属于营利性网站,并且与生活息息相关,网站风格略显活泼,更为美观,功能也更加详尽。 准备设计一个物业管理系统网站,希望能在简洁明了和美观之间找到平衡,是网站不至于单调,也不会太过繁复。