腾讯重磅干货：运营专题高效设计法（上）

企业中的设计师不仅要有艺术家的才华和技能，还要从商业目标用户的角度考虑务实。前者是基本技能的培养，后者是外部环境的需要。今天，我将讨论如何在商业环境中更好地发挥和胜任特殊设计工作的主题。

目前，我们团队主要负责的项目是：QQ 会员和 QQ 空间黄钻的系统设计、运营推广、增值服务相关业务。延伸品牌推广、创意实施、产品运营、商业收入等核心工作内容，以运营和收入为核心目的。在 2012 在我加入腾讯之前，我在广告行业摸索了五年，从乙方的角度无限挖掘和接近客户/用户的心理，用系统的创意技巧快速找到了一个精彩的创意切入点。从传统行业到互联网，我最大的感受就是用户永远是源头，但互联网的快速变化节奏和几乎实时的市场反馈要求设计师快速高效地满足市场变化。此时，设计方法和技巧尤为关键。如何在单位时间内生产更多优质作品，建立设计师的核心竞争力，也是市场和用户的潜在需求。因此，今天的重点「高效」分享运营专题的设计方法。

为什么要高效？

来自互联网环境：互联网特点、时事热点跟进、外部竞争产品追赶、用户分层细分等。。。所有这些都需要高效的响应速度。来自公司/团队：业务量大，节点多，效率高，可以提高业务消化量，小步快跑，带动业务良性运行。来自设计师的个人：能否有效满足业务需求是资深设计师与新员工职场能力差异的体现。熟能生巧，掌握设计方法和技巧，结合日常业务经验和实践沉淀，使个人能力不断成熟和提高。

结合我自己的情况，我的设计团队主要与社会增值团队合作，日常需求来源主要来自「增值、收入、运营和商业化」这四个方面要求团队「想想用户的需求，了解用户的需求」，只有准确地捕捉用户需求，才能更准确地创建「用户价值」，同时，高效的房地产产出迭代版本也被创建「产品价值」，最终实现增值的商业目标——「营收价值」，这就要求我们无论从产品团队、开发团队还是设计团队，都必须以此为基础「质量+效率」核心工作理念。快速、好地实现和传递符合用户价值的产品需求。

增值团队日常工作的很大一部分是解决一些中小型运营活动。我们也希望以高质量的视觉呈现、高效的输出和高参与用户的数据为目标。因此，高效的设计方法符合「四个步骤的原则」如何解决团队的最高目标？「高质量+高效率+高数据」。

项目分析的四个步骤

首先，在获得项目需求的同时，需要准确的项目分析，准确了解本活动的项目目标和用户群体，然后洞察创意，制定设计策略，指导下一步的设计实施。

1. 目 标

互联网行业常见的经营活动需求目标主要有四个目标：创新、促进活动、回报和收入。同时，随着品牌价值的长期塑造和品牌声誉的提高，品牌资产的建设。

拉新:产品的功能推广、玩法和差异化通常设置在参与过程中，以获得新用户。推广:振兴产品或功能内的用户，培养他们「常用」该行为推动了产品的整体活动。回流：召回失去用户的产品或功能，恢复活跃的动力。收入：提高商业渗透率，挖掘用户支付能力和需求，有效转型。

面对运营类型的需求，设计师需要与产品和运营经理沟通，了解活动设置的背景目标和不同活动设置的主要目的，帮助设计师在创造视觉主题时充分考虑方向和路径。

2. 用 户

需要了解本项目活动的目标用户。根据不同的用户群体，使用的概念和技术也相应地不同。例如：对学生用户使用年轻、积极的；对女性用户使用柔软、新鲜的文学艺术；对玩家用户使用视觉刺激、张力等。理解的用户群越准确，传达的概念就越接近。

3. 洞 察

从用户的各种属性:社交、行为、习惯、偏好、兴趣包括用户数据等...洞察创造性概念的想法。

4. 策 略

从项目目标、用户群和洞察力中提取相应的目标「设计策略」，在设计实施中实施。策略可能是一些关键词或句子，也可以称为项目「创意思路」。

案例“黄钻十周年”项目分析

