首页

兰亭妙微ui设计公司分享:如何从 IP 视角重新理解品牌

清阳 平面设计

兰亭妙微ui设计公司分享:冰墩墩 “一墩难求”、卡塔尔世界杯吉祥物拉伊卜刷屏出圈,卡通 IP 已经成为数字时代品牌连接用户的重要载体。但很多人对 IP 的认知存在误区:简单将 IP 等同于虚拟卡通形象。打造虚拟形象门槛高、投入巨大,短期很难看到商业回报,这并不是 IP 的全部真谛。

一、溯源 IP:从人文视角看懂 IP 的起源

从商业角度看,IP 是具备生命力的知识产权。如同生命体,它可以拆解为外在形体与内在精神两个部分,我们可以顺着 IP 的前世、今生、未来,读懂它的底层逻辑。

IP 的源头来自日本二次元文化。在社会高压的环境之下,大众理性诉求被压抑,感性情绪亟待释放。创作者把情绪、情感寄托于漫画创作,在区别于现实世界的二维载体中完成情感宣泄,二次元就此诞生。因此 IP 从诞生之初,就承载着大众的情感表达诉求。

image.png

回看全球高收视少儿动画,无论是《猫和老鼠》《奥特曼》,还是《海贼王》《熊出没》《大力水手》,大多属于热血、英雄向的内容。核心逻辑就是制造情绪共鸣,用内容包裹情绪价值,完成和受众的情感沟通。

而 IP 真正在国内商业领域爆火,始于 2014 年。它的核心商业价值,是破解流量困局

二、流量破局:商业视角拆解 IP 的核心价值

线上电商生态里,平台广告位资源有限,商家数量却高达数百万,流量成本持续走高。拿不到优质流量位,不少商家被迫压缩品质,市场充斥低价低质产品。

线下商业同样难逃流量困境:流量成本包含金钱、时间、选择三重成本,房租是最大支出。产品成本 1 元,往往要卖到 5 元才可以覆盖房租、人工、库存实现盈利。高倍率定价之下,却未必能给到对等的体验,催生 “高价难高质” 的行业痛点。

无论线上线下,消费者的底层诉求始终是物美价廉。流量红利消退,IP 就成为破局的关键抓手。

经典案例:熊本熊,一座城市的 IP 逆袭

image.png

日本熊本县,凭借 IP 熊本熊实现城市破圈。当地政府希望借助 IP 拉动旅游、招商引资,提取熊本县城市代表的黑色,搭配极具亲和力的腮红,塑造出熊本熊这一经典角色,担任熊本县 “销售部长” 与城市代言人。

它不只是一张静态海报:熊本熊频繁出现在各类公开场合,产出表情包、壁纸、头像、人偶周边;主动制造社交事件,街头互动、趣味公关发布会、人偶线下公益行动,制造大量惊喜、故事与社交传播素材,让大众自发分享。

image.png

经典的 “熊本熊失踪” 危机公关,县长亲自下场参与喜剧化的发布会,进一步强化熊本熊和熊本县的强绑定。当形象深入人心之后,正式开启商品化授权运营。

数据印证 IP 的商业能量:2011‑2012 年,熊本熊带动观光、商品销售带来1244 亿日元经济连带效益;2014 年授权商品销售额达 643 亿日元。熊本县在日本城市好感度排名从第 18 位跃升至第 5 位,后续 IP 授权业务拓展至全球 13 个国家和地区,成为城市 IP 运营教科书级案例。

三、IP 重构品牌:跳出 LOGO 与名称的传统品牌逻辑

image.png

传统品牌传播,是名称、LOGO 主导的时代。一轮营销战役结束,传播就随之落幕,品牌资产很难沉淀。

IP 的出现改变了这套逻辑:它可以把所有传播获取的注意力,全部沉淀到 IP 资产包中。即便企业遭遇经营危机,IP 本身依旧具备极高的商业价值。

品牌 IP 资产金字塔揭示全新的品牌逻辑:品牌资产不再局限名称、LOGO、口碑,IP 资产正式成为品牌资产的重要组成部分。IP 可以完整承接品牌与消费者的全维度沟通:传递品牌定位主张、提升识别亲和力、承接跨界合作、衍生品开发、危机公关、线下活动授权;同时完成视觉传达、用户沟通、产品延伸、IP 授权四大板块落地,直达消费者与合作商户群体。

实战案例:鲨鱼菲特 —— 新锐轻食品牌的 IP 内容战略

image.png

鲨鱼菲特作为国内新锐轻食品牌,面向追求健康生活的年轻群体,提供科学配比的健康食品。品牌选择把 IP 人格化,将品牌精神全部注入 IP 角色,让 IP 成为细分品类与品牌的代言人,传递健康积极的生活态度。

整套品牌升级分为四大系统:视觉识别系统、IP 超级符号系统、包装系统、内容营销系统

image.png

品牌金字塔清晰锚定定位:鲨鱼菲特,500 万年轻人的健康选择;品牌人格是爱吃、勤练;价值观是质量第一、追求极致;调性是有活力、有趣、有颜值、有态度。

IP 人设深度贴合品类:鲨鱼,食物链顶端的生物,设定为挑剔的美食家。拥有强大免疫力,对食物品质高度挑剔,追求营养精准平衡。人物档案完整定义性格、能力、小缺点,形成完整角色世界观。

image.png

围绕人设搭建完整 IP 视觉识别体系:IP‑LOGO 组合、全套面部表情、GIF 表情包、主题插画场景、周边衍生品、包装物料、线下广告物料,实现全渠道统一输出。

image.png

内容时代,IP 不止是静态视觉符号。鲨鱼菲特搭建短视频内容矩阵,以 IP 形象产出科普、趣味剧情短视频;还推出免费商用定制字体,沉淀品牌文化资产,实现低成本社交裂变传播。

四、IP 时代,品牌传播的底层变革

image.png

前二次元时代,品牌面向 85 前群体,依靠电视、互联网、平面媒体做大众媒体单向传播;品牌以静态 LOGO、大片为主要呈现方式。

进入二次元 IP 时代,沟通对象转向 95 后、00 后群体。传播方式由单向灌输,转向品牌人格化的多维交互,静态视觉与动态 IP 内容相结合,传播载体拓展为二次元内容、表情包、动画短视频。

IP 资产给企业带来四大核心价值:

  1. 将 IP 升级为企业资产,打造自有 IP 产品线,掌握品牌主动权;
  2. IP 直接对接消费者,构建品牌隔阂,拉开和竞品的差距;
  3. 以 IP 搭建商业闭环,拓展多元变现路径;
  4. IP 成为企业核心资产,充当情感纽带,建立用户心智安全感。

IP 是移动互联网跨人群传播的高效工具。依靠表情包、头像、短视频、漫画等形式,依托趣味内容实现用户自发传播,降低传播成本。

放眼未来,品牌 IP 有三条发展路径:

  1. 科技融合:成为虚拟世界与现实世界的连接桥梁;
  2. 生态构建:搭建行业整合平台,完成产业链链路打通;
  3. 垂直深耕:聚焦细分赛道打磨,IP 运营能力,远比 IP 形象本身更重要

完整的品牌 IP 商业生态,需要 IP 文化研究院做顶层架构,向下拆分品牌体系、IP 主题、文化体系、文化孵化器四大板块,覆盖形象规范、衍生品、主题活动、动漫影视、同人孵化、自媒体等多元业务,形成完整商业闭环。

 

 

 

 

 

兰亭妙微(蓝蓝设计)www.lanlanwork.com 是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计,以及相关的软件开发服务,咨询电话:01063334945。

 

image.png

兰亭妙微ui设计公司分享:钉钉 LOGO 品牌升级案例复盘

清阳 平面设计

兰亭妙微ui设计公司分享数字化浪潮持续演进,钉钉的品牌理念历经多次迭代:从最初「一个工作方式」,到「让工作学习更简单」,再到全新的品牌主张「钉钉,让进步发生」。伴随品牌战略的转向,钉钉也完成了一次完整的品牌视觉焕新,把全新的品牌心智落地到 LOGO 与整套品牌视觉体系之中优设网。

核心设计思路

image.png

