Date 2026-04-20 14:53:52
编者按：一个完整的品牌设计流程是什么？本文使用腾讯DOV 视频实战案例，告诉大家如何做品牌设计！
与一般的短视频产品不同，2017年短视频产品爆发，DOV 主要强调通过短视频记录生活，与熟人和朋友分享短视频，通过短视频本身作为媒介实现社交网络的目的。目标群体的明确定位在于高中以上的年轻群体。除了基本的体验外，设计任务还应将分享生活的放松感与当前年轻人的生活态度相结合，通过视觉技术提高用户的记忆和身份。
本次 DOV 基础UI的品牌设计 在已满足的条件下，在上线前两周进行了讨论，QQ family 多福熊是最受欢迎的吉祥物，品牌标志 还沿用了多福的形象，为了有更全面的品牌感，这次 DOV 包括品牌设计 LOGO、吉祥物、图形系统、动效系统、常规操作规范等。
回顾 DOV 品牌设计可分为五个环节：提案前准备、图像系统设计、界面控制优化、动态主题展示、操作规范制定等。
就开发恢复时间而言，在两周内完成所有五个步骤是不切实际的。因此，图像系统设计和界面控件设计的水平必须至少在上线前完成，以确保用户体验的完整性。在时间有限的情况下，提案前的准备非常重要。良好的准备可以避免走弯路，或者准确地将时间投入到创造力中。
首先，提案前的准备阶段是关键页面的选择，设计方向明确。
关键页面的选择有几个要点：
高效：如果你想提高效率，你不能在任何地方浪费设计资源（人力和时间）。建议品牌风格提案在3帧以内，以避免不必要的工作量。此外，三帧图片也是移动终端设计 PPT 显示最理想应用空间的帧数。
高检查：必须确保方案的呈现能够概括未来延伸的各种可能性。以品牌方案阶段为例，必须考虑图像和 UI 协调，大面积展示的效果，以及在最小限度展示时是否还能延续品牌的感觉。在 DOV 在提案中，设计选择了展示空间最大的区域 Login场景可以检查最佳视觉效果。其次，选择数据卡，验证图像与UI面积50%的协调性。最后，选择消息列表，确认即使几乎没有图像辅助，品牌感觉是否还能延续。
设计内容必须为目标服务，DOV 的 slogan 为了不快乐，目标群体是18-25岁的一线城市年轻人。因此，一方面，视觉风格主要针对年轻人中的顶级趋势群体，另一方面，它尝试流行的风格。这一次，设计团队故意简化了方向，没有做太多关键词来传播想象力。原因是，虽然关键词传播想象力可以帮助设计师勾勒出一般的感受，但没有收敛或二次描述，或者没有与图像进行类比的关键词基本上无法形成共识。长时间的思考不符合互联网公司的敏捷性。敏捷性和清晰性是 DOV 品牌设计的前提。
设计前的准备工作已经完成，图像系统确定的阶段分别是风格发散和设计细节的挖掘。
在多人提案的过程中，如果没有明确的共识，往往很难发挥作用。简单的定义方向往往会导致设计师重复设计路线或命题太广，导致难以启动。因此，这一次 DOV 团队采用容器+内容的设计发散模式。所谓容器，是指总结可能的设计方法的常用基本视觉原理和设计技巧。视觉原理和经典的设计技术可以直接引起用户视觉心理的主观反应，具有强烈而纯粹的视觉冲击力。所谓的内容是可以象征的 DOV 对于目标群体的符号，这些符号往往通过符号学中的锚定效应给用户更深层次的认同感。
此外，该提案还采用了极其复杂的原则。在众多社交产品中，过度干净纯粹的设计在各种竞争产品app中创造了日益娱乐的视觉氛围 近年来，一些年轻或时尚的时尚品牌或艺术家很难获得优势，他们也大量使用非常复杂的技术来影响设计的趋势，这是一种趋势。
通过容器+内容的设计，可以简单地提取可能的技术。如下：
按照流行的口味和潮流风格，通过这些设计方法的结合，顺应设计目标，分别有以下五组方案。
方案A：使用简单的等级分割图片，在图片切割模块中填充趋势中常用的斜线、X等符号，形成稳定的纹理，然后与 对比DOV熊的形状和大小，创造出一幅精致而有冲击力的画面。
方案B：通过反复的方式，在画面背景中传播稳定的节奏，营造热闹的社交氛围。此外，通过前面特写的多福形成强烈的对比，营造出强烈的视觉冲击感，吸引用户的注意力。
方案C：同时，方案B利用对比手法塑造视觉冲击感，简化 DOV 形象带入了类似潮流娃娃翻玩造型内材的手法，兼顾了品牌符号的印象，也带入了潮流氛围。
方案D：背景采用涂鸦感的字体设计技术，通过字体形状的酷氛围，背景前景与信息量和面积差异进行比较，形成态度和丰富的画面感。
方案E：常用于潮流 X符号与多福熊相结合，安排在等级分割的框架中，形成节奏之美。同时，一些元素添加了流光材料，这是潮流中常用的 DOV 图像完全符合潮流形象。
最后，整体方案如下，跨度包括趋势和大众流行。通过拦访验证，左起2、4、5方案也受到了用户的明确好评，反馈，但基于4、5.用户好恶极端，最终选择方案2作为DOV的主视觉。
整体品牌风格定案后，选择用户在体验过程中最频繁的下拉上滑场景和必要的登录过程中植入彩蛋，在上线前以有限的精力和最小的设计投入换取最精致的感觉和情感传递。
在大面积的图像氛围和体验路径上的关键点品牌化之后，还必须跟进界面本身的品牌色调，使图像与界面在静态平面上最大限度地匹配。这一次 DOV 调整界面形状和界面效果。
所有界面的轮廓都统一在造型上，图像系统的亲和力与大圆角相呼应。
在效果上，一致采用Y轴偏移投影，减少漂浮层次过程中优秀线段的分离，达到亲和力的特点。
除了图像元素和控制元素外，动画还可以结合品牌标记、动态曲线、情节设计等部分形成令人难忘和愉快的效果，因此它是品牌过程中的终点。
UI 在操作场景下，DOV 特殊的动态效果曲线被用来延迟减速的时间，适当的位移被用来塑造快速到位的动态效果和惯性反弹的动态效果，从而使整体氛围高效、有趣。
一般动效主题大多止于动效曲线， DOV 除了共同的动态曲线外，还融入了品牌吉祥物和更加生动的挤压变形，使动态记忆点更加鲜明。
除了令人难忘的动态曲线和融入品牌识别的变形外，动态效果本身还可以在适当的场合适当地添加简单的动作情节，因为它具有时间轴的特点 APP 气氛更轻松有趣。(注:DOV1.2.1版本后没有消息列表的下拉刷新)
APP 在拥有完整的视觉品牌色调后，所有的外部宣传和运营也需要让用户有一个固定的认知。通过制定一般的操作字体和一般的辅助图形，可以明确定义可以播放的区域，使其能够播放 DOV 运营设计质量事半功倍，每一项活动都能加深用户对 DOV 的印象。
DOV 运用「造字工房素白」字体圆润，适合标题，大大减少了每次操作都需要重写标准字的麻烦。此外，边缘添加了三维绘画技术，以便 DOV 操作字体量更大，冲击力更大。
DOV 有专属的操作场景 monogram pattren，除了丰富背景外，每个单元都可以根据操作需要进行更换，以确保共同的设计技术。
过去，品牌设计往往致力于 Logo、吉祥物，以及一些离线场景的组合，这种组合反映了品牌沟通效果有点不足，但如果你能完全展示在线着陆场景，严格控制设计方向，不仅可以很容易地控制多人合作的一致性，还可以让软件本身和操作项目继续加强用户记忆和设计效率。DOV 经过两次大修订，在简化视觉设计师的投资下，保持相同的气质，配合产品的高效输出，证明了方法的可行性和后续设计体验的一致性。这可能是品牌设计的一个重要趋势，让用户从应用程序中的每一个场景中体验到品牌精神。
以下是DOV APP二维码链接，欢迎下载体验！
欢迎关注「腾讯ISUX」的公众号：
