首页

兰亭妙微ui设计公司分享:企业官网怎样建立可维护的设计系统

鹤鹤 移动端UI设计文章及欣赏

企业官网不仅要在首屏表达品牌,还要让不同页面、设备和后续更新保持一致。原型阶段随手调整的字号与间距,可能在开发后变成难维护的例外。本文参考dpopstudio于10月14日发布的Digipop设计系统文章,整理官网设计的评审思路。

兰亭妙微ui设计公司分享:医疗后台怎样把复杂状态讲清楚

鹤鹤 系统UI设计文章及欣赏

医疗后台里的同一条记录,可能同时涉及患者身份、预约进度、处理权限和异常提醒。首页看起来整齐,并不代表所有状态都清楚。本文参考dpopstudio于10月25日发布的医疗SaaS界面检查文章,结合兰亭妙微的应用建议,讨论如何评审复杂后台。

兰亭妙微ui设计公司分享:健身App怎样适应真实运动场景

鹤鹤 移动端UI设计文章及欣赏

运动时看手机,往往只有组间休息的短暂间隙。界面里的数字是否容易辨认、动作是否容易完成,比静态画面是否丰富更值得检查。本文简要介绍dpopstudio在10月25日发布的SuperFit设计笔记,再给出兰亭妙微针对运动场景的评审建议。

兰亭妙微ui设计公司分享:Qt界面交付怎样衔接设计与开发

鹤鹤 系统UI设计文章及欣赏

Qt界面设计完成后,开发仍要确认组件怎样实现、异常状态如何处理,以及最终设备上的显示是否符合预期。交付说明越清楚,后续评审越容易聚焦具体问题。兰亭妙微结合Qt官方10月6日发布的工作流案例,整理四个交付要点,供设计师、产品经理与开发者共同参考。

兰亭妙微移动端UI设计审美积累 | Niva 家庭助手 UI/UX 设计

丽洁 系统UI设计文章及欣赏

把琐碎的家庭事务,整理成有温度的日常。

兰亭妙微专注 UI 与用户体验设计,持续关注国内外优秀作品,分享界面设计与交互思路,进行设计审美积累。今天分享 Niva,一组围绕家庭协作展开的 AI 助手设计。家务、照护和个人安排交织在一起,难点在于让每个人看见任务,也看见彼此的时间。


一、项目背景:让家庭分工更容易被理解
从这一场景出发,界面需要回应三个问题:从哪里开始记录、如何共享日程、怎样看清时间分配。Niva 用对话与可视化工作区串起这些需求。

图片1.png

图片2.png

 

图 1  对话式入门

一个问题、一处输入区,再加上柔和的渐变语音图形,入门页像一次轻松的交谈。顶部进度与关闭入口保留流程感,大片留白则让注意力自然落在眼前的问题上。

图 2  家庭工作区首页

首页把添加、整理日历和委派任务放在对话入口周围,待办卡片接住当天的具体安排。蓝色按钮在暖色渐变中形成焦点,AI 的形象与家庭事务在同一张界面上建立联系。

 

二、设计策略:用柔和视觉承接具体任务
①信息架构:添加活动、整理日历与委派任务先给出行动方向。②视觉语言:蓝橙黄渐变带来温暖感,浅底、圆角与留白保持轻盈,卡片让不同家庭事务各归其位。

图片3.png

图片4.png

图 3  日历与共享日程

月历中的彩色短条提示日程分布,下方活动列表补充具体内容。上半屏看整体、下半屏看眼前,颜色与卡片共同把共享日程整理成容易扫读的生活节奏。

图 4  时间分配与数据洞察

面积和百分比让不同活动占用的时间变得直观,工作、清洁与照护有了可比较的形状。它延续前面页面的色彩,让偏理性的数据页仍然保有家庭产品的温度。

 

③场景化交互:从单步提问进入家庭工作区,再延伸到日历和时间洞察,对话始终围绕可处理的事情展开。输入、语音与快捷动作并置,让不同表达习惯都有自然入口。

 

三、设计启发:亲和力需要与清楚的秩序一起出现
这组设计的吸引力,在于温暖的图形与明确的动作彼此配合。渐变负责建立情绪,任务、日历和图表负责落到日常。做生活类 AI 产品时,这种从表达走向安排的衔接尤其值得积累。

 

如有家庭助手、生活服务类 App的 UI/UX 设计需求,欢迎联系兰亭妙微,交流产品场景与设计需求。

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

 

image.png

兰亭妙微工具手册:为数字项目制定用户体验策略的 6 个工具

涛涛 交互设计及用户体验

数字项目已经是大部分互联网公司工作的基本形态,但用户体验策略却常常被忽略 —— 很多团队在没有调研、没有测试的情况下,"凭感觉预测" 用户的行为,仅凭主观判断就决定了功能去留。兰亭妙微在项目实践中梳理出 6 个实用工具,帮助团队建立系统的用户体验策略。

