2016-12-15 ui设计分享达人
一、背景介绍 2015年的时候，我们对阿里BBC线的吉祥物阿牛进行了形象升级，第一届阿牛好代颜吸引大家参与到阿牛设计的共建中，比赛的优秀作品被做成了园区的实体吉祥物～
2016年9月，第二季阿牛好代颜——表情设计大赛开启，这又一次吸引BBC线同学来开发阿牛的新姿势，活动征集到19套阿牛表情。阿牛的各种新表情兴奋地想露露脸，它也希望BBC同学帮它选出最讨喜最可爱的表情。
二、主题创意 那么问题来了——如何让参赛的阿牛表情包“可见度”更广？如何让大家乐于来投选呢？ 我们可以线上发布让同学看完投其所爱，也可以评委评选后将结果发邮件To avbody…… But！！ 阿牛表示，它19般花样被关注得很不够啊！给人印象也不夠深刻…… 嗯，要有关注度，要吸引人…… 这么整！把表情包们做成展览！ 展览地点和主题呢？ 表情包表情包，刚出炉的表情包……热腾出炉表情包和食堂场景很贴合啊！展览地点放在食堂门口吧！食堂人流量特别大！主题就叫“来一笼表情包”！
三、创意落实 确定“来一笼表情包”的主题后，为了让大家和作品更多互动，我们用仿真的模型包子来作为 “选票”，让观展的同学给表情设计者“投喂”包子来表达喜欢。 我们还根据不同评委的特点，精心准备了多种“口味”的仿真模型小笼包作为评委选票，比如为评委敏芝准备了“芝麻包”、为内心仁厚而丰富的评委准备了“五仁包”、为评委高峰（江湖人称之为“峰fengxiong”）准备了“奶皇包”，给打扮素雅的评委准备了“素菜包”，还有各种其他对应的主题包啊，此处不细巴啦了……
展厅作为呈现内容的“容器”，它直接决定了观众对于展览的第一感觉。展厅应该整成啥风格呢？为了更好地呈现阿牛表情，我们决定打造简洁大气又现代的展厅风格。 一周后要开展，展览需预留3天物料制作的时间，也就是创意到设计定稿的时间只有4天！所以我们很快奔着“简洁大气又现代”的风格去设计了，以“来一笼表情包”的主题进行了主画面设计。 主题墙选用了阿牛白模进行装饰，站在展厅入口，可以看到主题，还能看到内墙透出的神（啥）秘（表）的（情）阿（都）牛（没）白（有）模，画面也很注意“简洁大气又现代”的整体气质。
尾墙与主题内墙遥相呼应。把 “主办方”调皮地改成了“主包方”，也根据物料不同投放地点进行了个性化文案设计。
四、设计执行 作为互联网的设计师，大部分时间都在做平面的设计，少有做实体展览的设计经验。所以执行这次展览设计面临了一些新挑战： 如何把设计稿落实为实体布局？ 如何安排作品展示空间？ 如何引导观者进行投票？
（一）如何安排整体布局 食堂门口展区空间较小，能用空间大概只有6m x 5.5m。食堂场景比较热闹，设置迷宫型展区，能隔出相对安静的空间。下图是阿里食堂一楼门口的平面图~
方案一：用五面墙隔出4条观展道，但算下来观展道只有1.2m宽了，空间太狭窄，影响同学观展。
方案二：用4面墙隔出3条观展道，观展道扩展到1.7m。但这个布局，观展者路线是不通畅的，第3条过道那里存在回头路。观展者可能不去看第3条过道的作品，且那一道容易形成拥堵。
敲黑板！请聚意！下图是最终方案 保留4面墙隔3条观展道，将开口放在展厅左方，既扩宽了观展道路，也保证观展路线流畅且唯一，观者走完也就看完了所有作品。
（二）确定单展区空间大小 大布局确定后便需对单展区进行设计。在设计之前，我们需要确定单展区的空间。 大布局不单决定了展墙的数量，它和出入口的大小也决定了每面展墙的长度。我们设定了3面主题墙位置，根据展墙总长，将19个作品展区进行了安排。 
这个方案反复推敲了作品之间的疏密关系，并将投票箱错开，保持过道空间的疏松。
（三）接下来考虑单展内容如何展示 单展区内容包括： 阿牛表情包作品、作者个人信息和作品说明、用于接收“包子”的投票桶。
然后根据展示内容来规划它们的位置 不同于平面排版，展区空间是实体墙面，表情包应放在适于观者观看的高度，物料制作方告知展墙高度是2.4m。通过测量，我们设定了各内容的高度： 1.将表情包展示区定在1m-1.7m之间； 2.作者和作品介绍布置在表情包上方，但不高于2.1m； 3.虑观者投票便利，投票箱放在地面，高度在0.7m－1m之间。
（四）最后是单展区的设计 1.遵循规划出的各信息位置，为保证单展区与单展区之间不互相“打扰”，将展区宽度定成0.8m，展区间的距离定成0.3m；2.用九宫格的形式来呈现，让观者能够集中观看表情作品；3.考虑19个展区的区分和后期统计包子票的便利，给每个展区编号。平衡展区底部，增强互动性，加入“做表情不容易，给作者打赏个包子吧”的互动文案。
五、总结 去年第一季好代颜让阿牛新面孔被大家熟知，今年的第二季好代言，我们通过策划表情设计比赛，并把比赛作品办成展览让更多人一起来“玩”~我们将主题做成了“来一笼表情包”的设计展，用了包子这样一个贴合展览所处的食堂场景的道具，让BBC的同学们觉得有趣且乐于来互动，不同的评委用对应ta个性的主题小笼包作为评委票，这些都让bbc同学与阿牛的表情展览有了更多情感联结。
作为策展和设计执行者，我们应在展区布局上规划出一条流畅而便于通行和观展的路线，在单组作品展区布局上，我们也应追求最为合适的安排；简洁统一的展厅设计，烘托了19套阿牛表情包的丰富多彩；细处“设计表情不容易，给作者打赏个包子吧”，也勾搭着观展者来与作品互动。
作为阿里BBC线的新人，有幸参与这次策划展览和设计执行，让我有机会去创意，理性思考布局，锻炼全局把握并推进设计的能力。最后看到展厅布置如心所想，看到BBC同学的观展热情，还有包子笼速速被拿空的参与度，心里还是很有成就感的。这次展览思考和执行过程分享给大家，希望我们的互动能让彼此有更多想法，谢谢！
（注：本文转载自阿里巴巴中国站用户体验设计博客）
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务
