肝儿颤。相较于名画家，敦煌莫高窟那些无名画工在墙上绘制的牛鬼蛇神，让人肝儿颤。
记得看「局部」时，陈丹青老师如是形容莫高窟的壁画。 有幸，去年团队决定去敦煌团建。进入洞窟，扑面阴冷畏惧，目瞪口呆。其一洞窟本身环境阴冷，其二洞窟神秘而庄严，静谧而安详，阵势至眉目间，延绵千载，博大精深。
敦煌研究院与腾讯于2017年底达成战略合作，参与到敦煌文化的保护和传承事业当中，在合作两周年之际，敦煌研究院与腾讯计划共同打造小程序「云游敦煌」，指尖轻触方寸屏幕，就能遨游千里之外的文化遗产胜地。此次合作是腾讯2018年首次提出「新文创」以来的一次新探索。非常有缘分，设计团队从敦煌团建回来之后便加入到了项目当中。
莫高窟久远而璀璨的文化，应该被更多人看见。帮助更多人探索、游览、守护莫高窟，是我们产品的愿景。让游览敦煌，变成随时随地。作为设计团队，把远在西北中敦煌石窟的感受，转译到每个老百姓的指尖，是这次我们要解决的难题。 好比我们去住主题酒店，不同房间环境下的规格、布局、光照、软硬装的风格、材质、颜、纹理，饰品的气质等，这些环境因素都会给人极不相同的环境体验和感受。我们将通过设计的方式，去建立属于
敦煌石窟特有的产品环境。
建立「敦煌石窟」的产品环境
这次我们的产品环境，是老百姓手中的小程序。在小程序中，可体现的环境要素主要包括字体、配、图片与图形风格、特定的形状、空间与布局、动效以及它们之间的组合效果等。
在这里，为了营造用户探索敦煌石窟的入戏感，我们将会通过以下设计过程，将小程序建立成为具有敦煌石窟调性的产品环境。
让大家尝试表达对敦煌石窟的印象
如果把大家对敦煌石窟的印象，转化成产品设计中的界面，会是什么样的呢？我们首先来了解一下，大家对敦煌石窟的印象是怎么样的。我们做了一个小范围收集。
·目的
通过召集人员，让大家通过一定的填写方式，表达自己对敦煌的印象。我们收集并统计大家填好的内容，并将其记录提炼，以助力后续的设计工作。
·召集人员
参与者包含产品负责人，项目核心成员，曾经去过敦煌的用户以及想去敦煌的潜在用户。大约二十人左右。
·引导填写
为了更直观地收集信息，我们需要提前设定好填写的形式和范围。给每人派发若干纸张，每张纸只需填写一个对敦煌石窟的印象物，这个印象物是真实且具体的，比如佛像、壁画、沙漠等。我们把印象物叫做Object，Object是一个三合一的组成。每个Object都含有客观描述+主观感受的填空。客观描述是指按事物本来面目去考察，填写黄的、圆的这类词汇。主观感受是指大家对印象物内心的感受，神秘的，庄严的这类词汇。做简要的填写说明之后，引导大家静默填写。
·收集统计
把大家填好的纸张，将已填写的词汇按Object、客观描述、主观感受三种类别进行统计，将重复出现次数高的词汇整理出来。
·总结提炼
经过统计，我们得到如下总结：
按词汇重复出现次数由高到低排序。大家的印象物集中在壁画、佛像、洞窟。客观描述主要是斑驳的、粗旷的、厚重的。其中彩主要是土的、有一致的系。主观感受主要是震撼的、敬畏的。
除了词汇的统计，还有一些有趣的洞察，以下洞察也会助力到接下来的设计中。
·不多的人会写九鹿，飞天
·少数的人会写九层楼
·更少的人会写供养人
·绝大部分的人都觉得敦煌的颜很美
诚然，挖掘敦煌的调性，还包括了设计团队研读敦煌书籍，拜访敦煌研究院
等桌面研究。这些成果同样也会指导我们后续的设计。
一步步「造窟」
我们通过对敦煌调性的挖掘，以研究成果为基础，一步步建立敦煌石窟的产品环境。经过对小程序框架和组件的梳理，我们将卡片、底纹、图标、字体视为界面的核心组成要素，针对其着重进行打磨，
并考究他们之间组合的关系。
“不是纸，是墙。”
在莫高窟陈列馆的时候，敦煌研究院的杜鹃老师对我说：“壁画应该呈现的质感不是纸，是墙。”
那里有个展区叫「地仗的制作」，我们停在那儿看。
敦煌的壁画是由岩壁层、地仗层、颜料层组成石块结构。每改朝换代，莫高窟的无名画工们，就会在原来的壁画上重新敷，绘制新的壁画。确实，扁平破烂的纸素材好像更容易地去表现斑驳感。但墙的厚重，是通过历史一层层覆盖上去的，将墙的感受表现到位，在构建产品环境的过程中，是更需要拿捏准确的一环。
在界面设计中，卡片是一种包含图片和文字在内的小矩形模块，可以作为用户了解更多细节信息的入口，因此卡片设计形式被大量的运用。在敦煌小程序中，也存在大量的分类、话题及单品等入口，需要运用到大量的卡片设计。为了靠拢敦煌石窟中「墙」的感受，我们将所有的卡片设计都转译为石块设计。通过以下两个步骤，我们将石块一块块拼起来。
·清查与归类
将所有的石块按话题封面，类别封面、单品封面的类别梳理出来。
·设定视觉样式
为石块设定视觉样式，并根据不同类别件下的石块，在统一样式的前提下设置样式差异点。然后将视觉样式赋予到归类单的各式石块中去。
石块视觉样式的设定。通常，界面设计中卡片是由基础的矩形演变而成，矩形的基本设计条件为圆角、阴影、纹理、长宽比。我们通过去调整和对比这些参数的最佳组合，来将矩形塑造成粗旷、厚重的石块。
圆角。最初尝试是在 iOS圆角建议值的范围去尝试，发现在这个范围内的圆角值，一当放上壁画，就会变得精致无比，直观感受就像App Store里一个个
精致的App。这不太符合粗旷的感受。如果尝试直角，尖锐的直角排列起来又是一种严谨的精致。于是，我们尝试把直角磨去一点点，使用 2Px 的圆角值，使石板的角看上去好像被风雨磨去了棱角，有一点点顿挫的感觉，结合阴影的效果也起到了一定的厚度感。
阴影。在界面设计中，通过调整阴影的纵向长短可以表现纸张不同的高度。但是我们是石板，需要表现出厚重的感觉。除了可以调整阴影的纵向长短，我们尝试将阴影的横向宽度适度减少。如此一来，就能直观感受石板离墙面是有比较大的距离的，也让石板有了厚度，重量感。
当我们完成石板的视觉样式，就可以将其逐一赋予到我们的已经清查的归类单中。在赋予的过程中，我们根据不同的类别条件，建立了 7 种不同横竖构图的比例尺寸，以及不同尺寸下的阴影效果。关于比例的设置，我们设定了让后台的内容供应库只提供一张壁画，根据不同的类别请求自动进行相应的比例裁剪，这可以提高产品的请求效率和减少内存压力。
至于另一面墙，也就是底纹。我们也是通过清查归类，将不同场景的底纹梳理出来，为其关联上类别标签，然后为相应类别的底纹，配置相应的斑驳纹理。
图标
图标的效果，设计上的操作手段是技法和表意。对于主功能的图标，我们在表意上取了具有敦煌石窟代表性的几个意象。技法上我们参考敦煌壁画传统的绘制工序，「勾线–敷」。其中这里的敷与勾线的叠加效果，是代表图标被激活的状态。敷的造型是参考矿物颜料的敷效果，块具有斑驳的感受。
对于二级图标，我们采取了古代表意，现代线描绘制。旨在表现上简约利落不干扰阅读，表意上贴合敦煌古韵。
字体
字体的效果，是产品环境因素中重要的一环。但是小程序环境限于目前不兼容个性字体嵌入，我们考虑从核心的壁画体验的页面中入手。在「每日画语」的壁画展中，我们都会为用户每天推送一款壁画和相应的「画语」。我们选用了与莫高窟写经书法气质相近的古典明朝体，在「画语」展示中确认好个性字体的展示形式后，通过切图来实现。确保用户在看壁画展的时候，在关键文字的阅读上
