今天，我们非常荣幸地邀请到了夸克设计团队的设计师，为我们分享设计团队是如何从每一个考生出发，打造权威有温度的高考品牌全案及其在设计过程中的思考。

高考选志愿，上夸克APP

夸克作为连续五年提供免费高考信息服务的智能工具，今年面对新老高考、就业升学等方面的全新变化，更加关注考生的个性化需求，从「信息获取」到「决策辅助」一站式解决他们在选志愿时面临的实际问题。

高考选志愿，上夸克APP——为夸克高考的品牌心智，它直白地表述出了“高效选志愿，就上夸克APP”，品牌期望帮助考生在志愿填报中摘得佳绩，最终成为考生家长们口口相传的高考神器。

品牌沟通策略

挖掘有效的沟通触点——以真诚切入，用专业承接。

从高考的完整周期入手，在每一个触点让品牌与用户建立有效连接，并直观感受到夸克品牌，是我们做品牌设计的第一步。

高考全阶段 考生心智动线：

不同阶段的用户需求和关注有所不同，因此需要针对性区分营销和宣传。考前阶段以备考为主，更适合做品牌情感关怀，以年轻的方式为考生加油能更好的体现品牌的陪伴心智。

考后阶段用户需求明确，获取有效权威的内容是考生的第一需求，在此阶段围绕核心人群的痛点，从填报难点、技巧切入，生产可信且权威的内容，提升用户对产品的理解度，逐步打造 「高考选志愿，上夸克APP」为第一心智。

而如何做好服务千万人的高考品牌设计一直是我们思考的问题。

我们认为一个能感同身受品牌，一个让小白用户都能理解的品牌是一个好的品牌设计基础。于是我们化身填报新手，以“小白身份”切入设计，通过视觉手段做好志愿填报专业内容的承接，搭建起用户进入夸克APP后“信息获取”这座桥梁。

建立稳定的品牌心智——从「认知」到「强化」

夸克高考品牌已走过5年时间，在市场上已形成一定的认知与影响力，构建一个稳定的品牌系统设定，让品牌具备延续性与辨识度是我们的设计目标。

因此，我们对往年的视觉系统做了升级迭代而非颠覆性的改变。从已有认知基础上做进一步深化和强化。

品牌视觉系统-设计思路

如果说前期梳理帮助我们找准了设计的切入点，那视觉手册的输出则是对品牌心智的完整诠释，它能保障在长周期下品牌心智输出的连贯性，并服务好业务诉求。

围绕关键心智——品牌感、智能化、准确性，我们将内容抽象化为具有特征性的元素，通过定义形、色、质、构，尝试将这一切和品牌心智做链接的可能。

为了提升夸克与高考品牌关联度，我们将夸克的品牌符号 —— 夸克圈作为辅助图形去演绎，尽可能在各个触点物料上透出，以达到增强品牌记忆的目的。

形态与质感采用了通透、轻盈的毛玻璃，它具备现代与科技的视觉体感，契合产品“ 智能化 ”的表达。通过使用流动形态的图形设计，营造一种轻盈、动态的视觉效果，辅助产品亲和力及指引性的体感传达。

KV对以上元素进行了有机融合，而摈弃抽象的元素选择更直接的产品UI透出，也帮助用户对功能有更为具象和直观的了解。

同时，基于端内功能icon我们拓展了相关的元素库，除了辅助画面中的内容表达，保持端内外认知外，元素库的建立，也提高内外协同执行的效率。

品牌视觉手册

信息与视觉传达的一致性应用

视觉系统解决了品牌视觉设计的一致性问题，而内容设计的一致性原则则帮助我们更好地将关键信息传递给目标受众。

高考相较其他品牌活动有其特殊性，我们从目标用户更为关注的实用价值角度出发展开设计，让视觉辅助产品内容传达，帮助用户更快速直接的了解产品功能和价值。

因此，信息有效传递便是设计首要考虑的因素。

“视觉降噪”，功能内容、信息以及品牌的露出为优先层级，背景氛围为次要层级。

关注“入口指引”，做好外部进入端内的功能承接。

品牌传播应用落地

媒介资源是品牌曝光最为重要的渠道，涵盖了端内及端外。为了满足不同触点的需求，我们基于品牌基调延展出了一系列设计物料。

情感化运营

端内作为产品功能的主阵地，通过用户的的运营让品牌得以更加直接地与用户进行互动交流，建立更密切的用户关系。因此端内的相关的入口与互动设计也同样关键，做好情感化传达，让用户在有趣的互动中获取有效的内容是我们的设计目标。

情感化的Doodle运营

Doodle是夸克的“门面”，用户打开夸克第一眼看到的便是doodle。在高考战役中，doodle也同样发挥着重要的作用，我们希望透过doodle在不同的节点为考生带去祝福，告知用户高考的重要信息。

选志愿功能doodle（在端午节这天增加了粽子元素表达了祝福考生一举高“粽”）

出分功能doodle（结合开箱活动）

值得一提的是，与往年不同，今年在高考doodle视觉上会更加趋于统一与简洁。

