首页

版式乏味无新意?兰亭妙微精选创意版式设计合集|设计灵感专栏

涛涛 平面设计

在日常设计分享内容里,多数文章习惯单案例、单设计师深度拆解,这种方式优势在于讲解细致、逻辑完整,但长期浏览很容易产生审美疲劳。兰亭妙微设计团队本次换一种分享思路,不局限单一作品,从商业海报、画册内页、APP 宣传页、品牌长图等海量实战项目中,筛选一批创意十足、落地性强的优质版式方案分享给各位设计师,兼顾平面、UI、品牌视觉多场景,看完就能直接借鉴,快速拓宽排版创作思路。
很多设计师排版时只会套用标准栅格,页面横平竖直、元素规整对齐,成品工整却毫无记忆点。想要打造有趣耐看的版式,核心是在统一秩序中制造视觉变化,兰亭妙微结合多年政企、文创、科技类项目经验,整理四类高复用创意版式手法,搭配落地案例拆解

界面平淡无细节?兰亭妙微实操方法,快速提升设计形式感

涛涛 设计思维

做 UI、可视化大屏、软件界面设计时,很多设计师常会陷入瓶颈:页面版式单调、视觉层次薄弱,完整落地的作品缺少记忆点,无法快速抓住用户视线。深耕界面设计十六年的兰亭妙微(蓝蓝设计),常年服务航天、医疗、大数据、政企管理系统等项目,在数百套 B 端、C 端产品落地中,总结出一套高效提升形式感的实操方法,轻松摆脱界面平淡问题,打造层次丰富、辨识度高的视觉页面。

兰亭妙微UI设计公司分享:5 组产品设计高频易混术语辨析,90% 设计师都在用错

清阳 交互设计及用户体验

前言

日常做界面、写功能文案时,不少产品、UI 设计师常会混用形近义异词汇:登录 / 登陆、稍后 / 稍候、预订 / 预定…… 仅一字之差,语义边界却完全不同。用词失准不仅拉低界面专业度,还会误导用户、割裂操作认知。兰亭妙微UI设计公司整理 5 组互联网产品高频混淆术语,结合真实业务场景拆解区分标准,给大家一套可直接落地的界面用词规范。

一、登录 vs 登陆

核心定义区分

  1. 登录(login)—— 互联网专属术语
     
    指用户进入系统、App、网页的身份核验流程,核心目的是完成身份校验,授予用户数据读写权限:
  • 读权限:查看个人专属信息;
  • 写权限:留存用户操作、交互数据至后台。
     
    适用场景:账号密码登录、短信验证码登录、扫码登录、「当前未登录,登录后解锁完整功能」。
  1. 登陆(land)—— 通用实景 / 营销词汇
     
    本义指船只、台风抵达陆地,军事领域指渡水上岸;引申为新品、新功能正式上线、切入市场。
     
    适用场景:诺曼底登陆、台风登陆、「全新 CRM 产品即将登陆,敬请期待」。

    image.png

总结判断标准

  • 进入账号系统、核验身份 → 登录
  • 产品上新、实体抵达陆地 → 登陆

二、删除 vs 移除

二者核心差异:操作对象是否永久留存于系统数据库。
  1. 删除:不可逆永久清除,数据从底层彻底销毁,系统无留存记录。
     
    场景示例:商家后台废弃整场无效大促活动、通讯录永久删除客户。
  2. 移除:仅从当前视图 / 分组中隐藏,原始数据完整保存在系统,可恢复。
     
    场景示例:活动列表移除多余商品、企业微信「移出群聊」(成员账号不会被删除,仅脱离当前群组)。

    image.png

落地设计思路

不必机械二选一,用词贴合用户直观认知优先。以企业微信为例:
  • 移出群聊:弱化永久删除感,用户清晰知晓对方账号仍存在;
  • 删除客户:明确告知操作不可逆,永久清除联系人数据。

三、新建 vs 添加

image.png

区分逻辑:对象是「从零创造」还是「调取已有对象」。
  1. 新建:从 0 到 1 生成全新对象,需手动配置参数、属性,无前置存量数据。
     
    行业案例:Mac 系统「新建文件夹」、Sketch「新建图层 / 画板」、后台「新建商品」。
  2. 添加:调取系统内已存在的对象,归入当前集合,无需重新创建主体。
     
    行业案例:添加本地组件库、添加银行卡、添加已有联系人、照片库添加本地图片。

image.png

判断口诀

从零搭建、全新创建 → 新建;
 
调取存量、归入集合 → 添加。

四、稍后 vs 稍候

image.png

二者均表等待,但语法结构、使用句式严格区分。
  1. 稍候:独立完整祈使短句,可单独收尾,侧重「当前正在处理,请等待片刻」,对应英文 wait a moment。
     
    界面示例:加载弹窗文案「数据加载中,请稍候…」。
  2. 稍后:副词,不能单独成句,后必须搭配动词,指代「延后一段时间再执行操作」。
     
    界面示例:加载失败提示「系统加载异常,请稍后重试」。

快速区分

句末单独使用、无需追加动作 → 稍候;
 
后面紧跟操作动词(重试、提交、刷新) → 稍后。

五、预订 vs 预定

image.png

差异核心:是否涉及资金交易。
  1. 预订(订):关联钱款、交易行为,提前支付定金锁定商品 / 服务。
     
    适用:预订酒店、预订机票、预订线下课程。
  2. 预定(定):仅规划、敲定时间、计划、节点,无资金往来。
     
    适用:预定会议时间、预定婚期、项目预定上线节点。

极简区分

涉及付费、交易 → 预订;
 
规划时间、方案、目标 → 预定。

写在最后

不少从业者会觉得:只是用词差异,用户看得懂就行,没必要抠细节。但乔布斯曾提出:精准表达是产品设计的底层内核。
 