兰亭妙微设计思辨:你是为人设计,还是为用户设计?

涛涛 交互设计及用户体验

做设计的这些年,我们几乎每天都在说 "用户体验":这个会影响用户体验、那个不符合用户习惯、这个违背用户认知…… 但有没有人停下来问过:我们说的 "用户",和 "人",真的是同一个对象吗?

兰亭妙微ui设计公司分享:AI辅助设计如何做好交付评审

鹤鹤 行业趋势

AI能快速给出界面草稿,但企业需要的交付还包括流程完整、规则统一与开发可理解。Jakob Nielsen在10月19日的UX观察中讨论了AI在设计不同阶段的使用。本文选取其中与设计流程相关的观点,结合兰亭妙微的评审建议,帮助团队明确AI可以参与什么,以及最终需要检查什么。

兰亭妙微ui设计公司分享:让用户顺畅完成任务的交互设计

鹤鹤 交互设计及用户体验

寄件填到一半被弹窗打断,提交后不知道有没有成功,返回页面又要重新输入——这些细节都可能让用户失去操作节奏。Jakob Nielsen在2026年10月21日发表的《Flow in UX》中讨论了专注体验:清晰目标、及时反馈,以及与用户能力相匹配的任务难度。本文简要介绍这一观点,再结合物流场景给出兰亭妙微的应用建议,供选择交互设计公司或评审产品方案时参考。

兰亭妙微ui设计公司分享:巧用 AI 高效完成品牌 IP 周边延展设计

清阳 交互设计及用户体验

兰亭妙微ui设计公司分享:在制作品牌手册的周边延展板块时,不少设计师还在沿用传统方式,四处搜集、购买样机素材再进行合成。本文分享三套实用 AI 生图工作流,借助垫图大法、文字反推法、内容替换,快速产出 IP 周边视觉,大幅提升设计效率。

一、垫图大法

仅靠文字描述,很难精准还原脑海中的 IP 周边创意,生成效果往往偏差较大。垫图即上传参考素材,把参考图 + IP 形象一同交给 AI 生成,可以显著提升出图准确率,减少反复调试提示词的 “抽卡” 成本,分为三类应用场景:

1. 单体创意周边

image.png

把 IP 形象落地为实体周边(挂件、水杯、潮玩等),先找风格、形态接近预期效果的参考样机,上传 IP 原图 + 参考样机,再补充文字约束:IP 造型不能改动、产品配色、包装样式、背景、构图比例。 AI 生成多版方案后,挑选最优结果,手动修正细节 bug,得到完整的 IP 周边 + 配套包装效果图。

image.png

注意:垫图会继承参考图的部分元素,商业项目务必清除残留参考素材的 logo、文字,规避版权风险。

2. 单体平铺阵列场景

image.png

适合制作大量周边整齐排布的陈列效果图。 仅用文字很难精准控制盒子摆放角度、疏密、透视关系,容易出现大小错乱、排布混乱。 操作方法:上传陈列布局参考图 + IP 产品图,限定阵列疏密、视角、摆放规则,迭代多次垫图抽卡,就能获得氛围感很强的产品陈列场景。

image.png

 

3. 多视角影棚展示场景

image.png

普通的正 / 侧 / 背面平铺展示比较单调。想要模拟专业影棚多角度展示效果,优先选用自带光影、投影的摄影参考图做垫图,让 AI 继承布光、景深虚化、镜头透视,在单张画面内呈现 IP 周边不同角度,质感远高于简单平铺。

核心经验:垫入的参考图质量,直接决定最终画面的效果上限。

二、文字反推法

image.png

适用于手提袋、礼盒等通用型品牌样机,解决垫图容易照搬参考图元素的问题,实现 “洗图”。

image.png

  1. 将目标样机参考图交给 AI,让 AI 拆解图片,提取完整提示词:包含材质、工艺、光影、版式、场景、渲染器风格等细节,不只是简单写 “手提袋样机”;
  2. 筛选优化提示词,导入自家品牌平面设计稿;
  3. AI 结合文字描述 + 平面稿生成样机。

image.png

产出画面保留参考样机的氛围质感,但不会直接照搬原图内容,完美适配自有品牌视觉。

三、内容替换

image.png

当遇到非常合适的场景样机,但画面内的图案、标识不是自己的设计,就可以使用内容替换。

image.png

  1. 准备现成的场景参考图(例如导视牌空间环境);
  2. 上传自己的平面设计文件;
  3. 写提示词指令 AI:保留原场景的透视、光照、材质,仅替换物体表面图案为我方设计,限定厚度、发光、金属等材质属性。

image.png

AI 完成替换后,微调色彩,即可得到适配真实环境的全新效果图。

写在最后

AI 不是用来完全替代设计师,而是高效的辅助工具。掌握以上方法,学会借助 AI 赋能设计,把精力更多留给创意本身。

 

 

转载:优设

 

 

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

 

image.png

日历

链接

个人资料

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

存档