品牌升级并不等于全盘推翻旧视觉。翅膀与闪电,是用户心中对钉钉最深刻的视觉符号记忆。本次升级的核心逻辑:保留用户固有视觉记忆,在原有识别基础之上,把全新品牌理念转化为可感知的视觉语言,实现传承与革新的平衡优设网。
新品牌理念拆解为三层内核:科技普惠、科技向实、技术平权。既要延续钉钉与生俱来「高效敏锐」的工具属性,又要传递向前成长、开放包容、谦逊服务者的全新品牌姿态。

一、守住视觉记忆,优化细节表达

image.png

 

翅膀与闪电,承载着钉钉长期以来「高效敏捷、极致效率」的产品初心。新版本没有抛弃这套符号,而是对形态做精细化打磨,赋予图形更多层次的内涵。
  1. 闪电细节调整:蓄势待发的力量感image.png
     
    微调闪电图形的倾斜角度,整体造型更加紧凑利落,传递出蓄势待发的动态势能,保留效率属性的同时,强化向前迸发的视觉感受优设网。
  2. 翅膀形态重构:更自然,更亲和

    image.png

     
    设计团队参考真实鸟类羽毛的生长形态,重新优化翅膀的弧度、羽毛分层与转折角度。相比旧版偏硬朗的线条,新版翅膀线条更加柔和自然,以此传递钉钉作为数字化服务者谦逊、亲和的品牌姿态优设网。

二、品牌心智具象化,把 “进步” 画进 LOGO

如何用图形去诠释「进步」这一抽象概念?设计团队经过多轮创意发散,最终锁定箭头「>」这一符号。
 
箭头代表方向、前行、突破与向上生长;可以是路标指引前路,可以是候鸟迁徙的编队,也可以是山峰向上崛起的尖顶。有趣的是,这个箭头意象,早已潜藏在旧版 LOGO 的轮廓线条之中,本次升级将它显性化、强化表达。
  • 强化向前的箭头意象:将原本偏朝上的视觉趋势,调整为朝前指向,强化前行、奔赴进步的方向感,让 “进步” 的概念一眼可感知。

    image.png

     

  • 校正视觉重心:修复旧 LOGO“头重脚轻、视觉后倒” 的问题,新版 LOGO 视觉重心均衡稳定,图形观感更加舒展稳重优设网。image.png
  • 去掉圆形外框,释放开放的力量

    image.png

    旧 LOGO 的圆形外框装饰属性大于功能。新版直接移除外框,图形可视面积扩大至原来 1.5 倍,图形识别度大幅提升。这一改动,也隐喻钉钉打破边界、开放破圈,践行数字化普惠,服务每一个组织与个体的品牌决心优设网。

三、字体同步迭代:为品牌注入动态张力

字体是 LOGO 体系不可分割的一部分。

image.png

 
旧版钉钉字体方正严肃,偏向传统 B 端工具的稳重感;新版定制「钉钉发生体」,字体增加 7° 微倾斜,竖勾位置做弯曲弧度处理,整体拥有更强动态感与向前的张力,与图形部分的前进意象形成完整呼应,整套 LOGO 图形与字体气质高度统一优设网。

结语

image.png

从效率工具,走向数字化普惠;从 “让工作学习更简单”,升级为 “让进步发生”。本次 LOGO 品牌升级,只是钉钉品牌视觉体系迭代的起点。通过视觉语言,向用户与生态伙伴传递品牌内核,搭建属于所有人共同进步的数字化平台,是钉钉持续探索的方向优设网。
 

 

转载:优设

兰亭妙微(蓝蓝设计)www.lanlanwork.com 是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计,以及相关的软件开发服务,咨询电话:01063334945。

关键词:UI咨询、UI设计服务公司、软件界面设计公司、界面设计公司、UI设计公司、UI交互设计公司、数据可视化设计公司、用户体验公司、高端网站设计公司、银行金融软件UI界面设计、能源及监控软件UI界面设计、气象行业UI界面设计、轨道交通界面设计、地理信息系统GIS UI界面设计、航天军工软件UI界面设计、医疗行业软件UI界面设计、教育行业软件UI界面设计、企业信息化UI界面设计、软件qt开发、软件wpf开发、软件vue开发.

我们建立了一个微信群,每天分享国内外优秀的设计,有兴趣请加入一起学习成长,咨询及进群请加蓝小助微信ben_lanlan。

 

image.png

 

兰亭妙微ui设计公司分享Logo 设计用好加法思维,解决 80% 的设计难题

清阳 平面设计

兰亭妙微ui设计公司分享资深设计师大多清楚,加法是 Logo 设计中最高频的创意手法:将两个及以上不同图形元素重构融合,生成全新的视觉符号,几乎每一位做过 Logo 的设计师都接触过这套思路。
此前有朋友把自家教育品牌「达志文化」的 Logo 发给我征询意见。单纯评价作品好坏在此不作展开,但我想点明一个误区:Logo 的加法设计,绝非简单把多个图形粗暴拼接叠加,其中藏着不少设计细节与门道。下面结合实战案例,分享我的经验心得。

一、Logo 加法设计的 6 种主流形式

加法设计的核心,是找准元素之间的关联点,根据品牌属性,选择合适的组合逻辑,市面上主流分为 6 类。

1. 品牌名首字母相加

 

可选用大写或小写字母,优先挑选形态适配、便于融合的字母。常见组合手法分为叠加、共用笔画、负形融合、创意组合四类。
  • 叠加:代表案例 LV、YSL 圣罗兰,字母互相交叠,形成辨识度极高的标识。image.png
  • 共用笔画:代表案例 UR 服饰,两个字母共享同一笔,精简图形同时强化整体感;陈幼坚为香港都会大学设计的 Logo,同样运用该手法。

    image.png

  • 负形融合:交通银行 Logo,把字母 C 藏进字母 B 的负空间;李宁旧 Logo 将 L、N 两个首字母融合成迎风舒展、类似红旗飘扬的动态造型。

    image.png

  • 创意组合:LG 把 L 与 G 重构为一张笑脸,传递品牌服务理念;大众汽车将 V、W 字母收束进圆形轮廓,暗含胜利的寓意。

    image.png

2. 品牌简称汉字相加

适合两字为主的中文简称,组合逻辑和字母加法相通。

image.png

北京大学校徽,便是把 “北大” 二字巧妙整合为一体;我曾经为北部湾艺术研究院设计标识,将 “北”“艺” 两个汉字进行图形化融合,后续再加入传统回纹纹样强化艺术气质。

3. 品牌首字母 + 行业属性符号

这是商业 Logo 非常常用的思路,用字母锚定品牌名称,附加图形点明赛道。
 
抖音 Logo,小写 d 与音符图形融为一体,呼应短视频音乐属性;饿了么 Logo,小写 e 结合吃豆人形象,传递餐饮外卖的业务特征。

image.png

4. 品牌关键字(汉字) + 行业属性符号

提取品牌核心汉字,和行业典型意象结合,中式品牌尤为偏爱。

image.png

 
中国银行 Logo,“中” 字嵌套古铜钱纹样;工商银行 Logo,“工” 字结合铜钱造型,铜钱直接传递金融属性;中国南方电网 Logo,把 “电” 字图形化,融合电线、电线杆意象。

5. 品牌名称自带意象 + 行业属性符号

image.png

品牌名字本身带有具象事物,直接提取该事物,叠加行业符号。
 
西瓜视频 Logo,西瓜外形结合视频播放三角符号;贝壳找房 Logo,贝壳轮廓和房屋屋檐图形相互融合。

6. 多个行业属性符号相加

image.png

不直接使用品牌文字 / 字母,选取 2 个代表行业的物象进行融合。
 
网易云音乐 Logo,音符和唱片螺旋形态合二为一;我给饰品品牌 Dongstar 做的标识,将四叶草与星光图形结合,寓意幸运与闪耀。

二、用好加法 Logo,必须守住 3 大原则

加法只是创意工具,不等于堆砌元素。很多新手容易陷入 “元素越多,寓意越深刻” 的误区。想要做出合格、好用的 Logo,需要兼顾美观、行业属性、识别度三大底层要求。

1. 美观:视觉协调是基础底线

image.png