界面文字是产品和用户沟通的唯一文字载体,术语混用、用字错误,本质是设计细节把控不到位,直接损耗用户专业感知。作为产品、体验设计师,规范基础用字是做好用户体验的第一道门槛。
如果你在工作中遇到其他易混淆的界面术语,欢迎留言交流补充。
 

转载:优设

 

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

 

image.png

兰亭妙微UI设计公司:在大厂做 B 端定制化设计是什么体验?

清阳 交互设计及用户体验

 
兰亭妙微UI设计公司分享:钉钉从诞生之初便依托客户共创落地产品,多年来始终坚持「产品功能源于真实客户需求」的设计核心思路。
 
不少免费客户升级付费专属版后,受制于自身设计、研发能力短板,即便平台开放全套定制工具与能力,也很难打造出贴合自身企业调性、满足业务预期的钉钉应用。
基于此,我们推出大客户超级服务体系,以此破解企业定制落地难题。下文将以钉钉专属版大客户超级服务为例,拆解 ToB 定制服务完整链路,分享 B 端设计服务的落地方法论。

一、穿透表层问题,深挖客户底层真实诉求

image.png

客户提出的需求往往直白、片面,大多停留在表面观感与功能取舍:比如 “工作台界面观感简陋、不够大气”“页面模块冗余,希望直接删减”。
 
如果仅针对这类表层诉求做修改,只能治标不治本,很难建立长期稳定的客户信任。想要交付匹配企业业务的定制方案,必须跳出问题本身,从三大维度完整拆解客户真实需求:
  1. 厘清行业专属特征
     
    不同行业对视觉风格、交互逻辑的需求差异巨大。以传统媒体行业为例,产品页面需适配纸媒阅读习惯,侧重文字可读性、规整排版,整体视觉严谨克制;若设计风格与行业属性脱节,作为企业门户核心的工作台,很难获得客户认可。
  2. 区分客户生命周期阶段
     
    客户可按使用阶段划分为免费版、付费专属版两类。当企业完成付费升级后,若界面、功能无明显差异化感知,极易产生负面认知:“付费后没有任何升级体验,投入没有价值”,界面视觉作为用户第一感知触点,是化解该痛点的关键。
  3. 兼顾多方角色差异化诉求
    image.png
    B 端产品链路涉及多层人群,需求立场各不相同:决策者是付费买单方,项目执行者负责落地对接,企业管理者、普通员工是日常使用者。
     
    设计过程中,既要拆解各岗位员工的使用痛点,也要精准抓住决策者的核心关注点,同时输出完整落地素材,方便对接执行者向内部管理层汇报方案价值。

二、不止解决显性问题,交付超出预期的定制方案

客户带着负面评价提出修改诉求时,单纯整改问题只能平息不满;而设计师依托可视化设计产出,能够直观传递专业度、建立客户信任感。整套方案遵循「先解决刚需,再延伸增值体验」的思路落地:

1. 优先落地客户明确提出的核心优化项

image.png

围绕客户反馈的操作效率、业务适配、行业视觉三大核心痛点,结合前期实地走访、多角色需求调研完成迭代。
 
以传统媒体工作台优化案例为例:针对采编、审核、行政等岗位高频操作路径精简页面布局,调整版式字体适配内容阅读需求,剔除企业无用模块,直接解决客户直观不满。

2. 基于深度洞察延伸增值品牌方案

image.png

image.png

付费客户的核心隐性诉求,是拥有专属企业数字化门户,弱化 “通用钉钉” 感知,强化自有品牌归属感。
 
我们覆盖登录注册、办公应用、即时沟通全流程页面,植入企业品牌视觉与企业文化元素,打造专属化使用体验。
 
一方面让决策者直观感受到付费升级的差异化价值,认可方案贴合企业定位;另一方面为项目执行者提供完整、可视化的汇报素材,便于对内展示数字化建设成果。

三、用客户故事赋能方案汇报,建立长效持续服务

 

对内汇报时,我们能精准匹配汇报对象关注点调整表达逻辑;但对接外部客户时,常因不熟悉企业组织架构、业务场景,导致方案讲解难以引发共鸣。对此,我们将前期实地调研、一线采风素材转化为「客户真实故事」,融入方案汇报,让客户沉浸式感知设计价值。

1. 交互层:以「角色 - 行为 - 价值」讲清业务逻辑

遵循 Who(使用角色)-What(操作行为)-Value(落地价值)三要素,还原员工完整工作链路。
 

image.png

例如传统媒体编辑,日常需跨多套系统完成选稿、采编、校版,同时还要处理园区打卡、饭卡充值等行政事务。我们完整还原全流程工作场景,展示定制化设计如何打通业务断点、简化操作流程,让客户感知方案完全贴合自身业务。

2. 视觉层:实景采风传递企业文化共鸣

image.png

实地记录企业园区环境、员工真实工作场景、品牌视觉标识,将线下企业气质转化为线上界面设计语言。
 
设计方案不再是冰冷的界面改版,而是企业线下文化、办公氛围的线上延伸,更容易打动客户,契合企业对内传递文化形象的需求。

3. 倾听客户反馈,沉淀产品迭代机会,长效服务

每一次大客户走访,既能解决企业个性化定制难题,也能收集大量具备普适性的产品优化建议。
 
举例:不少企业管理者提出需要一键清除消息小红点功能,钉钉现有功能虽支持该操作,但入口隐藏较深。办公场景下,普通员工需要消息提醒避免遗漏工作,而管理者常被无关消息干扰,现有产品未针对不同角色做差异化适配。
 
这类来自一线客户的真实反馈,会同步沉淀为产品迭代思路,持续优化产品与配套服务。

写在最后

一套高质量 B 端定制服务,核心根基是深度洞察客户底层诉求,而非被动整改表层问题。
 