设计上，我们从形式、色彩上统一了全阶段的doodle，更一致的视觉能让夸克高考的品牌在长战线里更加鲜明，一个稳定形态的入口也能缩短用户对入口的理解时间。

另外，相较于强氛围的doodle，设计上我们采取了弱doodle的形式，最大程度保证首页的简洁与夸克QUARK品牌的露出，在较长的周期曝光中降低Doodle对全体用户的干扰。

去年加油doodle范围（上）  今年加油doodle范围（下）

以年轻的方式为考生加油打气——「高考加油」专题页

考前考生正处于紧张冲刺阶段，品牌在当下给予关怀鼓舞，帮助学生缓解焦虑紧张情绪，对品牌的美誉度与亲和度有很好的正向影响，我们从「内容」与「互动」上思考端内的承接设计。

「内容」上我们有高考励志短片《给高考生的最后一个知识点·高考加油》，以”给高考生的最后一个知识点“为出发点，从各个学科中提炼了有正能量寓意的知识点，为考生带来美好的祝福，引起用户的共鸣。

另外中国人在重大的日子都有祈福、求福的习惯，且现在越来越多的年轻热衷于“伪玄学”，因此我们还推出了「高考祈福」壁纸，免费供考生使用。

「互动」上除了有常规的“许愿墙”供考生和家长留言和查看祝福外，为了增强页面的趣味性和提升用户参与感，我们在现有模块上新增新的轻互动玩法。

我们将品牌IP化身为考生形象，用户每点击按钮，便能为自己加油打气。宝宝在做出加油鼓舞的动作同时也为自己带来祝福。而当用户点击够一定的次数会触发“金榜题名”的隐藏彩蛋。

我们把「加油」「祝福」这种行为，以轻游戏化的方式呈现给用户，通过更加趣味化与更有代入感的方式为考生带来品牌的关怀，让用户耳目一新或会心一笑。

更适合中国考生体质的答题H5——「开箱吧！专业」

将有用但枯燥的专业知识以趣味化的形式传达给用户，让大家关注到专业选择本身，是设计面临的挑战。我们选择最能直观传达内容且玩法简单的答题形式去呈现，通过”大学专业知识“的问答来传达的是“选专业并非开盲盒”的理念。

起初为了使H5更具创意化，能区别于市面上的答题活动，我们想了很多创意化的玩法去进行包装，如随机开盲盒、抽盲盒等等。

但回归到用户视角，在海量信息袭来的当下，毕业生更加关注直接有用的权威内容，这才是最为关键的需求。

因此我们从花哨的形式回归到内容本身，将专业选择更为直接的呈现，让考生能快速了解到真正对他们有帮助的内容。

‍‍

围绕专业开箱为主题，将不同的专业设计成不同的箱子，开箱的过程展示对应的专业物件与题目，结合权威机构的内容背书，向用户传达“选择专业就像是开箱，这个箱子在整个学习生涯中是开完一层又一层，不断产生新认识的过程”。

‍最后会根据分数得到对应的勋章与称号。

我们希望通过这个H5考生能更加意识到他们对专业了解的不足，同时也提供了更多详细的专业知识供他们查看。专业选择是考生们人生重要的一步，若夸克能在这个重要的时刻帮助到他们那会是多么神圣与美妙的事情。

情感化运营是一种通过情感触动和连接来建立与用户之间更深层次关系的营销策略。回看高考这一系列的情感化运营，可以发现有几个共性：

用户关怀，好的情感化设计一定是从用户角度出发，了解用户真正所需，才能帮助用户解决问题。

创新和优化，无论是视觉还是玩法还是内容，更具创意化的设计更加能引起用户的注意，有更强的情感吸引力。

品牌化，好的情感化运营需要建立在自身的品牌上，与产品做巧妙的结合，打动用户的同时也能加强用户对我们品牌的认知。

结语

夸克高考连续5年提供免费、普惠的高考信息服务，这不仅源于自身的产品特质和能力，更源于其背后有一份沉甸甸的社会责任。

打造一个权威有用、有温度的高考品牌是我们持续追求的目标。品牌设计作为其中的一环，也将继续参与到这次社会责任实践中，与每一位考生共同度过这个人生重要的大考。

優(yōu)網(wǎng)科技秉承"專業(yè)團(tuán)隊、品質(zhì)服務(wù)" 的經(jīng)營理念，誠信務(wù)實的服務(wù)了近萬家客戶，成為眾多世界500強(qiáng)、集團(tuán)和上市公司的長期合作伙伴！

優(yōu)網(wǎng)科技成立于2001年，擅長網(wǎng)站建設(shè)、網(wǎng)站與各類業(yè)務(wù)系統(tǒng)深度整合，致力于提供完善的企業(yè)互聯(lián)網(wǎng)解決方案。優(yōu)網(wǎng)科技提供PC端網(wǎng)站建設(shè)（品牌展示型、官方門戶型、營銷商務(wù)型、電子商務(wù)型、信息門戶型、微信小程序定制開發(fā)、移動端應(yīng)用（手機(jī)站、APP開發(fā)）、微信定制開發(fā)（微信官網(wǎng)、微信商城、企業(yè)微信）等一系列互聯(lián)網(wǎng)應(yīng)用服務(wù)。