Logo 是品牌的核心视觉符号,会应用在名片、包装、官网、线下物料等无数场景,图形本身的美感直接决定整套品牌视觉的上限。
提升审美需要长期积累,日常多看优秀 Logo、图案作品。这里分享一个快速自测小技巧:把你的初稿和一批成熟优秀 Logo 放在同一页面对比,如果你的作品视觉上明显 “格格不入”,说明造型、线条、配色、比例仍有优化空间,需要重新尝试组合方案,打磨细节。
举个实战案例:我在设计服装品牌「音眸」Logo 时,选定高音符号 + 眼睛的加法思路。第一版直接把音符硬塞进眼睛轮廓,图形拥挤生硬;第二版调整形态,让音符顺着眼型曲线摆放,造型变得舒展,但线条粗细、比例仍有瑕疵;继续反复迭代线条弧度、粗细、图形占比,才得到最终定稿方案。

2. 贴合行业气质,拒绝无意义拼接

 

回到开篇达志文化的案例:仅简单拼接 D、Z 两个字母,会出现致命问题 —— 这套图形可以适配任何 DZ 开头的品牌,完全看不出它属于教育行业。
做好加法,要么让融合后的图形自带行业气质,要么依靠字体、额外行业符号补足属性。
  • 李宁 Logo,L+N 融合出充满动感飘逸的形态,天然契合运动品牌;image.png
  • LV 虽只是字母叠加,但优雅古典的罗马字体,完美匹配奢侈品牌的调性;

    image.png

  • LG 把 L、G 做成笑脸,赋予家电品牌热情服务的内涵;

    image.png

  • 北部湾艺术研究院初稿只完成 “北”“艺” 字拼接,缺少艺术氛围感,加入回纹传统纹样之后,才匹配研究院定位。

    image.png

小提示:如果图形本身无法体现行业,那么配套标准字的字体气质,一定要贴合赛道。

3. 保证识别度,拒绝过度复杂化

image.png

切忌为了堆砌寓意,强行塞入五六个元素,最后变成 “四不像”。很多时候只有设计师自己看得懂暗藏的含义,普通受众完全解读不出,再多隐喻都毫无价值。
Logo 不需要承载过多含义,1‑2 个清晰可感知的创意点就足够。中国银行 “中字 + 铜钱”,大众一眼读懂金融属性;耐克仅一个简约对勾符号,记忆成本极低。
实战项目「奇妙动物直播间」Logo,我最初把掌印完整封存在圆形轮廓中,为了迁就外框,视频播放三角符号偏移中心,播放符号辨识度大打折扣。后续调整方案,让掌印局部突破圆形边界,播放符号居中,既保留圆型外轮廓,又强化核心符号识别,整体视觉也更有张力。

写在最后

加法手法之所以广受设计师、客户欢迎,是因为它让 Logo 创意有据可依,逻辑清晰。但切记:加法只是实现手段,不是设计最终目的。使用这套方法时,依然要恪守 Logo 的底层准则:美观简约、和品牌强相关、具备原创性、高识别度。
 

转载:优设

兰亭妙微(蓝蓝设计)www.lanlanwork.com 是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计B端界面设计桌面端界面设计APP界面设计图标定制用户体验设计交互设计UI咨询高端网站设计平面设计,以及相关的软件开发服务,咨询电话:01063334945。

 

image.png


兰亭妙微ui设计公司分享:用 AI 提速!赛事颁奖奖杯海报实战全流程

清阳 平面设计

前言

兰亭妙微ui设计公司分享:如今 AI 设计工具越来越成熟,日常接单遇到赶时间、预算有限的需求时,AI 能大幅降低创作成本。前段时间我接到一则赛事奖杯海报需求,甲方要求画面高级精致、控低成本,还指定可以用 AI 辅助创作。看似矛盾的要求,结合 AI 生成 + 后期精修的工作流就能完美落地,下面完整拆解我的实操全过程。

image.png

一、AI 生成奖杯主体,二次重构优化造型

先借助 Midjourney Niji6 产出基础奖杯素材,垫图参考搭配完整中英双语关键词,快速得到奖杯雏形:

完整提示词

image.png

中文:刻有星形纹路的金色奖杯,纯色深海蓝背景,奖杯顶部中心镶嵌星形徽章,整体修长大气,高写实渲染,金属细腻纹理,预留可编辑文字区域,画面充满庆祝、荣耀氛围感,超清 8K 细节
 
英文:golden trophy engraved with stars, with a solid deep blue background, star emblem embedded in the top center of the trophy, tall and elegant shape, hyper-realistic rendering, delicate metal texture, editable text fields reserved, atmosphere of celebration and honor, ultra HD 8K details --niji 6
AI 原生出图存在明显缺陷:五角星位置偏上、奖杯中部大面积留白、底座缺少细节,质感廉价。我通过后期软件二次调整重构:
  1. 抠取顶部星形徽章,移动放置到奖杯杯身居中位置,平衡画面视觉重心;
  2. 在奖杯底座增加雕刻纹理,预留获奖者姓名刻字区域,丰富实体细节,摆脱空泛感。

二、规范画布构图,搭建画面基础层次

image.png

  1. 新建项目标准尺寸画布,在奖杯底部铺设渐变色块模拟地面基底,区分主体与背景;
  2. 置入赛事主标题、副标题等核心文案,敲定图文基础排布框架;
  3. 填充背景层次:在奖杯后方叠加纤细英文装饰文字,填补空白区域,让画面纵深感更强,避免单薄。

配色逻辑(对比色提升高级感)

主体奖杯为暖金色,背景选用高对比深海蓝,冷暖对冲能最大化突出奖杯视觉核心;所有正文、装饰字体统一采用金色,既能和蓝色背景形成清晰区分,又能与奖杯金属色调相互呼应,整套配色统一协调。

三、多层细节叠加,营造精致氛围感

image.png

仅有奖杯主体画面会显得单调,通过色彩融合、装饰元素、双层光效三步提升完整度:
  1. 色彩统一,弱化违和感
     
    使用色彩平衡工具微调奖杯色调,叠加轻微蓝紫色环境色,让金色奖杯融入蓝色背景,消除素材拼接的割裂感。
  2. 增加互动装饰元素
     
    在奖杯杯口填充金币,画面四周散落漂浮金币元素,烘托赛事颁奖、荣誉嘉奖的热闹氛围。
  3. 双层光效分层处理

    image.png

  • 背景光效:叠加高清柔光、渐变光晕素材,丰富纯色背景层次,避免平板乏味;
  • 主体光效:给奖杯叠加十字星光、柔化光晕组合光效,打造金属 blingbling 的通透光泽,强化奖杯贵重质感。
完成全部元素叠加后对比前后画面,整体构图不变,但金属质感、画面层次、氛围感全面升级,高级感直接拉满,完美契合甲方赛事宣传的高端需求。

四、方案拓展,适配多元场景

image.png

不少同学会提问:这套流程只能用蓝色背景吗?答案是否定的。
 
这套 AI 生成 + 后期精修的素材融合逻辑通用,替换红、黑、银灰等任意背景色,只需同步微调奖杯环境色、光效色调,就能快速产出不同风格海报;同时工作流可灵活延展尺寸,适配官网头部 Banner、活动长图、线下展架等多类宣传物料,复用性极强。

结语

善用 AI 不是替代设计师,而是把重复性素材生成工作交给工具,设计师把精力放在构图、色彩、细节氛围感把控上。掌握这套标准化工作流,各类赛事、颁奖类视觉需求都能高效落地,接单、做方案事半功倍。
 

转载:优设

 

 

兰亭妙微(蓝蓝设计)www.lanlanwork.com 是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计B端界面设计桌面端界面设计APP界面设计图标定制用户体验设计交互设计UI咨询高端网站设计平面设计,以及相关的软件开发服务,咨询电话:01063334945。

 

image.png

兰亭妙微ui设计公司分享:大厂实战复盘:QQ 浏览器 QBot AI 品牌全案升级设计

清阳 平面设计

核心命题:成熟工具产品,如何借 AI 升级重塑品牌活力?

A兰亭妙微ui设计公司分享:I 技术全面迭代的行业浪潮下,国民级老牌产品 QQ 浏览器正完成核心身份跃迁:从单一信息浏览工具,转型为具备全链路智能能力的 AI 陪伴伙伴。
 