汇报环节依托真实业务场景故事传递设计内核,同时持续收集决策者、一线员工的使用反馈,反向推动产品迭代。只有精细化打磨适配企业全角色的每一处产品细节,才能让大客户超级服务真正落地到数字化服务的全流程中。
 

转载:钉钉用户体验官方账号

 

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

 

image.png

AI 驱动:如何重构IP全流程设计?

清阳 设计思维

兰亭妙微UI设计公司分享:聚焦搜索团队“一定橙”IP设计案例,深入剖析其从传统IP制作流程向AI驱动制作流程转型的核心动因与实践路径,结合真实案例拆解AI赋能IP设计的核心价值。

同时,立足AI技术深度渗透的行业发展趋势,抛出设计师如何维系自身不可替代性的深层思考,为行业同类IP转型及设计师职业发展提供参考。

一、转型AI生产流程核心动因

1. 业务层面

大事件运营与长线激励活动是撬动业务指标增长的关键。

IP 作为视觉符号,不仅是活动强化产品辨识度、打造专属的记忆点,更是沉淀资产、降本增效的核心利器,能为长线运营持续赋能。

2. 团队层面

传统 IP 生产工序多、高度依赖 3D 人员、长周期等痛点,已难以匹配业务的快速迭代需求。

从2025高考项目出发,搜索设计团队借助AI工具在25年以全年为目标重构 IP 生产,既是为了满足运营物料的质与量,更是为了突破场景限制、降低资源依赖,实现团队产能的跃迁。

3. 技术层面

AI 工具的普及不是设计行业的 “终局”,而是认知重构的 “开端”。

当 AI 成为设计流程的标配,如何让技术服务于核心需求而非束缚创意,如何在效率提升的同时,守护 IP 设计的原创性与情感温度,这不仅是设计师的个人命题,更是整个行业在 AI 时代的生存之道。

那么,以2025年高考的IP“一定橙”案例分析,看看我们在2025年全年做了什么?

二、AI赋能实现创新与效能的双向突破

1. 创新突破

流程创新: “多工种线性生产” 到 “任务模块化协同”

过去,IP 设计是一条 “2D 立绘→三视图→2D 转 3D→静态转动态→多端适配” 的线性流水线,每个环节都靠单一设计师扛,跨团队协作难、效率低,还容易出现风格 “断层”。

我们的流程创新主要走了两条路:

一是把设计任务模块化拆解,用 AI 实现多环节并行生产,打破时序限制的同时,保证风格全程统一;

二是靠 AI 一键转换 + 批量生成的能力,实现 “一次设计,全域适配”,不仅优化了团队的技能配置、降低了人力成本,更把跨场景适配的时间和成本压到了最低。

技术创新:“手工绘制” 到 “多模态 AI 生成”

传统 IP 创作的核心是 “手绘 + 基础软件”,设计师的手绘能力和软件水平直接决定了作品的上限,不仅效率低、创意容易被个人能力束缚,还很难批量产出。

而 AI 赋能下的技术创新,核心是用多模态生成技术替代手工创作,打造一条从 “文本描述” 到 “视觉呈现”,再到 “3D 建模、动态效果、衍生物料” 的全链路自动化生成通道。

2. 效能突破

从 “有限试错” 到 “无限可能性”

运用AI在前期创意探索周期可压缩 90% 以上,可通过文生图、风格迁移、元素融合等能力,在分钟级生成数千张不同风格、形态概念图和动画Demo,快速筛选出高潜力方案,验证创意可行性。

从 “重复劳动” 到 “精准高效”

传统 IP 制作里,2D 转 3D 是个大工程,又费时间又费人;而 AI 能一键实现 2D 转 3D、静态转动态、图文转视频,直接省掉大量成本。

到了后期做衍生内容,三视图、表情包、海报这些标准化物料,传统模式下又累又容易走形。

但只要用 LoRA 训练专属模型,再用 ControlNet 锁定 IP 的核心比例、色彩和质感,AI 就能批量生成完全符合规范的内容,效率直接提升 10 倍以上。

三、一定橙IP设计:全流程AI化工作流亮点拆解

亮点1:LoRA模型AI化生成

通过AI生成-抽帧-后期流程形成优质 IP 样本(如 30 张核心形象图)训练专属 LoRA 模型,锁定 IP 的核心比例、五官、色彩、质感。在后续的概念生成、多媒介适配、系列化创作中,调用 LoRA 模型即可快速生成符合特征的 IP 内容,确保一致性。

亮点2:基于LoRA+ControlNet 精准控制IP多维度形象

通过 LoRA+ControlNet 控制技术,误差≤2%,导入 IP 核心形象图,选择控制类型(如骨骼、深度、姿态、表情),即可精准控制 IP 的比例、姿态、角度。

首帧+标准化提示词可以稳定控制IP形象输出灵动细腻的动画。

亮点3:AI高效迁移多种风格

通过 AI 风格迁移模型,输入 IP 核心形象图与目标风格参考图,即可一键将 IP 形象迁移至多种风格(如 3D 转简笔插画)。

在转换过程中严格保留 IP 核心特征,确保风格统一、输出稳定,满足业务素材与物料的快速迭代需求。

四、IP应用场景

一定橙 IP 形象贯穿 2025 年多项核心活动,包括高考及渠道推广物料、暑期走路赚钱、组队赚钱、开学季等场景。

通过 AI 实现全链路 IP 渗透,在保障视觉质量的前提下,整体效率提升 50% 以上。

五、设计思考:AI技术与设计共创,实现本我价值最大化

AI 技术与设计创意的深度共融,本质是技术为创意赋力、人文为技术锚向的双向奔赴,而非单向度的工具替代。