目标：黄钻十周年项目的目的是通过商业收入「特殊铭牌十周年」吸引用户，增加收入。用户：QQ 空间黄钻用户及 QQ 活跃的空间用户。洞察力：通过数据，我们发现这些活跃用户非常关心黄钻石会员的特殊身份价值。同时，我们也希望通过这个活动分发「十周年纪念身份标志」提高用户的身份价值。策略：黄钻十年里程碑，注重特殊身份，引导用户体验新的黄钻系统和新的特权。。。设计实施：为了呼应十周年的主题，我们正在加强数字化「10」同时，利用黄钻的概念「钻石」元素贯穿始终，主图形是通过钻石切割角度塑造的。漂浮元素采用黄钻石特权服务，钻石切面和棱角元素始终用于界面设计的设计和延伸。(包括界面、周边、线下材料等。)

详细的设计过程见本文：

了解如何通过黄钻十周年的活动案例有效地获得设计策略。在设计策略的前提下，我们将继续讨论如何有效地实施设计。

设计执行四个步骤

设计实施也可分为高效构图、高效色彩、高效字体、高效延伸四个部分。

1. 高效构图

运营专题需求通常顶部是视觉风格的创意构图，这是创建整个项目的主要理念。构图创作将指导后续的步骤和环节。如何通过设计策略有效地创建项目构图？这里总结了两种更有效的实施方法：「现实形态」和「几何形态」。

现实形态

字面意思是以生活中物体的形式创作，将项目主题与设计图形密切相关，从主题出发，提炼关键需求内容，在内容上加减，填写符合产品需求的视觉元素和文案信息。

例如：创造力得出「电玩」、「书籍」、「果汁」符合产品需求、主题信息、产品文案等加减法的主题形式「创作改造」，将「电玩街机」结合街头潮流，「书籍」结合可扬帆的海面，「果汁」结合海滩滑翔伞...最后，风格调性的统一延伸。

比如：用「大脑」来表达「不停联想」创意构图；使用「神灯」来表达「许愿主题」创意构图；使用「时光机」来表达「周年历程」讲述时间流逝心路历程的创意构图；使用「驾驶赛车的第一视角」来表达「游戏的 3 庆祝周年里程杯」。

使用真实的形式和场景来表达创造性的构图可以产生许多解决方案。但有时会发现，在执行中可能更复杂，或者没有合适的形式来表达主题，所以使用「几何形态」定位主题可以帮助你解决这样的问题。

几何形态

说到几何形态，每个人都会立即出现「方形、圆形、三角形」的影子。

事实上，使用这三种几何形式来辅助构图也可以传达更准确的视觉感受。特别是在进行视觉构图排版、辅助文本和辅助构图时，几何形式是一个方便的元素。

腾讯高级设计师之前写过这篇文章，详细分析了基本形状的设计方法:

方形是最简单的形式。它由直线组成，最常出现在许多排版中。方形和矩形将最大限度地利用您的设计空间。在阅读和浏览方面，方形可以尽可能消除形式上的干扰，并以最干净的方式对信息进行水平和垂直梳理。因此，方形经常出现在信息量大的页面上，包括一些文本的排版，使用方形几何规则将使您能够有效地创建它们。

圆与方形完全不同。圆是一种使用较多的图形。它由弧线组成，外观光滑，圆润饱满。这种形式通常会让我们看到可爱、聪明、亲和力强的图像想象。它通常在某些方面 Q 出现在版本和快乐的主题中。使用圆形元素会产生意想不到的效果。圆形通常非常引人注目，它会使你的画面脱颖而出。圆形构图将使图片信息空白。适当的空白空间对产品非常重要。同时，它还测试了设计师的基础训练是否扎实。就个人图像而言，在相同的尺寸下，圆形可以比方形有更多的空白空间（在四个角落）。除了增加与其他内容的区别外，它还可以使界面更加有趣。

与上述两种图形相比，三角形更为特殊。三角形具有急转和指示意义。尖锐的形状给人强烈的情感刺激和对比，倾斜的角度也给人一种速度感。因此，三角形的形状通常会给我们带来刺激、运动、时尚和尖锐的感觉。这种形式经常出现在一些时尚体育品牌或反映速度感、暴力和刺激的主题中。

线的运用

在构图排版中「线」使用是必不可少的，灵活的线排版会使设计构图更加准确高效。