在用户早已形成固化产品认知的前提下,本次品牌升级面临两大核心难题:
  1. 如何搭建独立 AI 子品牌,清晰传递产品新增 AI 能力;
  2. 平衡原有品牌资产与全新 AI 心智,让老用户快速感知产品智能化革新。
     
    下文完整拆解 QBot 从命名、视觉 IP、动态传播、情感化运营到实体周边的整套品牌落地思路。

一、品牌命名:QBot,兼顾传承与差异化的命名策略

团队基于成熟母品牌用户认知,敲定 AI 子品牌名称QBot,实现「传承原有资产 + 塑造 AI 新身份」双重价值:
品牌传承:取自 QQ Browser 缩写 QB,和 QQ 浏览器形成天然视觉、认知关联,老用户无认知割裂;AI 属性点明:后缀 Bot 直接标注智能体属性,直观传递 AI 助理定位;
  1. 行业差异化:名称简洁易记忆,在海量同质化 AI 工具中建立专属识别符号,降低线上线下传播成本。
     
    对用户而言,QBot 是熟悉的 QQ 浏览器延伸,更是能解决各类需求的智能云伙伴;对产品而言,独立品牌名可承载整套 AI 功能体系,实现工具与 AI 能力分层心智运营。

    image.png

二、视觉体系设计:母品牌基因继承 + AI 视觉语言演化

整套视觉设计遵循延续经典,激活灵性核心原则,不凭空创造新视觉元素,拆解 QQ 浏览器原生 Logo 的图形、色彩、字体三大核心资产重组再造。

1. 母品牌视觉基因完整复用

QQ 浏览器经典的「小云」是沉淀多年的用户记忆符号,柔和圆润的云朵自带亲和、可靠的感知,成为 QBot 视觉核心基底:

image.png

image.png

 

2. 核心 IP 符号:从静态 Logo 进化为可交互 AI 视觉接口

QBot 云朵 IP 设计兼顾认知唤醒价值进化两层表达:
  1. 认知唤醒:完整继承原生云朵形态,依靠大众熟悉的视觉符号降低学习成本,强化和 QQ 浏览器的绑定关系;
  2. AI 价值进化:赋予 IP 完整动态交互能力,可根据操作场景切换神态、动作,把冰冷的 AI 技术转化为有反馈、有温度的拟人伙伴:
    • 交互微反馈:加载转圈、思考气泡、抬头张望、眨眼跳跃等 UI 内置动态;
    • 完整拟人骨架:设计云朵小手小脚,可完成行走、跳跃、变形等全套动画;
    • 人格表达:依靠双眼神态区分情绪,弱化科技距离感,打造 “会思考、懂陪伴” 的智能形象。
整套图形不再只是品牌标识,而是用户和 AI 对话的可视化入口,一眼即可读懂 “智能陪伴” 的产品定位。

image.png

 

3. 延展视觉语法:一套体系适配全场景落地

基于蓝白基础色、圆形、云朵三大基础元素,搭建灵活可拓展的设计语法:
  • 渐变分层蓝色可适配科技向宣传物料;
  • 简化纯色云朵图形适配轻量化运营素材;
  • 流畅曲线线条作为辅助图形,贯穿视频、周边、线上页面全渠道;
     
    既保证长期品牌视觉统一,又给不同主题运营活动留出充足创意演绎空间,实现长效辨识度与持续新鲜感平衡。

 

image.png

 

 

转载:优设

 

 

兰亭妙微(蓝蓝设计)www.lanlanwork.com 是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计B端界面设计桌面端界面设计APP界面设计图标定制用户体验设计交互设计UI咨询高端网站设计平面设计,以及相关的软件开发服务,咨询电话:01063334945。

 

image.png

兰亭妙微ui设计公司分享:作品集植入 IP 形象加分全指南

清阳 平面设计

兰亭妙微ui设计公司分享:不少 UI、品牌设计师都在纠结:作品集里要不要加入 IP 形象?如果要做,如何呈现才能成为加分项而非累赘?本篇结合移动端项目实战逻辑,完整拆解 IP 形象认知、合格 IP 评判标准、作品集落地展示方法,帮你避开无效包装误区。

一、APP 产品里的 IP 形象核心认知

image.png

IP 形象早已深度融入移动端设计,阿里动物园系列就是大众最熟悉的成熟商业案例。先理清核心定义:

image.png

IP 形象是将抽象品牌理念、产品文化具象化,塑造出拥有完整人格、高记忆点的卡通角色 / 实体形象。它在 LOGO 之外搭建第二层视觉识别体系,核心价值是搭建产品与用户的情感桥梁,也是情感化设计的核心载体。
在 APP 场景中,IP 的情绪缓冲作用十分突出:加载页面用 IP 动效消解等待焦虑、操作反馈搭配专属动作提升交互趣味、空状态形象弱化负面体验,通过视觉人格调动用户正向情绪,潜移默化传递品牌调性。
但早年行业曾出现盲目跟风做 IP 的乱象,大量产品批量上线形象却落地效果极差。想要打造具备商业价值、适合放进作品集的 IP,必须同时满足四大硬性标准,缺一不可:
  1. 形象固定统一

    image.png

    拥有成套稳定的角色设定(如 Line Friends 家族),全套三视图、比例、造型特征统一,能在用户心智中形成牢固记忆;仅零散出现的拟人装饰元素,只能算作页面插画,不属于完整 IP。
  2. 视觉简洁轻量化

    image.png

    适配移动端界面,造型简约、识别性强,不会抢夺界面核心信息视觉权重,扁平化矢量风格适配度最优。警惕流水线 AI 生成的复杂 3D 卡通形象:细节繁杂、适配界面极易违和,不适合作为品牌标准化 IP。
  3. 情绪表达丰富

    image.png

    配套多套表情、动态、肢体姿态,可适配成功、报错、等待、引导等多元交互场景;造型僵硬、无情绪延展空间的形象,仅等同于装饰 LOGO,无法发挥情感化价值。
  4. 完整成熟的设计质感
     
    当下优质商业 IP 供给充足,粗糙、比例失调、配色廉价的形象只会引发用户反感;劣质 IP 放进作品集,反而会暴露设计师审美短板,成为扣分污点。
IP 并非 UI 项目的必备模块,若无法满足以上四点,不如舍弃,强行堆砌只会拉低整套作品专业度。

二、作品集 IP 形象规范落地方法

image.png

满足基础标准后,重点解决:如何完整展示 IP,让面试官看到你的商业落地能力。
 
很多设计师的误区是:只放一套 IP 三视图、多角度立绘。如今 AI 生成全套视图门槛极低,仅靠静态角色图完全无法体现你的设计思考,作品集的核心考察点,是IP 与产品全场景的融合落地应用
移动端项目中,IP 共有四大核心落地载体,作品集需针对性排版呈现:

1. 界面装饰类

image.png

作为 UI 体系内置视觉组件使用:空白页占位图形、系统默认头像、空数据状态插画、弹窗辅助装饰等,融入界面布局,做到主次层级分明。

2. 交互动效类

image.png

最高频应用场景:加载 Loading 动画、新手启动引导、操作成功 / 报错反馈、直播互动礼物动效、下拉刷新动态形象,直观体现情感化交互设计思路。

3. 社交表情包类

image.png

社区、内容、社交类产品必备,成套表情包适配评论、私信、动态发布场景,展示 IP 情绪延展与轻量化适配能力。

4. 运营物料类

image.png

覆盖产品营销全链路:开屏广告、首页 Banner、节日活动 H5、线上线下活动海报,体现 IP 跨场景商业化延展能力。
载体可根据项目定位选择性展示,但核心原则统一:杜绝 “IP 和界面割裂”。不少反面案例形象风格与产品调性严重冲突(例如茶饮品牌 IP 视觉违和,观感如同日化产品视觉)。
 
造型越简约的 IP,跨界面、跨物料适配容错率越高;造型繁复、装饰堆砌的形象,极易出现融合生硬、画面杂乱的问题。
AI 只是辅助出图工具,无法替代设计师对品牌调性、用户情绪、界面层级的综合判断;建立成熟的 IP 审美与场景适配思维,是区分初级设计师与专业 UI 设计师的关键门槛。

三、提升 IP 审美与设计感知的实用建议

image.png