它正在重构设计产业的全链路流程:既彻底解放了设计师的基础生产力,更打破了创意表达的固有边界,最终让设计真正回归 “以人为本” 的核心本质。

长期以来,设计师近 80% 的精力,都被消耗在机械重复的执行落地、素材拼接、参数调整等低价值事务中,创意的火花往往被繁琐的执行磨平。而 AI 的规模化介入,彻底消解了这一行业痛点,让设计师的核心精力得以真正回归到用户洞察、创意构思与价值创造本身。

随着 AI 在设计领域的深度渗透,行业内也涌现出诸多悲观论调:

有人说 AI 终将彻底取代设计师,商业设计的全流程都可由 AI 独立完成;

有人担忧设计行业将迎来大规模裁员,普通设计师会彻底失去市场立足之地;

更有人断言,AI 的零门槛创作会抹平专业设计的壁垒,设计师的个人创意与审美表达将不再具备商业价值。

但在我看来,AI 能替代的,永远只是「术」层面的标准化执行与重复性劳作,永远替代不了「道」层面的用户洞察、创意思考、审美决策与人文价值创造。

对设计师而言,真正的核心命题从来不是对抗技术浪潮,而是在 AI 时代锚定自身的不可替代性 —— 以人文为内核,以创意为核心,以技术为工具,在时代的洪流中始终保有前行的底气与主动权。

转载:人人都是产品经理

 

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

 

image.png

对话框不是万能的,AI产品的交互尽头在哪里?

清阳 行业趋势

兰亭妙微UI设计公司分享:很多产品经理认为,给产品塞进一个对话框就是“AI 化”了。但在 AI Center 的实践中,我们发现 LUI(对话交互)往往是产品设计的“懒惰表现”。

真正的 AI 原生交互,应该是让界面消失,让用户意图透明。

本人经过多年研究 AI 产品的交互,结合近期看到一篇 CHI 2026 最佳论文提名,推荐给做 AI 产品的小伙伴。

微软亚洲研究院 + 港科大提了个 IAI(Interaction-Augmented Instruction)模型。

核心一句话:AI 时代的交互不该只有“写 prompt”,而是“prompt + 各种交互形态”的混合体。

其实他们就做了三件事:

1、把 AI 时代的人机对话方式拆成了 6 个实体:人、文字、交互、增强指令(Aug)、AI、产物。

他们最关键的创新是把“增强指令 Aug”独立出来,作为 AI 真正消费的东西。

2、分析了 66 个 AI 工具,归纳出 12 种原子交互范式:点击改 prompt、画草图作指令、AI 给你做滑块挂在结果上随便调……每种都有对应的信息流图。

3、用模型推导出全新范式:比如“AI 主动发起 + 情境感知”(走进食堂,AR 眼镜直接问你吃肉还是菜并给个滑块)。

简单总结就是:专家技能正在从“Prompt Engineering”转向“Instruction Design”。前者是教用户写作文,后者是设计“工具+情境+控件”,让用户哪怕只点几下,也能合成出比 prompt 更精准的指令。

链接:https://www.microsoft.com/en-us/research/publication/interaction-augmented-instruction-modeling-the-synergy-of-prompts-and-interactions-in-human-genai-collaboration/

一、困局:被“对话框”绑架的 AI 产品

打开现在的 AI 应用,映入眼帘的几乎全是类似微信的聊天界面。

这种 LUI(Language User Interface)确实降低了开发门槛,但对用户来说,它存在两个致命的痛点:

1、“空白页恐惧症”:用户面对闪烁的光标,往往不知道该问什么。

2、高认知负荷:输入文字(或组织语言)本身就是一种高成本的体力与脑力活。

对话框只是 AI 交互的婴儿期。如果一个操作点击两次就能完成,强迫用户输入一句话就是设计的倒退。

二、 逻辑重构:从“功能搜索”到“意图识别”

传统 GUI(图形界面)的逻辑是:用户寻找功能。你想听歌,要先找音乐 App,再找搜索框,再打字。

AI 时代 UX 的底层逻辑是:系统识别意图

1. 意图识别(Intent Recognition)

未来的交互不再是等用户下指令,而是通过环境上下文(Context)捕捉意图。

案例:在智能座舱中,你视线看向窗外某个地标并问“那是什么?”,系统结合视线追踪(眼动)和高精地图,直接给出答案。这里没有复杂的菜单,只有自然发生的意图捕捉。

2. 生成式 UI(Generative UI)

这是目前最前沿的方向。界面不再是预设好的死板组件,而是根据 AI 预测的意图实时生成的。

如果你在聊出差行程,界面自动弹出的不是聊天文字,而是一个包含航班、酒店和天气对比的定制化表格。

三、进阶设计:主动交付(Anticipatory UX)

最好的交互是“不交互”。这就是我们正在卷的 “主动交付” 逻辑。

  • 从“拉”到“推”:传统交互是用户“拉取”信息(Pull);下一代交互是 AI “推送”结果(Push)。
  • 场景编排:AI 应该预判你的下一步。例如,当你设定了一个 8 点的会议,AI 发现路况拥堵,它不应只在 8 点提醒你开会,而应在 7 点提示你提前出门,并自动帮你启动车辆预热。

PM 的实战准则:判断一个 AI UX 好不好的标准,是看它减少了用户多少次不必要的决策。

四、给 AI 产品经理的 3 条交互避坑指南

1. 保留“逃生舱”:无论 AI 多么智能,其意图识别永远存在概率性的错误。界面上必须永远有一个显眼的、确定性的“手动干预”按钮,防止 AI 陷入逻辑闭环。

2. 拒绝“黑盒式”等待:AI 处理复杂任务需要时间。不要只给一个 Loading 转圈,要通过交互展现 AI 的“思考过程”(如逐步显示推理步骤),这能极大地缓解用户的焦虑感。

