WElCOME TO VISIT BETOP NETWORK

【奔唐网络】芝加哥科学与工业博物馆网站赏析~


网址

https://www.msichicago.org

 

描述

芝加哥科学与工业博物馆,是世界上最大的科学博物馆之一、西半球最大的科学博物馆。博物馆网站是博物馆的门户,主要面向参观博物馆的观众的同时,也为科学教育服务。

 

颜色

网站的颜色为蓝色调,天蓝色,藏蓝色,深蓝色。蓝色象征大海,符合博物馆的主题,同时代表着沉稳的气质,突出网站理性的基调。浅蓝色穿插使用,作为调和,明丽色调,营造出轻松地氛围,使整个网站看上去清爽透彻。

 

分析

网站设立四个大栏目,Exprlore”“VISIT”“SUPPORT”“BUY  TICKETS”探索(EXPLORE the mus

-eum向观众提供博物馆相关信息及活动等;参观(visit提供部分展品的图片及相关知识、穹幕电影放映时间、科学剧场表演及活动计划等;支持(SUPPORT包含志愿者活动,社区活动,会员服务等。以及博物馆的购票链接通道。该网站主要是展示博物馆的活动信息等。网站独特的布局,独特又对细节精心规划,创造出一个丰富的格局。

 

首页划分为7个板块,内容区1200px。第一个板块为banner,主要是用蓝色调图片,突显博物馆主题,加上文字描述和切换动效,丰富视觉的同时很好的展示博物馆信息,图片选择简单但宏大,更加有震撼感。

 

第二屏为简介,第三屏为博物馆内的活动信息介绍。这两部分的布局没有采用居中,简介部分左侧留白,活动信息介绍右侧留白,留白大小几何大小严格相同,虽然布局错落,却有统一感。同时两部分交叠,也增添了统一性。还增加了舒适的动效,使整个画面更加大气丰富。

 

第四屏为博物馆的特色项目。有很大的留白部分,使用几何图线作为点缀,连接文字描述部分和图示部分,文字以线的形式存在,段落又构成面,中间点缀一条细线,使页面更加整洁,信息传达直接,清晰和准确,很好的点线面布局。

 

第五屏为名人名言,切换动效为轮播,右侧留白,留白大小与上面几屏统一。与第六屏有交叠,很好的衔接上下。第六屏为博物馆的支持项目,也很好的使用点线面布局,文字,线条与画面很好的融为一体。视觉效果完美,增加体验感。最后为底栏部分。

 

总结

这个网站的独特之处在于它的布局。不同于居中布局,左右错落但严格控制留白大小,板块与板块间又交叠,增添统一性,丰富了视觉效果。

1.jpg2.jpg3.jpg4.jpg

6.jpg

上一篇:下一篇:
在线咨询返回顶部