辅助线：使用线对齐元素，有助于在设计构图和布局中建立更好的秩序和层次结构，从而实现设计草案清晰、易读、视觉美观的布局。分割线：为了让用户更好地阅读和浏览，您可以使用细线来区分板结构或主题文本。。。它不仅起到了分割的作用，而且在整体排版中也有节奏和比较。导线：引导用户浏览路径，使元素、图片和内容更好地对应，让用户在阅读内容后自然地引导焦点看到后续内容。它还使排版形式不同，以弥补图片的平衡。其他线：波浪线、曲线、斜线等。线的宽度风格和线的直弯曲可以表现出谨慎和严肃，也可以释放出一些自发和天真。它可以完全装饰或附加功能。在实际应用中，需要根据自己的需要进行匹配和应用。

线条的设计和应用更多：

2. 高效配色

色彩是操作特殊设计中必不可少的，色彩搭配可以改变产品的印象。在这个丰富多彩的世界里，虽然我们每天都在享受大自然给予的视觉盛宴，但当轮到我们自己使用颜色时，我们是否觉得没有规则可循？本文将介绍基本的配色理论和一些实用和有效的配色方法：

建立色彩索引

构建主体构图后，需要定义主色、辅色、背景色和强调色作为基本的色彩定义索引。

运用色环

色环是彩色光谱中所见的长条形色序列，比较基础就不介绍了。

互补色：选择色环上对立位置的颜色进行搭配。「拜托！粉丝们」色环上最远的黄色和紫色用于操作活动，90% 上述颜色对比可以吸引用户的注意力。经典的对比色也有：圣诞经典配色「红与绿」、「橙与蓝」等……

近似色：选择色环上相邻的颜色进行搭配。这套 KAKAO Game 游戏论坛现场视觉包装采用黄色&颜色搭配橙色的近似色；黄色和绿色也是色环上相似的颜色。

三种颜色：在色环上选择三种基本相同的颜色进行搭配。巴塞罗那足球俱乐部的球衣、体育场，包括城市相关的颜色，都是红色、黄色和蓝色，给人留下了深刻的印象。

四种色调：选择四种距离基本相等的色环进行搭配。2017年 腾讯设计周整体视觉采用四色搭配。

Tip：使用色环搭配颜色时，不能机械复制色环上的颜色和距离，需要进行优化和微调，形成更适合项目的颜色。

主题联想

根据项目分析，设计策略和创建的主题方向可以匹配颜色，主题所需的颜色可以从相应的主题照片、建筑、室内设计、视频等数据中吸收。例如：从「甜点马卡龙甜点」吸收色彩渲染强烈甜蜜浪漫的氛围；从「清凉夏日照片或广告」吸收颜色，注入凉爽的夏季派对；从「优雅圣诞装饰品、海报」吸收颜色，创造温暖优雅的圣诞约会..

Tips：品牌色彩的使用可以根据项目目标进行，如拉新或提升品牌等目标活动，可以考虑使用品牌色彩进行创作。

搜寻色彩

通过配色网站进行色彩搜索也是一种高效简单的方法。例如：Pinterest 它是世界上最大的创意工作者配送中心，也有大量的配色板可供选择。如果您计划创建冬季主题的设计，请在搜索栏中输入：winter color palette，可输入搜索浪漫色彩：romantic color palette 等等……

当然，也有很多配色网站可以进行类似的相关搜索，以帮助您的设计，例如：shapefactory.co、picular.co等…

色彩渐变

颜色渐变是通过使用两种或两种以上不同的颜色来创造颜色，并在颜色的交界处逐渐衰减来创造的。它可以让设计师创造一种以前不存在的颜色感觉。在项目中使用颜色渐变可以丰富项目的颜色，加深用户的视觉印象，更好地加强物体的描述。常用的颜色渐变形式分为三种：色相渐变、明度渐变和色温渐变。

色相渐变:色相代表色环中颜色对应的区域和角度。色相渐变是指从一个色相的颜色过渡到另一个色相的颜色。

亮度渐变：亮度是指颜色的亮度。就像在颜色中加入黑色一样，它会变暗，白色会变亮。这种渐变形式可以增强主体的体积感和真实感。

色温渐变:色温更多的是色彩对心理因素和情感因素的影响。比如蓝色感觉冷，红色感觉暖。冷暖色也会在色环上形成。

对于色彩渐变搭配网站，辅助设计师进行渐变配色及其灵感创意。

https://webgradients.com/、https://www.grabient.com/

当活动画面的主题构图和配色框架构建完成后，整个设计基调已初步确认。接下来，《运营主题高效设计方法——下一部分》将继续介绍图片中关于字体设计和设计延伸的高效方法和设计步骤。

欢迎关注「腾讯ISUX」的公众号：