3. 不要为了 AI 而 AI:传统的进度条、开关掣、单选框,在特定场景下依然比对话更高效。顶级 PM 的功力,在于知道何时该给用户一个对话框,何时该给用户一个简单的物理按钮。

总结:交互的终局是“透明”

在大模型时代,我们对 UI 的理解正在经历一场从“人适应机器”“机器适应人”的革命。

下一代 AI 产品的竞争,不在于谁的对话框更好看,而在于谁能让用户感知不到界面的存在,却能精准地交付结果。

从 LUI 走向 Intent-Centric(以意图为中心),这才是产品经理和研发人员真正该卷的战场。

 

 

 

转载:人人都是产品经理

 

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

 

image.png

兰亭妙微UI设计公司:12个排版微调技巧,瞬间提高两倍设计感!

清阳 平面设计

今天兰亭妙微UI设计公司分享的内容依然是关于“排版微调”的续集啦。这次内容主要是把纯文字信息转换编排为具有图形化的设计表现。特别是在电商类的海报设计中,单纯的文字往往缺乏吸引力,而将文字图形化,则是提升信息传达力和视觉表现力的重要手法之一。

所谓“图形化”,并不是让文字失去可读性,而是通过形式语言的转化,让文字具备图像特性,例如通过图标式、盖章式、对话框、爆炸等视觉图形化的形式进行编排,让文字自己“说话”。这样做不仅能提高阅读体验,还能强化设计的细节质感,避免一堆单纯文字堆叠带来的视觉疲劳。

所以,别忽略文字的可视化,把关键信息进行图形视觉化,能够让受众在一眼看过去,就可以快速读懂、记住促销的卖点,从而产生认同和购买的冲动。

那么,关于“排版微调”的系列案例,我会不定时更新这系列。希望今天的内容能给你带来灵感~

 

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

 

 

转载:优设

 

 

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

 

image.png

兰亭妙微ui设计公司:一文吃透 AI 设计全链路:工具大全 + 落地案例 + 自动化工作流(上)

清阳 设计资源

兰亭妙微UI设计公司:AI 设计真正的提效逻辑,不是堆砌多款工具,而是用 AI 打通完整交付链路:需求生成、视觉迭代、设计转代码、批量产出 PPT、标准化沉淀可复用工作流。
 
整套 AI 自动化设计体系由Agent+MCP+Skills三大核心模块串联成标准化设计生产线,完整落地链路包含 6 大关键要点:
  1. 按需匹配工具:图像生成、通用大模型、代码辅助工具各有适用边界,选对工具大幅减少返工;
  2. 重构全场景设计链路:品牌 VI、营销海报、电商视觉、APP / 网页 UI 等全品类设计均可 AI 快速起稿、多轮迭代;
  3. 提示词决定产出上限:需求目标、画面风格、尺寸规格、页面模块描述越具体,成品越贴合项目真实需求;
  4. 流程自动化运转:Agent 负责需求理解与任务调度,MCP 打通 Figma、代码编辑器等本地软件,Skills 执行细分标准化任务;
  5. 缩短交付周期:原始需求文档可一键转化页面、PPT、APP 界面,省去大量重复机械工作;
  6. 重塑设计师核心价值:AI 承接基础执行工作,设计师聚焦需求研判、创意方向把控、用户体验优化等高价值环节。
整套体系覆盖通用大模型、图像生成、代码编写、PPT 产出、网页 UI 全流程,实现「需求输入→AI 规划拆解→多工具协同执行→多终端交付→流程沉淀复用」闭环,核心工具包含 ChatGPT、Claude Code、Figma MCP、PPT Skill、Google Stitch。
 
下文将从主流 AI 设计工具盘点、五大类 AI 设计落地案例、三大自动化实战工作流三部分完整拆解,适配设计师日常各类项目场景。

一、主流 AI 工具全分类盘点

image.png

按使用场景分为AI 图像生成工具通用大模型两大板块,覆盖视觉创作、文档处理、代码开发全需求,国内外工具优势互补,按需选择即可。

(一)AI 图像生成工具(视觉设计核心)

  1. GPT Image 2(OpenAI)

    image.png

    当前综合效果顶尖的多模态图像生成模型,画面还原度、真实度极强,可生成实景人像、商业场景、社交截图等高度写实内容,图文一体交互便捷,综合适配平面、运营、UI 各类视觉创作。
  2. Nano Banana 2(Gemini)

    image.png

    GPT Image 2 上线前行业标杆级绘图模型,色彩表现力、创意渲染能力突出,曾掀起 AI 替代基础设计的行业讨论,依托 Google AI Plus 生态,擅长复杂创意画面、艺术风格创作。
  3. 即梦 AI(字节自研国产模型)

    image.png

    国内本土最优图像生成工具,适配中文语境与国内设计需求,每日提供免费创作积分,性价比突出;支持参考图复刻、2K 高清出图、自定义画面比例,无需复杂翻墙,国内设计师首选日常绘图工具。
  4. Midjourney

    image.png

    AI 绘画行业开创者,艺术氛围感、插画质感业内顶尖,依托 Discord 生态迭代多年,V5/V7 版本美术表现力拉满,更适合插画、艺术概念、高端质感视觉创作。

(二)通用 AI 大模型(需求拆解、文案、代码基底)

image.png