想要持续精进 IP 设计判断力,日常可以多逛潮玩、盲盒线下门店。近几年国内原创 IP 产业快速成熟,用户对角色人格、视觉质感、故事性的要求持续提高,单一可爱造型已经很难打动用户。沉浸式观察成熟商业 IP 的造型逻辑、配色体系、周边延展思路,能快速建立直观审美认知。
后续若本篇反馈热度较高,会更新一套从 IP 概念草图、人设搭建、动态延展到全场景落地的完整实操教程。

文末评论区核心观点整理

  1. Loading 页搭配 IP 动效,能有效缓解用户等待烦躁感,情感化价值落地直观;
  2. 简约是 IP 适配各类界面的核心关键,复杂形象后续延展隐患极大;
  3. 阿里动物园系列 IP 经过多年迭代,视觉统一、场景适配成熟,是经典学习范本;
  4. AI 快速生成 IP 视图门槛低,作品集务必补充落地应用场景,拉开个人设计竞争力。

 

 

转载:优设

 

 

兰亭妙微(蓝蓝设计)www.lanlanwork.com 是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计B端界面设计桌面端界面设计APP界面设计图标定制用户体验设计交互设计UI咨询高端网站设计平面设计,以及相关的软件开发服务,咨询电话:01063334945。

 

image.png


兰亭妙微ui设计公司分享:创意拉满!10 个不落俗套的 LOGO 设计实战思路

清阳 平面设计

前言

兰亭妙微ui设计公司分享:当下品牌视觉赛道竞争白热化,一枚有巧思、有内核的 LOGO,既能瞬间抓住大众视线,更能完整承载品牌核心价值与精神底色。本文整理 10 套跳出固化思维的 LOGO 创意设计方法,搭配全球经典知名品牌案例,帮设计师快速打开创作思路,落地可复用的优质视觉方案。

一、极简主义:以简驭繁,少即是多

 

信息过载的当下,极简 LOGO 依靠利落线条、纯粹色块、无冗余轮廓,大幅降低识别与记忆成本,适配线上头像、门头、印刷物料全场景。 经典案例

  • Apple:剔除多余装饰,仅保留干净苹果轮廓,直观传递简约、先锋的科技创新调性;image.png
  • Nike:单根流畅 Swoosh 勾形,用极简线条诠释速度、活力,成为运动精神的符号代名词。

    image.png

二、双层隐喻:图形暗藏双重叙事

让标识表层形态传递直观印象,底层暗藏品牌故事、行业理念,用户发掘隐藏细节时,会加深对品牌的好感与记忆点。 经典案例

  • FedEx:字母 E 与 X 衔接处暗藏向前箭头,隐喻物流高效、极速配送;

    image.png

  • Amazon:从首字母 A 到尾字母 Z 的连贯箭头,寓意商品品类全覆盖,一站式全品类服务。

    image.png

三、巧用负空间:留白亦是设计语言

把图形空白区域转化为视觉载体,在正负形交织中藏入专属符号,赋予 LOGO 层次感与艺术巧思,避免设计单薄空洞。 经典案例

  • Toblerone:山峰轮廓的负空间里藏着小熊图案,呼应品牌瑞士起源与本土传说;

    image.png

  • WWF 世界自然基金会:依托黑白正负形勾勒熊猫轮廓,极简表达自然保护的核心主张。

    image.png

四、色彩策略:用色调唤醒情绪共鸣

色彩绝非单纯装饰,不同色系会唤醒大众潜意识情感,精准匹配品牌定位,快速建立专属视觉记忆点。 经典案例

  • Google:多元明亮四色组合,象征包容、多元、无限探索的互联网精神;

    image.png

  • Pepsi:红白蓝经典配色融合复古与潮流,兼顾老牌底蕴与年轻化时尚感。

    image.png

五、定制字体设计:文字自有品牌性格

摒弃通用免费字体,通过手写、笔画变形、字重调整、连笔改造打造专属字标,文字本身就能诉说品牌气质。 经典案例

  • Coca-Cola:复古手写连笔字体,自带百年品牌的温暖怀旧氛围感;

    image.png

  • Disney:弧度梦幻的定制字体,完美烘托童话、浪漫、奇幻的品牌内核。

    image.png

六、动态 LOGO:静帧有质感,动效有温度

不再局限静态平面,配套动态衍生版本,适配短视频、开屏、社交平台等新媒体,贴合年轻受众审美,强化品牌传播趣味。 经典案例

  • MTV:静态标识辨识度拉满,动态变体适配各类视频栏目,灵活多变;

    image.png

  • Google Doodles:节日、纪念日专属动态 LOGO,持续拉近品牌与用户距离。

    image.png

七、标识迭代设计:传承经典,适配时代

 

品牌 LOGO 升级需平衡传承与革新,保留大众熟知的核心符号,同步简化线条、优化比例,适配当代审美与多元媒介。 经典案例

  • Shell 壳牌:历经多轮改版,始终保留贝壳基础形态,全球识别度稳定;image.png
  • Starbucks 星巴克:从繁复复古美人鱼,迭代为简约线条人鱼图形,咖啡文化内核始终不变。

    image.png

八、绑定品牌故事:图形承载情感价值

每一枚优质 LOGO 都有专属故事支撑,视觉符号与品牌起源、创始人经历、品牌使命深度绑定,构建情感连接。 经典案例

  • Lacoste 鳄鱼标:源自创始人网球赛场的专属绰号,形象鲜活有故事;

    image.png

  • Puma 美洲豹标识:以敏捷猛兽为原型,传递运动、爆发力、自由的品牌内核。

    image.png

九、突破常规造型:打造差异化视觉符号

摆脱规整圆形、方形束缚,运用不对称构图、柔和曲线、抽象异形搭建标识,在海量同质化 LOGO 中脱颖而出。 经典案例

  • 奔驰三叉星:简洁几何星形,诠释出行、机械、高端精工的品牌追求;

    image.png

  • 奥迪四环:四圆环交错的独特组合,象征四大车企合并的历史渊源与协作精神。

    image.png

十、互动式 LOGO:设计不止于静态视觉

打破单一展示属性,设计可变形、可自定义、可场景适配的 LOGO 体系,让用户参与视觉体验,深化品牌社群归属感。 经典案例

  • Instagram:从初代写实相机图标,迭代渐变潮流扁平标识,紧跟社交视觉趋势;

    image.png

  • Airbnb 专属 Bélo 符号:图形寓意共享、信任、归属感,深度融入租房、旅行全场景,塑造独特社群文化。

    image.png

结语

LOGO 设计从来不止是美学创作,更是一套完整的品牌视觉战略。以上 10 套创意方法,覆盖图形、色彩、字体、动态、迭代、用户体验全维度创作逻辑。 所有经久不衰的品牌标识,都经过反复推敲,牢牢抓住品牌核心特质。大胆打破固有设计套路,深挖品牌内核,才能打造拥有长久生命力、自带传播力的优质 LOGO。

 

转载:优设

 

 

兰亭妙微(蓝蓝设计)www.lanlanwork.com 是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计B端界面设计桌面端界面设计APP界面设计图标定制用户体验设计交互设计UI咨询高端网站设计平面设计,以及相关的软件开发服务,咨询电话:01063334945。

 

image.png

没想到我一个没有绘画基础的设计师,也能做这种海报!

之晨 平面设计

北京兰亭妙微 UI 设计公司,成立 16 年来,始终保持着对国内外优秀设计作品的学习与研究。我们持续追踪全球前沿的 UI/UX 设计趋势,从中提炼可落地的设计方法论,分享给同样热爱设计的你。

全文速览图

image.png

对于一些视觉海报,有了创意,但效果不太处理得好,借助AI的力量,让你轻松拿捏!

首先是创意设定,草图这一块,我们运用夸张(大小对比)的创意技法,搭建好构图。

image.png

这也是我们在做海报会经常用到的创意技法,冲击力以及效果都嘎嘎好使。

像另一张番茄与猫的海报,同样是大小对比的上下结构构图:

image.png

技法其实没什么难度,结合好了那就是一张优秀的海报作品。

那我们再回到第一张的草图。

image.png

我们预想的是做逆光的光影氛围效果,但不明确光应该怎样打,于是找了如左图的参考,让背景类似于在室内,有道门溜了一条缝,光从室外通过门缝,照射到主体物上面,按此思路,铺个大效果,确认光源方向,明确受光面和投影方向。

