豌豆荚设计奖 | 从三版设计稿的演进,看「每日故宫」的设计进化史

豌豆荚设计奖 | 从三版设计稿的演进,看「每日故宫」的设计进化史


编者按:这里是豌豆荚在极客公园的专栏,本文的作者是豌豆荚设计奖团队提供豌豆荚设计奖是豌豆荚推出的奖项,致力于每周为用户发现一款优秀应用,更多可点豌豆荚设计奖了解。


第 208 期豌豆荚设计奖,我们颁给「每日故宫」。豌豆荚拿到了完成度很高但未被采用的两版产品设计稿。为什么它们被放弃了?我们采访了「每日故宫」团队,往下读,了解背后的故事。

拥有七百年历史的紫禁城正在踏出变革的第二步。

古老的故宫拥有超过 180 万款藏品,每年有 1500 万名游客访问。这个世界上最繁忙的博物馆也在想方设法让更多的人触及自己。从 2013 年故宫的第一款 App ——「胤禛美人图」开始,故宫与彦风所主持的柠檬岛互动工作室已经合作了两款 App,他们没有选择「大而全」的导览形式,而是「小而美」地从藏品出发,带领用户进入藏品中的世界。

2014 年,故宫想更进一步,试图找到一种让文物能「飞入寻常百姓家」的形式;而在设计风格上,希望延续故宫一贯的沉稳、大气——这是故宫给彦风团队出的一道难题。

以「日历」的形式承载初衷

用什么形式承载故宫文物、并让它们陪伴在用户的日常生活中,故宫与彦风团队进行了多次讨论并交换意见。故宫团队偶然提到了制作纸质版日历的传统,而彦风认为「数字化的日历」是一个可行的突破点,「我们的创意是,如果以日历的方式推送故宫的藏品,除了能进一步传播故宫文物,还能借日历的形式呼唤回中国的传统文化和生活趣味」。

未采用的设计方案

对设计团队来说,前期的思考是制作这款 App 中最漫长的过程。

在确定了「日历」和「文物」两个主要的元素以后,如何将它们以「故宫的风格」展现出来并增添趣味性,是设计团队仍要解决的问题。

设计团队进行了长达六个月的前期调研,期间不仅「拿了很多种日历进行分析,研究阅读及使用的感受,甚至涉及到纸的质感表达,日期栏位所占的面积、颜色分布,以及日历带来的农历和阳历之间的关系」,随之做出了多个设计方案。

第一版设计将重心放在文物本身的展现上。宣纸材质的「书签」悬浮在画面的正中央,正面是日历、反面是文物的基本信息;虚化的文物图作为背景烘托氛围、将文物中的元素提取出来作为前景。

虽然在「拉近文物与大众的距离」上,这一版设计几乎能打满分,但单薄的宣纸「书签」在典雅的同时,给人一种「书房」甚至是「闺阁」的感觉,偏离了故宫的沉稳、大气风格。

第二版设计在页面布局与交互形式上都十分接近现在的「每日故宫」。深蓝与亮金的配色、底纹上细微闪动的的星星点点既展现了故宫的神秘感,也意图引发用户继续探寻的好奇心。

团队未采用这种配色方案的理由十分简单:与「日历」给人的心理感受不合,「这是一个日历工具,每天都希望用户能打开看一下,长时间的黑色冲击会使人产生压抑的感觉。」

用交互设计「讲故事」

乍一看「每日故宫」的交互:左右划动的日历界面、菜单栏、随笔——「中规中矩」也许是最合适的形容词,甚至给人一种不够惊艳的印象。但在深度使用过一段时间以后,小惊喜却在意料之外的地方不断出现,给人一种「听故事」的趣味与期待感。

「日历」的镂空数字底下隐约透出文物的肌理是第一层趣味;跟随时令和节日不时出现的特殊日历图,是第二层趣味;在不打扰文物本身的前提下偶尔出现的动态效果——「仕女图」上摇动的纨扇、「元旦」缓缓飘落的雪花则是第三层趣味。

黑色祥云的来历

「瑞气祥云,氤氲于九霄之上」,云彩作为中国传统纹样,被「每日故宫」赋予了更多意义。

「我们将云作为整个产品的符号,除了有中国的含蓄以外,还是一种与未来接轨的「云端」的概念,在往后的产品中,云的元素也会贯穿始终」。

日历主界面下方黑色镶金边的祥云,是一枚连接日历与随笔的按钮。为了让祥云飘动的加速度更自然流畅,设计总监带领团队模拟了真实的「云」的行动轨迹。

参考了许多带「祥云」纹样的文物,设计团队重新绘制了一朵最适合「每日故宫」日历页面布局的祥云,主色调使用最能「压」住各式各样文物的黑色,镶的「金边」与底纹的褐色来自相同色系,既加深了层次感、同时也能作为过渡,让祥云的黑色更好的融入页面。


「希望它能吸引人们来故宫看看,有时间来看看这些藏品。」在彦风团队眼里,让「每日故宫」成为一道连接用户与藏品、用户与中国文化的「桥梁」,正是做这款产品最核心的初衷。「不去长篇累牍地做,过多的设计可能会削弱藏品本身的魅力;只做一个桥梁,想要深入了解的用户可以通过它自行搜寻更多。」

「不分时间,不分国界,不分地域。通过互联网这种最好的方式,吸引人们进到传统文化里来。」

下载极客公园客户端
iOS下载
反馈