覆盖文档解析、文案撰写、逻辑梳理、代码开发、需求文档输出等办公全场景,四款主流工具各有核心优势:
  1. Claude

    image.png

    核心优势为超大上下文窗口,可一次性读取百万字长文档,擅长合同解析、长篇品牌文案、完整 PRD 撰写、严谨结构化文本输出;配套 Claude Code 可作为全流程 Agent 中枢,调度整套设计工作流。
  2. GPT 系列(OpenAI)

    image.png

    全球通用大模型标杆,综合能力均衡无短板,日常问答、营销文案、产品 PRD、代码编写、图文生成均可一站式完成,生态成熟,落地场景覆盖全行业。
  3. DeepSeek(深度求索)
     
    国产出海头部开源大模型,数学推理、代码生成能力强劲,支持商用私有化部署,个人免费使用门槛低,适合技术、设计开发协同场景。
  4. 豆包(字节自研)

    image.png

    深度适配中文使用习惯,对话自然流畅,职场文案、品牌策划、学习素材、新媒体内容创作上手零门槛,兼顾生活化与专业设计辅助需求。

二、五大类 AI 设计落地实战案例

将商业视觉设计划分为品牌 VI、运营宣传、电商视觉、B 端后台、企业官网五大核心类目,依托 AI 工具完成从品牌底层规范到线上页面落地全流程提效。

1. 品牌视觉 VI 设计

适用场景:新品牌全案搭建、品牌视觉升级
image.png

 

实操流程:上传品牌 LOGO 素材,AI 自动一键生成全套标准化 VI 系统,包含标准色 / 辅助色规范、字体层级体系、名片 / 包装 / 展架等物料延展、实物样机预览,一站式完成整套品牌识别方案,无需手动搭建规范文档。
 
示例指令参考:基于上传 LOGO,输出完整品牌 VI 手册,包含色彩规范、字体层级、线下宣传物料全套延展样机。

2. 运营宣传设计

 

适用场景:活动海报、公众号长图、短视频封面、节日营销物料

 

实操流程:输入品牌定位、产品信息、画面尺寸、风格关键词,AI 批量产出多版宣传画面,适配朋友圈、小红书、短视频多渠道裁切需求,快速迭代多套备选方案。
image.png
示例指令参考:创作新中式国风奶茶品牌宣传图,共四款单品海报 + 配料详情图,高级质感,画面比例 9:1。

3. 电商视觉设计

适用场景:商品主图、详情长图、大促首页、直通车创意图

image.png

实操流程:上传产品实拍原图,AI 自动渲染多场景产品效果图,同步提炼产品核心卖点、使用场景细节,批量生成整套详情页版式,大幅缩短新品上新设计周期。
 
示例指令参考:基于耳机实拍图,生成完整电商详情长图,提炼六大产品核心优势,统一简约科技产品调性。

4. B 端后台 UI 设计

image.png

适用场景:数据管理系统、SaaS 平台、AI 工具后台、企业管理平台
 
实操流程:输入产品业务定位、功能模块,AI 生成专业 B 端界面,包含数据看板、表单、弹窗、组件库整套规范,视觉克制专业,适配企业级系统使用场景。
 
示例指令参考:为 AI 工具 SaaS 平台设计整套官网与后台管理 UI 界面。

5. 企业官网视觉设计

image.png

适用场景:品牌官网、产品落地页、企业宣传站点
 
实操流程:上传产品 / 品牌素材,AI 自动识别品牌调性,匹配对应视觉风格,输出首页 Banner、栏目内页、落地页全套 UI 稿,兼顾视觉美观与前端落地适配。
 
示例指令参考:基于汽车实拍素材,打造高端商务汽车品牌官网全套视觉设计稿。
 

转载:优设

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

 

image.png

 

兰亭妙微ui设计公司:一文吃透 AI 设计全链路:工具大全 + 落地案例 + 自动化工作流(下)

清阳 设计资源

 

三、AI 自动化设计工作流:三大核心落地案例

整套 AI 自动化设计链路依托三大底层核心组件搭建,先理清基础概念,再看完整实战流程:
  1. Agent(Claude Code 智能体):全流程指挥中枢
     
    整套设计链路的大脑,负责接收原始需求、拆解细分任务、调度各类工具协同工作;
  2. MCP 跨平台协议:软硬件互通桥梁
     
    解决大模型无法直接操控 Figma、代码编辑器、Office 软件的痛点,实现 AI 与本地设计、开发工具双向数据互通;
  3. Skills 模块化插件:细分执行单元
     
    封装标准化功能包,由 Agent 统一调度,完成 PPT 生成、图文排版等标准化重复工作。

 

案例 1:企业官网一体化设计工作流(设计 + 代码同步)

image.png

整体效率提升 300%,缩短 2-3 天完整设计开发周期
  1. Agent 统筹需求:输入企业简介、业务板块,Claude 自动梳理官网栏目架构、首页宣传文案、各板块内容,完成全站文案定稿;
  2. MCP 双向联动:通过 Figma 专属 MCP 插件打通设计与代码,一边生成可编辑 Figma 视觉稿,一边同步输出可直接使用的 HTML 源码,设计修改实时同步前端页面;
  3. 实操步骤:
     
    ① 终端安装 Figma 插件:claude plugin install figma@claude-plugins-official
     
    ② 输入需求指令:制作极简科技风 AI Agent 企业官网
     
    ③ AI 自动完成方案构思,同步提供多版视觉方向供选择;
     
    ④ 输出完整带交互动效的 HTML 页面,包含按钮、表单、滚动动画;
     
    ⑤ 指令同步同步至 Figma:将该网页设计转化为可编辑 Figma 源文件,自动搭建自适应布局、分层可编辑图形组件。

案例 2:全自动 PPT 设计工作流

image.png

效率提升 200%,快速产出完整演示文稿
  1. Agent 拆解任务:向 Claude 输入 PPT 核心需求、主题风格;
  2. 挂载 PPT 专属 Skills 插件:npx skills add https://github.com/op7418/guizang-ppt-skill --skill guizang-ppt-skill
  3. 上传文本内容文档,输入指令:制作科技风行业演讲 PPT;
  4. AI 自动规划页面结构,生成带翻页动画、元素出场动效的演示页面;
  5. 支持直接导出标准 PPT 文件,页面元素均可二次手动修改调整。