image.png

接下来把图交给AI生成,写关键词要明确表达出:

  1. 画面风格
  2. 颜色调性
  3. 光源方向,其他具体的细节层面根据需要补充

image.png

细看生成的图,小猫不太精致,主要集中在头部的BUG,手动修正脸部五官的扭曲,以及明确头顶耳朵的结构。

image.png

用黑白画面来看下视觉重心,当前是巨大的主体物让画面的视觉重心集中到了右侧。

image.png

所以我们需要在画面的左上方加入元素来把视觉重心往回拉一些。

image.png

我们将文字标题放在了那个位置,并加入排版,让标题叠压在番茄的下面,做出层次,并选择深色字体,用于与小猫身上重色进行颜色平衡。

image.png

纯黑的标题与亮色背景对比太强,过于突出吸睛,于是将其变灰一些,减少对主体物的干扰。

image.png

将标题文字调整为深棕色,符合画面的暖色调,并加入一点背景的暖黄色,让其能融入进背景而不至于脱离于环境导致太割裂,然后加入一层杂色效果,增加整体画面质感细节。

image.png

以上就是我们出设定,用AI辅助结合局部手动调

转载自优设网

兰亭妙微(蓝蓝设计)www.lanlanwork.com 是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计B端界面设计桌面端界面设计APP界面设计图标定制用户体验设计交互设计UI咨询高端网站设计平面设计,以及相关的软件开发服务,咨询电话:01063334945。

 

image.png

 

品牌误区:只做视觉设计,永远打造不出有生命力的品牌

涛涛

不少企业打造品牌时陷入单一误区:把预算大量投入 LOGO、包装、UI 视觉美化,以为单凭高颜值就能拉高品牌溢价,最后却陷入 “路人围观多、实际转化少” 的困境。深耕全链路品牌体验十六年的兰亭妙微始终坚持一套底层逻辑:视觉设计只是品牌外在外衣,系统化品牌策划才是支撑品牌长久发展的内核根基,只重设计、忽略策划,最终只能做出徒有外表的空壳品牌。

AI如何重构活动设计?来看腾讯高手的全流程设计复盘!

之晨

北京兰亭妙微 UI 设计公司,成立 16 年来,始终保持着对国内外优秀设计作品的学习与研究。我们持续追踪全球前沿的 UI/UX 设计趋势,从中提炼可落地的设计方法论,分享给同样热爱设计的你。

一、全文速览图

image.png

二、项目概述

image.png

夏日试玩节是 WeGame 平台每年夏季固定推出的季度性运营活动,主要承担着「为生态游戏提供集中曝光、带动用户对新游戏认知与体验」的作用。正因为是年度固定栏目,今年的设计也面临两个必须回答的问题:

一是怎么在延续往期感觉的同时做出一点新意——既不能让老玩家觉得"今年怎么和去年一样",也不能脱离品牌资产另起炉灶。怎么在"熟悉"和"新鲜"之间找到平衡,让活动每年都有"值得再看一次"的理由,成为本次设计的首要目标。

二是在不绑定具体游戏的前提下,把氛围撑起来——活动不绑定任何具体游戏,需要思考如何靠"夏日"这个主题本身去带出情绪和调性。带着这两个问题,我大致梳理了一下这次项目在设计层面的几个特点:

  1. 主题驱动,弱化游戏 IP:以"夏日"作为唯一的情绪锚点,用季节氛围去替代具体的游戏美术做视觉牵引
  2. 产出链路比较完整:从主视觉、叙事动画、活动长页面,到组件设计、奖励资产,是一次从概念到落地的全流程练习
  3. 整体偏轻松明快:区别于平台日常的深色科技调,需要做出更有季节温度感的设计语言

整个项目从概念发散到最终落地,几乎全程借助三谦 AI 设计平台完成——包括前期的多方向概念探索、主视觉及元素的生成与迭代、Seedance 2 视频能力输出的入场动画和动态入口,以及组件和字体的批量产出。三谦在这个项目中不只是某个环节的"加速器",而是贯穿了从第一张概念草图到最终上线物料的完整链路。接下来的文章会结合具体设计过程,展开聊聊三谦在各环节中的实际应用和使用体会。

三、AI 助力下的概念提案——2天2个完整概念

往年的方案大多走的是深色科技调,视觉围绕平台感和数字世界展开——这套风格和 WeGame 的平台调性是一脉相承的。

image.png

WeGame往年夏日活动KV

蛋蛋君作为WeGame 的 IP 形象,是平台和玩家之间的一个熟面孔。过往平台视觉大多围绕蛋蛋君、PC 游戏元素、桌面载具这几个固定符号展开,今年我想在这个基础上——以强叙事的方式,让蛋蛋君在试玩节里经历一场(?)的夏日冒险。

image.png

WeGame IP蛋蛋君

下面我借助三谦AI 快速探索了两个概念方案。

提案1:这个夏日,发现你的游戏宝藏

提到"夏日",最先冒出来的关键词无非是阳光、海滩、海洋这些。但如果只是把这些元素堆上去,画面会很常规,也很难和"试玩节"本身建立关联。

试玩节的核心是"玩到好游戏",那能不能把"好游戏"包装成一种值得去争夺的东西?顺着这条线,"游戏宝藏" 这个概念就出现了:玩家通过试玩去赢取宝藏,玩法和叙事就被串到一起了。

1. 让视觉主题为玩法服务:先想清楚"这个故事怎么玩"

在确定主视觉之前,我想先把视觉主题和活动玩法绑在一起——视觉不只是装饰,而是要能撑起活动机制本身。所以我先尝试着推演了两种可能的玩法形式:

玩法一:「从章鱼手中夺宝」

机制:机械章鱼的每条触手代表一个游戏品类(或一款游戏),玩家完成试玩任务→ 逐步"解除"一条触手 → 获取对应奖励。

价值:玩法路径清晰、视觉化强,每一步进度都能在主视觉上"被看见"。

玩法二:「宝藏潮汐」

机制:每天/ 每个时段,章鱼会"丢出"不同的宝藏(限时试玩游戏),像潮汐一样有涨有退,分批次释出游戏资源。

价值:制造稀缺感与紧迫感,驱动用户多次登录,对DAU 有帮助。

这两种玩法都指向了同一个视觉核心:一个握有多份"宝藏"、可以被逐步攻克的角色。也正是这一步让"机械章鱼"这个角色的合理性变得清晰——它不只是一个画面里的反派,更是承载玩法机制的视觉载体。

2. 为什么是机械章鱼?一个"大海守卫者"的选型过程

确定了"宝藏 + 守护者"的结构后,我开始想这个角色具体长什么样。它要能撑起对抗张力,又要符合海洋夏日的设定。

最初尝试过「龙」等几个方向,但要么太常规,要么和夏日氛围不太搭。后来想到克苏鲁文化里的章鱼形象——本身就带有海洋神秘感,更关键的是,章鱼的多条触手刚好可以"抓着"各种游戏元素,天然适配前面玩法里"每条触手对应一个游戏"的设定。

最后再加上机械化的处理,一方面降低恐怖感,更贴近活动的轻松调性;另一方面,机械感也让这个角色和WeGame 的平台调性保持了一致。

image.png

早期AI跑图

3. 确定下来的方案

核心叙事:大海守卫者(机械章鱼)守护着今夏最好玩的游戏宝藏,你和蛋蛋君要从它手中赢取宝藏。

画面调性:皮克斯动画感、明亮夏日、冒险向、有对抗张力。

页面设计语言:藏宝卷轴地图、波纹纹理、海洋夏日元素。

这个方案的优势是有明确的"反派"和冲突,叙事性最强。在刚进入活动页面的开头,我还为它做了一段几秒的剧场幕布形式的叙事动画——由海底的蛋蛋君偷走游戏宝箱,过渡到主KV海面追逐场景。

image.png

提案2:一键入夏!桌面上的夏日大冒险

1. 小角色× 大桌面幻想场景的反差

对我来说,夏天是待在房间里、坐在电脑前,从中午玩到天黑——窗外蝉鸣,屏幕里是另一个世界。我猜很多 WeGame 的年轻用户也是这样:暑假的记忆不在海边,而在桌面前。

所以我想:能不能把这种"足不出户却抵达任何地方"的感受直接画出来?它是一种悠闲明亮的感觉。

