背景

为什么要新创《猫眼看戏》栏目？ —— 展现猫眼剧类内容宣发能力，助力项目流量转化双提升。

《猫眼看戏》栏目为包括话剧、舞台剧在内的8种戏剧类型的全新剧目提供全方位内容宣发服务。包括台前幕后精彩内容制作；海量平台资源助力项目曝光；多端直播唤起用户关注；视频分发矩阵持续升温，进而促进项目的流量与购票转化共同增长。同时，在栏目系列推出优质内容的过程中，加深用户了解《猫眼看戏》作为猫眼娱乐旗下的戏剧宣发栏目的认知度。

栏目历程

栏目从5月开始准备第一个直播项目，至今经历探索与升级两个阶段。设计历程不断经历“溯源→收敛→递进→扩散”的思考实践，内容更趋完善，形式更趋多样，不断打磨设计细节，提升设计效能。

1.0栏目探索：栏目包装定位、探索视觉风格、设计制作物料（logo、落地页、资源位）

2.0栏目升级：栏目产品化能效提升、栏目品牌迭代升级

设计探索

栏目设计之初，最先对于栏目的整体调性进行探索。进过与业务方的讨论以及设计师组内分析，我们得出以下结论：

○ 品牌感：用户浏览全程做到猫眼品牌渗透、反复强调，形成连贯的品牌认知；

○ 品质感：栏目理念、定位和视觉输出等维度品质化呈现，用户能够印象深刻；

○ 认知感：栏目品牌透传统一连续、媒介多样，用户能够正向感知。

在确定栏目调性后，围绕“猫眼”、“看”、“戏”进行思维脑图绘制并关联，最终根据业务、情绪、图形三方面提炼关键词。这些关键词除了可以作为猫眼看戏的栏目初印象，同时也是我们后续设计延展推导的重要基础。

通过以上关键信息推导及设计组内共创讨论后，最终收敛思路确定了《猫眼看戏》栏目品牌设计的3个核心方向：

1. 艺术品质   2.现场沉浸   3.多元融合 

以一句话总结视觉表达的指导方向 —— 做具有戏剧艺术性、品牌感知力及可复用的品质设计。

最终根据栏目调性与关键字脑暴视觉符号，整体栏目策略落地，并且以此来对齐之后设计输出过程中栏目logo、落地承接页及渠道资源模板的设计准则。

落地过程

○ 认识栏目的名字 —— 栏目logo

logo设计之初，应业务方对于品牌传播的需求，样式与猫眼娱乐主品牌保持一致，样式上保持“猫头+猫眼看戏”的“图形+标准字”的样式。希望用户在看到栏目logo时，能够清晰的感知到《猫眼看戏》作为猫眼出品的栏目所携带的品牌基因与辨识度。

所以在初期方案联想中，对猫头进行了大量的再创造。其中，最大的挑战莫过于在保持“猫头”这一通用符号的同时，加入具有戏剧属性的元素，这个符号既要让用户一眼能认出这是属于猫眼的图形，又要对戏剧感兴趣的用户保持友好。

最后我们发现，所有的猫头在经历变形后，即不太容易保持原先主品牌的通用化设计，也不容易表现戏剧系列的感性内容。纠结而漫长的过程中，曾一度陷入僵局。

在经过非常多的试错后，设计师回归品牌本质，重新回望《猫眼看戏》栏目与猫眼娱乐的品牌关系，聚焦他们之间的业务逻辑，我们发现《猫眼看戏》栏目是构建在猫眼娱乐旗下的一档栏目，在用户认知《猫眼看戏》时，他所感知的顺序是：1. 猫眼娱乐   2. 猫眼看戏

一扇崭新的大陆出现在我们眼前，我们不再拘泥于猫头的修改创造，更开阔的设计思路出现，logo设计终于破局进入新篇章。

在新的logo设计中，设计师在字形设计着眼发力，字形排列错落，并加入装饰曲线体现字体美感；同时，融入戏剧面具图形突出属性，输出了初版logo。并且在后续考虑使用场景、大小缩放等实际因素，进行了一轮轮的方案优化，最后输出了终稿。

除了设计猫眼看戏的logo之后，还将「猫眼娱乐」品牌logo融入输出规范。

○ 构建栏目的样子 —— 项目承接页

1. 页面结构