案例 3:全套 APP UI 协同设计工作流(ChatGPT+Google Stitch)

image.png

实现从产品需求到视觉界面一站式产出
  1. ChatGPT 输出标准化 PRD:输入产品定位,自动生成完整产品需求文档,包含目标用户、核心功能、页面架构、交互逻辑、用户全流程路径;
     
    示例指令:设计一款健身爱好者专用 APP,输出完整 PRD,覆盖首页、训练计划、课程、饮食记录、数据统计、个人中心模块;
  2. Google Stitch 批量生成界面:上传完整 PRD 文档,指定主色调、视觉风格,AI 统一输出全套 APP 页面,保持色彩、图标、组件设计语言统一;
  3. 精细化迭代优化:单独选中画板、组件输入微调指令,一键修改配色、插画、页面布局,同步预览交互效果,快速迭代设计系统。

四、AI 设计提效核心总结

1. 高效落地两大关键

  • 工具精准匹配:跨设计开发协同场景用 MCP 协议打通本地软件;PPT、VI 等标准化单一场景直接调用内置 Skills 插件,减少多工具来回切换损耗;
  • 指令清晰完整:向 AI 下达需求时,明确项目目标、输出格式、尺寸、风格、页面模块、细节规范,降低 AI 理解偏差,减少反复修改返工。

2. AI 设计行业未来趋势

  1. 全链路无人自动化:从需求构思、视觉产出、前端代码生成到最终交付,AI 独立完成全流程调度;
  2. 个性化智能适配:AI 自动学习设计师个人风格、品牌固定视觉规范,生成内容贴合固有设计体系,减少后期调整;
  3. 跨场景数据互通协同:打通官网、PPT、APP 设计稿多类载体,数据资源互通,设计、产品、开发跨岗位高效协作。

五、后记

AI 从来不是取代设计师的替代品,而是帮从业者剥离重复、机械基础工作的创作利器。借助 Claude Code Agent 搭配 Figma MCP、PPT Skills 自动化链路,能够完美解决设计与开发脱节、手动操作低效、专业技能门槛高三大行业痛点。
 
未来,熟练掌握、合理搭配 AI 工具,将成为设计、产品、运营从业者必备核心竞争力。本文分享的工具清单、实操案例、自动化工作流可直接落地复用,助力各位设计师实现高效创作、低成本落地商业项目。
 

转载:优设

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

 

image.png

兰亭妙微UI设计公司:大厂如何做好品牌设计?快手光合计划完整设计全流程复盘

清阳 平面设计

前言

兰亭妙微UI设计公司分享:快手光合计划是平台核心创作者扶持项目,以流量倾斜、现金激励、成长赋能搭建完整创作者变现体系,一边帮助普通人靠内容创作获取稳定收益、实现自我表达;一边为平台沉淀优质内容供给,拉动用户增长、搭建内容生态壁垒,形成创作者与平台双向共赢的商业闭环。
但改版前,项目长期存在两大核心短板:
  1. 视觉层面:整套视觉体系零散混乱,品牌识别度极低,活动氛围感、情感共鸣缺失,无法让创作者直观感知收益激励;
  2. 产品体验层面:活动规则晦涩难懂,操作链路断点多、参与门槛偏高,收益反馈弱,用户完成任务、提现、涨粉全流程体验割裂。
本次升级核心目标分为三层:
  • 品牌层:搭建专属、统一、高记忆点的光合视觉品牌体系;
  • 产品层:打磨全链路精细化用户操作体验,降低参与成本;
  • 业务层:提升创作者供稿量、作品播放 VV、粉丝转化,同时帮助创作者实现曝光、现金收益、涨粉三重增长。

一、项目前期:用户洞察与问题拆解

1. 核心创作者用户画像

image.png

  • 基础人群:主力为 18–35 岁三四线城市年轻群体;
  • 行为偏好:偏爱接地气、生活化内容,乐于尝试平台各类新鲜创作玩法;
  • 核心心理诉求:渴望通过短视频展示自我,同时高度看重真实、可落地的现金变现机会。

2. 现存痛点汇总

image.png

视觉痛点:视觉规范不统一、品牌符号模糊、缺少情感氛围、激励感知弱;
 
体验痛点:活动规则晦涩、操作步骤断层、参与门槛高、收益反馈滞后、全流程体验不连贯。

3. 改版目标拆解

  1. 视觉:建立专属差异化视觉品牌,强化品牌辨识度,提升视觉吸引力;
  2. 体验:打通全流程操作链路,消除断点,打造顺滑精细化交互;
  3. 业务数据:提升作品发布量、整体播放量、粉丝跃迁转化;
  4. 用户价值:放大流量曝光、现金收益、粉丝增长三大核心获得感。

二、视觉体系重塑:打造专属光合品牌视觉资产

围绕「万物生长」核心概念,从品牌价值、符号体系、色彩规范、视觉延展四大维度,搭建完整统一的光合视觉品牌。

(一)品牌核心价值提炼

image.png

整套视觉体系锚定成就、价值两大内核:
  1. 业务逻辑:以现金变现激励驱动创作者持续发稿、提升活跃、完成转化;
  2. 传播理念:轻量化传递「发作品就能领现金」的直观心智,降低用户理解成本;
  3. 视觉表达:以光、叶片、地平线等生长元素构建画面,唤醒创作者情感共鸣。
整体创意线索以生长贯穿,串联创作者、平台、内容生态、口碑传播全维度,完成品牌符号系统化落地。

(二)视觉调性定位

image.png

image.png

 

确立「轻松、愉悦、个性化」三大视觉基调:
  • 轻松:布局简约克制,交互逻辑清晰,信息传递高效直观;
  • 愉悦:选用高活力色彩搭配流畅灵动动效,文案语言活泼接地气;
  • 个性化:适配多元创作者审美,视觉语言可承载不同创作者的情绪与表达主张。