我希望整个画面聚焦在一个微缩的桌面场景上——小蛋蛋君× 大桌面幻想场景

小的部分:蛋蛋君是一个被"装"进日常生活里的小小主角;
大的部分:屏幕里的世界正在"溢出来"——海浪、游戏生物、光束、像素粒子从屏幕中涌向四周,整张桌面被一场奇幻的夏日冒险覆盖。

2. 确定下来的方案

核心叙事:夏日的午后,少年坐在桌前打开WeGame——海洋、生物、光从游戏世界中涌出来,把整张桌面变成了一场奇幻冒险。

画面调性:明亮夏日、奇幻、日常× 幻想奇遇。

画面结构:微缩桌面为视觉中心,幻想元素从屏幕向外扩散,形成"现实 → 幻想"的层次感。
相比方案一,这个方案更偏情感向,想表达的是:你不用出门,打开WeGame 就能抵达任何地方。

image.png

image.png

image.png

3. 两个方案的取舍

最终两个方案都获得了认可。考虑到夏日试玩节作为平台年度大型活动,需要更强的视觉张力和叙事钩子来撑住量级,方案一作为主方案推进上线;方案二的"微缩日常"思路则被保留下来,作为未来日常活动设计可以延展的方向。

四、设计执行

确定主方案之后,整个执行过程其实就是不断把"宝藏冒险"这个故事拆解到每一个环节上。下面从开场体验到核心画面再到页面细节,展示最终方案的设计思路和效果。

活动体验链接:https://www.wegame.com.cn/act/wegame/wegame20260525/index.html

1.主KV设计

主视觉的风格方向定为皮克斯动画感+ 明亮夏日 + 冒险张力——画面要有动画电影海报的质感,色调明亮饱和但不轻浮,整体带有戏剧性的故事张力。

区别于往年深色科技调的处理,这次主动选择了蓝色海洋为主色调、明亮天光为氛围基底,让画面一眼就传达出"夏天"和"冒险"两个信息。风格上追求2D厚涂和 C4D/Blender 风格化渲染的混合质感——圆润、通透、色彩丰富,既有体量感又不沉重。

本次活动产出了两张KV,分别承担不同的场景职责:

KV1用于平台内外的 Banner 推广位,需要在更小的尺寸内快速传达冲击力和故事感。

构图逻辑:采用低视角、鱼眼镜头般的冲击力视角。蛋蛋君驾驶手柄飞行器从画面中心偏下的位置高速冲向观众,身后的机械章鱼正在追赶——整个画面呈现出一种"迎面冲来"的动势,在信息流/Banner 等场景中能快速抓住注意力。

主角关系明确:和首页背景不同,这张的叙事重心在蛋蛋君身上——他是画面的前景焦点,章鱼退到中远景作为"追赶者"。这样的安排让画面有明确的故事方向感:蛋蛋君在逃、章鱼在追、宝藏在抢,一眼就读懂发生了什么。

两侧海浪对冲:巨浪从左右两侧向中心对冲翻涌,蛋蛋君从浪的缺口中冲出——既制造了速度感和紧张感,也在构图上形成对称的视觉框架,把视线锁定在中心人物上。

远景点缀:右上角的小岛、鱼群等元素补充了"夏日海洋"的世界观细节,丰富画面信息但不抢主体。

KV2作为活动首页的背景,需要同时承载氛围感和信息传达。

构图逻辑:章鱼Boss 居中偏上占据 C 位,体量最大、视觉重量最重——它是整个"争夺宝藏"叙事的核心角色。触手向两侧展开,分别抓着游戏机、游戏手柄、游戏奖杯、WeGame logo笔记本电脑等平台相关元素,既撑满了画面宽度,也传达了"它守护着这些游戏相关元素"的信息。

中心留白给标题:章鱼身体下方刻意留出了空间,放置「夏日试玩节」主标题和活动日期信息。标题和章鱼形成上下呼应——章鱼是视觉锤,标题是信息锚,两者各占其位不互相干扰。

海浪包裹感:整个画面被翻涌的蓝色海浪环绕,形成一种向中心汇聚的动势——视线被自然引导到中心的章鱼和标题上。左右两侧的海浪也充当了"画框"的角色,让页面在视觉上有边界感,不会散。

image.png

KV设计过程中发现有不合适的地方,借助三谦AI快速进行了调整。实际上原先只做了KV1,放进活动首页作为背景时发现:层次不分明——很难在中心区域稳定地放置标题和功能模块。幸好有三谦AI平台,很快调整迭代了字体和新构图KV。而最先做的追逐构图也没有浪费,直接转为 Banner 广告图使用。

image.png

2.页面体验

开场叙事动画

进入活动页后,会先自动播放一段3-4 秒的入场动画——画面从绘本插画风格的"小剧场"场景快速过渡到主视觉KV,用一个短短的镜头把活动的核心叙事(蛋蛋君和机械章鱼争夺游戏宝藏)快速传递给用户,过渡到KV,让人在看到活动内容之前,先感受到"这是一段冒险故事的开场"。

这个设计的目的是:让活动页不是一打开就是一个信息页面,而是有一个"进入故事"的仪式感。 视频结束后画面渐隐过渡到活动长页面,动态到静态的切换不会有突兀的割裂感。
制作上使用了三谦中的Seedance 2 视频生成能力:分别以小剧场画面和主KV 作为首尾帧生成过渡动画,再在 AE 中进行抠像和拼接,最终合成为一段流畅的入场序列。

首图视差效果

活动首页已经有了入场动画和GIF 动态入口,但用户在首屏停留时如果只是一张静态图,还是会觉得比较呆板。所以在首图区域加入了视差交互——鼠标在页面上移动时,海浪、章鱼、前景元素以不同速度响应,让用户感受到画面的空间纵深,增加了首屏的可交互性和空间感。

视差效果的实现需要设计同学自己将主视觉拆分为多个透明图层(前景浪花、中景章鱼、远景天空等),并为每层设定不同的景深参数。为了快速验证视觉体验,我用CodeBuddy 做了一个视差效果预览工具——可以直接导入拆好的图层,通过右侧面板实时调整每层的 depth 深度值、位移幅度、模糊平滑等参数,即时预览效果。工具还支持导出可分享的 HTML 和参数 JSON,方便直接给重构同学参考还原。

这样省去了反复切图→写代码→看效果→再调的来回过程,设计侧就能把体验效果调到满意再交付。

image.png

Codebuddy快速跑的视差效果调试工具

页面模块设计

页面的其他模块(信息展示、游戏榜单、最新资讯等)在之前平台活动【周末免费玩】的框架基础上,进行了主题化的设计包装——整体色调统一为深蓝海洋调,信息容器加入了海浪边框和气泡质感的细节处理,各模块标题做了海滨冒险氛围的主题化设计,让整个长页面从上到下保持在"夏日宝藏冒险"的世界观里。这部分页面设计主要由同事陈诺负责完成。

另外在页面最底部,我藏了一个小彩蛋——一只海绵和一只海星。不影响任何信息传达和功能,但滑到底的用户会发现这个小细节。算是在整体规范之内给自己留的一点小趣味。

image.png

3.组件设计

页面小组件的设计上我也贴合了整个活动主题的设定,希望让用户沉浸在"宝藏冒险"叙事里的。

主标题设计

本次活动字体设计也是全部由AI生成。考虑到本次活动调性偏活泼冒险,字体设计上我希望:一是块面感要重,能在视觉重量上压得住身后那只巨大的章鱼,不被画面吃掉;二是风格不能太机械生硬,要带有手绘感和冒险气质的趣味,和整体"皮克斯动画+夏日冒险"的调性统一。

第一版字体做出来放进KV 后发现了问题——字形是两行横排的方块结构,章鱼也是横向铺开的,两个横向大体量撞在一起,画面缺少起伏。

于是做了第二版调整:配合画面中海浪涌动的动势,在字体两侧加入浪花做扩张处理,让字组呈现出两边高、中间起伏的轮廓变化;同时拼接椰树等夏日元素作为装饰,让字体气质和画面更加融为一体,而不是"贴上去的一行字"。

image.png

Seedance生成的字体设计动效

二级页入口设计