落地承接页设计开展前，厘清业务方所需要在页面展示的项目信息与包装逻辑，先行敲定可能出现的项目信息，并确定每一个板块的展示架构，为后续板块内容模块化打下基础，节省设计时间，提高人效。

2. 主视觉落地

将之前所推导出的关键词，按照业务、情绪、图形化分类，选取合适的具象化图片或图案元素，结合猫眼品牌，搭建主题意境 —— 猫眼IP猫小娱在后台掀开幕布带你揭秘戏剧台前幕后的故事。

主画面搜集与主题意境相符的实景照片寻求画面灵感，并基于设计复用性及时间等综合考虑，决定采用插画形式呈现。从话剧相关参考照片搭建情绪版，页面的整体色调采用偏暖的复古色调，并从中提取暖橙、朱红与暗紫组成颜色搭配。最终完成首期《猫眼看戏》落地页主画面。

页面最终展示

基于页面的结构与设计基调，在第二期中延续之前整体风格与设计语言，根据第二期的项目海报《全女班·奥赛罗》，吸取其主色调，将页面主色换成玫红色调，形成第二期《猫眼看戏》落地页。

3. 页面定制化

回顾两期的落地页，我们也发现了一些初期并没有深思的问题：基于专题承载页面视觉风格较强烈，考虑到未来所承接项目的画面kv视觉不可控，担心风格差异，不容易融合。

针对以上问题，对落地页进行定制化包装的策略转化，即将专题承载页看做栏目的展示容器，保留栏目品牌内核，剥离原先设计元素，从项目视觉出发，决定页面视觉风格。并于《猫眼看戏》栏目与央华戏剧的合作项目河乐队《流浪之歌》开始，启用重新的设计形式展开页面设计。

推行专题定制化的优点：

○ 内容为主：针对用户来说，IP或者内容本身是最主要的，决定了是否点击的意愿，放大和突出本身视觉，有一惯性并且强调

○ 设计多样性：视觉风格处理起来方便，设计师只需要跟随kv的视觉元素进行演绎与延展

以上的特质也得到了戏剧主办的认可与用户的喜爱，所以在此之后的项目包装中，沿用了这一形式。

○ 统一栏目的认知 ——渠道资源

在完成栏目logo与落地页设计之外，资源位设计也是整个栏目宣发过程中的重要环节。

针对渠道资源的使用场景，我们希望栏目品牌在每个运营场景触点中得到曝光，助推用户品牌认知感的建立。为了达成这一目标，我们首先进行品牌信息排序并筛选，最终得出“栏目名+slogan+猫眼娱乐logo”的品牌信息与排列顺序。

之后，整理栏目在对外推广过程中会涉及到的宣传平台与运营场景，确定资源位中品牌曝光与项目直播信息露出的比例，最终我们定下品牌部分占比整体画面的四分之一，来分配每个资源的布局。并收集了需要制作的资源位尺寸，按照尺寸的形状制作长版、横版、竖版三类模板，在后续方案产出中的视觉表现进行规范和约束。

而项目展示部分包含的内容，也不是单纯的海报视觉照搬，而是着眼于直播亮点重构画面，保证每一张的广告图有亮点、有行动点钩住用户进行点击并订阅直播。

最终，完成了每期直播所需要的平台宣传资源。

小结

随着栏目的搭建成型，《猫眼看戏》从5月开始试水三部爆款戏剧的宣发工作，并且在项目推进过程中，栏目的筹备流程更清晰专业、宣传全链路初见端倪；也与多个平台达成推广合作意向，多渠道联合呈现。

回顾整体1.0的探索阶段，设计师与运营伙伴深入探讨、共同琢磨，栏目着眼“品牌感、品质感、认知感”的栏目心智，以“艺术品质、现场沉浸、多元融合”为设计纲领，设计包括栏目logo、落地页、渠道资源位多项素材，初步达到用户对于《猫眼看戏》栏目，以及猫眼品牌的认知与情感共鸣。

栏目初期踩过的坑、遇到的难题在复盘阶段都化成了栏目后期迭代的养分基石，推进设计师与业务伙伴共同探讨栏目的优化，大家是否也想一起了解升级后的《猫眼看戏》呢？那就一起快来看看我们所准备的设计复盘下篇，了解栏目在产品与品牌视觉的全新升级吧！

传送门：《猫眼看戏》设计复盘（下）—— 栏目2.0设计升级