(三)核心符号体系推导

image.png

三大核心视觉符号承载完整寓意:
  • 叶片:代表每一位深耕内容的创作者;
  • 地平线:象征广阔多元的快手内容生态;
  • 光:寓意平台给予创作者的流量、现金、资源全方位赋能。

(四)完整视觉元素落地规范

image.png

1. LOGO 创意:万物生长

LOGO 整体以「万物生长」为灵感:阳光代表平台扶持,叶片指代创作者,地平线代表内容沃土。三者组合,传递平台持续赋能创作者、双方共同成长,构建良性创作生态闭环的核心寓意。

2. 品牌色彩系统

image.png

  1. 主色基底:绿色
     
    绿色自带蓬勃生命力,传递治愈、滋养的感受,同时色彩辨识度高,色弱 / 色盲群体也可清晰识别;
  2. 色阶细分

    image.png

    划分青柠、草绿、光合绿、葱绿、极光绿多阶绿色,最终锁定 H 值 130 左右的葱绿作为核心品牌主色;
  3. 新旧色迭代

     

    image.png

    旧版主色 #20C505 升级为全新光合绿 #3AD46B;搭配橙红 #FF7A2F、暖黄 #FCD268 作为辅助色,中和纯绿色的冷硬质感;
  4. 中性色配套
     
    配套深墨绿、纯黑、浅绿渐变、灰白柔和底色,搭建完整色板,适配弹窗、卡片、海报、按钮全场景。

3. 图标设计语言

image.png

统一采用圆润柔和的年轻化造型,弱化尖锐棱角,塑造亲和、友好、低距离感的视觉感受,贴合下沉年轻用户审美。

(五)视觉全场景延展落地

  1. LOGO 多形态适配

    image.png

    针对按钮、标题栏、活动卡片、入口标签等不同界面场景,设计图形标、文字标、组合标多套 LOGO 变体,保证页面统一;
  2. 运营物料海报体系

    image.png

    提取叶片基础符号,运用点、线、面做平铺、叠加、渐变组合,产出统一风格的活动 KV、任务海报、收益宣传物料,实现全域品牌统一传播。

三、精细化用户链路体验升级

image.png

改版核心思路重构:将旧版「玩法复杂、策略单薄」调整为前端极简操作、后端复杂策略支撑,对外只保留「发作品领现金」核心心智,把复杂计算、分层激励逻辑全部收至后台,降低用户理解成本。

1. 分用户状态定制差异化设计策略

根据创作者参与阶段,划分三类核心场景,针对性优化交互与文案:
  1. 无参与权限用户

    image.png

    文案温和安抚,清晰告知权限门槛;展示高收益案例强化价值感知;突出醒目引导按钮,引导完成开通、认证等前置操作;
  2. 未领取任务奖励用户

    image.png

    营造正向激励氛围,强化「完成即可拿收益」认知;清晰拆解任务步骤,高曝光行动按钮提升点击转化;
  3. 任务进行中用户(核心主链路)
     

    image.png

    遵循 AIDMA(注意 - 兴趣 - 欲望 - 记忆 - 行动)设计逻辑分层引导,持续刺激创作动力。

2. 任务进行中主链路五层设计逻辑

  1. 吸引注意:视觉强突出

    image.png

    采用清新自然的光合绿色调,关键收益数字放大加粗、高饱和色彩强化对比,优先展示用户本期收益、最高可拿奖金,直观凸显用户权益;
  2. 激发兴趣:多元化任务体系

    image.png

    设置打卡、发文、爆款、中视频等分层任务,适配不同更新频率创作者;增加作品数据可视化模块,让创作者实时查看播放、涨粉动态;
  3. 唤起欲望:收益阶梯激励

    image.png

    通过阶梯奖励文案、高额瓜分奖池案例,展示多发文多收益的增长空间,刺激用户主动提升发布频次;
  4. 加深记忆:统一品牌视觉

    image.png

    全页面贯穿光合绿色视觉体系,固定「每周一更新打卡任务」周期机制,降低用户记忆成本,形成稳定创作习惯;
  5. 引导行动:清晰操作指引

    image.png

    高对比彩色行动按钮搭配极简文案,明确「去发布、去提现、去领奖」下一步操作,缩短转化路径。

3. 标准化组件体系搭建

image.png

本次设计沉淀 5 大类、48 张标准化任务卡片组件,可灵活配置 160 余种活动任务,实现页面快速迭代、统一视觉规范;改版前后对比可见,全新视觉更年轻化、吸引力更强,操作逻辑简单易懂,大幅降低用户上手难度。

四、项目落地效果复盘

整套视觉 + 体验双维度升级落地后,业务数据实现正向增长:
  1. 光合计划品牌用户知晓率同比上月提升 8%;
  2. 用户整体满意度提升 6%;
  3. 活动规则理解度提升 10%,用户不再因规则复杂放弃参与;
  4. 创作者供稿量、播放、收益提现转化同步上涨,激励体系感知显著增强。

后续迭代方向

  1. 基于用户任务完成数据,持续优化任务分层与进度展示模块;
  2. 针对万粉以上高价值创作者,迭代专属精细化创作后台体验。

总结

快手光合计划本次品牌体验升级,通过完整视觉品牌体系重构+全链路精细化交互打磨双重抓手,既解决了项目视觉杂乱、识别度弱的老问题,也打通了创作者从参与、创作、看收益到提现的完整操作链路,深化创作者与平台之间的价值绑定。
 
标准化的视觉资产、可复用组件体系,也为后续创作者活动迭代提供统一设计规范,持续繁荣快手多元、长效的内容创作生态。
 

转载:优设

 

 

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

 

image.png

日历

链接

个人资料

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

存档