右侧二级入口这个位置承担「评测赏金令」的入口引导——设计上需要拿捏一个分寸:既要吸引用户注意到并点击,又不能抢了主画面章鱼的视觉主角地位。

我的做法是把蛋蛋君从主KV 中拆出来放在这里。蛋蛋君本身造型细节丰富、辨识度高,天然具有吸引视线的能力,作为独立入口放在右下角刚好合适。同时做成可循环播放的 GIF 动态——在以章鱼为主的大面积静态画面中,这个小范围的动态自然成为视线的第二落点,不需要放大尺寸或加强对比就能引导用户关注。

动态设计上做了一种伪3D 立体 × 2D 贴纸的混合质感处理——介于"真实"和"图形"之间,既有体积感又不会和主 KV 的风格抢戏,保持了整体画面的协调。

里程碑宝箱设计

「里程碑」这个模块的玩法是用户通过试玩不同数量的游戏来解锁奖励。为了让奖励体系和"夺宝"主题一脉相承,我设计了四级游戏宝箱——木、铜、银、金,对应试玩 1、2、3、5 款游戏的递进成就。

视觉上做了两个状态区分:未领取时宝箱合上锁,已领取时宝箱打开,内部露出金币和游戏机等"宝藏"。同时每一级宝箱的场景加入了对应的海洋元素和光影氛围——从最基础的锚和沙地,到珊瑚、海星,再到最高级别的章鱼触手装饰,越往后越"华丽",呼应了奖励不断深入的进程感。

image.png

五、识别与降低"AI味"

整体来看,AI完成了大约80%的”画面生产”工作,剩下的20%主要在于关键的人工创意+降低AI味。

这是目前AI 辅助设计中几乎不可避免的一个环节——AI 生成的画面哪怕完成度已经很高,但拼在一起总有一种说不上来的"不对劲"。可能是太满了、太均匀了、太光滑了,或者缺少某种人为的设计意图感。这种感觉很微妙,但用户能一眼感知到。

识别它、然后针对性地修复它,让画面看起来更自然、更像"有人想过的设计",是我在这个项目中花时间最多的事情之一。下面分享几个过程中积累的具体做法。

1. 先识别:AI味从哪来?

在动手修之前,要先知道"哪里看起来像AI的":识别出来之后再针对性处理,比盲目调整效率高很多。

image.png

Codebuddy给的AI味总结

2.参考图驱动,"左手倒右手"消除均匀感

AI 生成的东西有一种"很平的均匀感"——笔画粗细一致、元素分布均匀、材质质感统一。造型中规中矩、缺乏想象力。

比如蛋蛋君的设计。我的构思是他驾驶着一台游戏手柄形态的飞行器,正从章鱼的包围中冲出来——有速度感、有冒险感。

如果直接用描述性关键词去生成(比如"蛋形机器人驾驶手柄飞行器,正面视角,C4D 风格,干净背景"),出来的结果往往很平,缺乏想象力——造型中规中矩,动态感也不够。

问题在于:幻想性的画面需要幻想性的参考来激发。 纯靠文字描述,AI 容易陷入"最安全的解"。于是我换了个思路——先找到一张氛围开阔、造型有想象力的参考图作为风格锚点,再加入自己的想法引导AI 生成手柄飞行器冲出的画面。出图后再逐步调整比例、打磨细节、统一风格,经过几轮迭代,最终得到了比较满意的设计。

AI 有了"视觉方向"后,出图的风格准确度和想象力会明显提升。

另外还可以"左手倒右手":把 AI 生成的结果导出,手动做一些微小调整,再喂回三谦让它基于调整后的版本继续优化。几轮来回后,画面就会打破那种"一眼AI"的均匀感,变得更像有设计师意图在里面。

image.png

AI蛋蛋君主体设计过程

3. 局部标注"指哪改哪",比全局重新描述精准

例如机械章鱼的设计。

AI 最初生成的机械章鱼存在几个明显问题:材质过于复杂、细节堆砌,整体观感偏暗甚至有些"恐怖",和活动轻松明快的调性不符;触手上抓着的元素存在崩坏(结构错乱、形态不自然),而且和WeGame 平台没有任何关联——这是 AI 生图常见的问题,它会"填满"画面但不理解内容的意义。
处理上分了几步:

第一步:剥离干净的章鱼主体。先用AI 去除画面中的蛋蛋君、标题等干扰元素,只保留单独的机械章鱼,作为后续修改的基底。

第二步:逐步替换触手上的元素。我希望章鱼的触手分别握着和平台相关的物品——键盘冲浪板、带 WeGame logo 的笔记本电脑、游戏奖杯、鼠标、游戏手柄。但一次性通过关键词把所有元素都描述清楚,生成效果往往不理想(AI 很难同时精准控制多个局部细节)。

这里用到了三谦平台自带的参考图标注功能——直接在图片上圈出需要修改的区域,指定替换成什么元素。相比纯文字描述,这种"指哪改哪"的方式准确率高了很多。

image.png

4. 构图和质感分两轮做

想一次性让AI 同时解决"画什么在哪里"和"长什么质感",往往两头都做不好。

做法:分两轮。第一轮只关注构图和元素位置。确认构图满意后,将出图提取为线稿+色稿,叠加希望的材质风格参考图,用三谦重新生成第二轮——这一轮只负责"穿好皮肤"。先画对位置,再穿好衣服。

image.png

六、AI提效提质

1.流程结构的变化

比起单纯说"某个环节快了几天",我觉得更值得聊的是 AI 对整个流程结构的改变。

过去的流程是线性串联的:找参考→ 多人出概念草图→ 草图修改细化确认方案→ 3D建模/渲染/后期修图→ 定稿后才能启动组件、字体、页面……每一步都依赖上一步完成,决策发生在中后期,推翻成本很高。整个周期至少 8-10 周,多人协作。

这次借助三谦,流程上可以前期压缩时间,后期并行推进,变成了:一人 2-3 天产出多套完整度较高的提案方案(含配色、字体、动效演示)→ 基于接近成品的画面直接拍板 → 主KV打磨、组件、字体、动效并行推进。整体包含监修等花费约 4-5 周,1-2 人完成。

整体项目周期缩短约 50%,人力投入减半,前期决策周期从 2-3 周缩短到 3 天。

image.png

2.省下来的时间,花在了哪?

整体看AI确实为整个项目节省了不少时间,但在流程中花在后期的时间多了。个人的感受是AI 能快速帮你实现大约 60% 的完成度,剩下 40% 往往需要花掉大部分时间。

个人感受是,前期省下来的时间去了四个地方:

让决策更早发生

2-3 天就能出完整方案,leader 和产品运营可以基于高完成度的画面做判断,不再凭想象决策。决策越早,后期推翻的风险越低。

多方向充分试错

同时跑多条IF 线快速排除——不确定想要什么的时候,先快速知道不想要什么。过程中发现构图、层次等问题可以即时修正,调整成本从"天"降到了"分钟"。

打磨体验细节

过去光把主KV 做出来就耗尽了大部分精力,入场动画、视差效果、GIF 动态入口、宝箱递进设计这些"锦上添花"的事很难有余力去做。现在有了余力,这些细节决定了用户体验是"70分的够用"还是"90分的完整"。

降低 AI 感、统一品质

AI 出图快但"均匀"——层次扁平、细节堆砌、风格不统一。反复横跳调整,消除"一眼AI"的均匀感,让最终交付看起来是一套有设计意图的完整方案,而不是一堆 AI 拼图。

AI 让"从 0 到 1"变快了,省下来的时间让我有余力把"1 做到 1.0"。 提效的意义不只是快——是让你有时间去把东西做得更好。

image.png

七、结语

这个项目做下来,最大的感受是:AI 改变的是生产环节,但没有改变设计本身需要回答的那些问题——做什么方向、为什么是这个方向、画面层次怎么处理、体验节奏怎么编排。

它把能力分布从"会做"前移到了"会判断"。AI 给得越多越快,越需要清楚自己要什么——人人都能使用AI,但做出来的成果质量存在区别

转载自优设网

 

 

兰亭妙微(蓝蓝设计)www.lanlanwork.com 是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计B端界面设计桌面端界面设计APP界面设计图标定制用户体验设计交互设计UI咨询高端网站设计平面设计,以及相关的软件开发服务,咨询电话:01063334945。

 

image.png

日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档