蓝蓝设计

html前端|交互设计|视觉设计|图标设计

胡人俑数字博物馆网站的设计，蓝蓝设计负责交互设计、视觉设计、前后端的开发。前期在客户需求不是很明确的情况下，我们经过多次沟通，将页面的布局通过快速手绘的方式和客户确定下来，再进行视觉设计，很大程度提高了工作效率。在开发上了根据客户提供的3D模型，我们做了三维渲染，通过鼠标拖动便可以360度观看每个陶俑。

汇集历史发展资料、学术研究成果、国内外展讯等有关胡人俑的图文信息，并通过虚实展示、文创产品再现等全新手段展现胡人俑文物的独特风采，对胡人俑文物档案进行数字化采集、管理并实现永久保存。力求将学术与科普、知识性与趣味性有机结合，建立一个内容完备、资料详实、界面友好、检索方便的胡人俑专题网站。

视觉方面整体设计为中国古风，主色采用白色为主棕色和红色为辅的色调，通过整体排版，多种中国古典元素的设计，来凸页面整体的古风风格。布局更加强调界面风格的一致性，既保证界面的整体性又突出主体元素，主次分明。

胡人俑数字博物馆网站，其主要用途是对陶俑喜爱或者研究人员提供的一个网站。客户提供的网站非常简单，并且除了首页外其他页面要展示的内容都是以文档的方式提供。经过多次和客户沟通，在充分了解网站的主要用途和功能后，我们重新梳理网站的整个架构，并参考分析多个竞品，最终产出如右效果图。

梳理完整体需求后我们将整个网站比较重要的几个模块在首页展示。模块一：胡人俑的banner图模块二：数字博物馆的整体介绍模块三：近期展览模块四：数字产品banner图采用一张多个佣在一起的图片，并且以渐变灰色作为背景突出主题，同时背景上叠加半透明的山水画，整体显得更有古韵。banner以下主题部分整体采用白底为主中国风花纹点缀为辅，每个模块之间通过标题进行区分。“博物馆介绍”模块我们将标题数着在左侧展示，一是和古文化更加贴合，二是可以减少文字的宽度，文字过宽不便于用户阅读。接下来是“近期展览”模块，该模块我们由两部分组成，一个是VR漫游，相当于虚拟场馆的快捷入口，点进去就可以线上在场馆漫游。右边是最新的的展览列表，有兴趣的游客可以点进去查看更多详情。最后一个模块是藏品展示，点击进去可以鼠标拖动3D展示。