首页

兰亭妙微UI设计公司,用11条总结,聊聊Vision Pro如何彻底改变UX设计行业

清阳 设计思维

Apple推出的突破性产品 Vision Pro 在科技界引起了轰动,新的设计趋势即将到来。苹果首席执行官蒂姆·库克在 WWDC 2023 上自豪地展示了这款全新设备,展示了增强现实 (AR) 和空间计算的新时代。

 

凭借 Vision Pro,Apple 再次展现了其突破创新界限的能力。本文将探讨 Vision Pro 如何彻底改变 UX 设计行业并改变我们与技术交互的方式。

一、摆脱传统显示器的束缚

Vision Pro 将用户从传统显示器的限制中解放出来,开创了空间计算交互的新时代。

image.png

通过无缝融合增强现实和空间计算,苹果推出了一种独特的输入方法(结合眼动和手势),类似于鼠标或触控板。这一创新让用户体验设计师有条件打造超越屏幕限制、身临其境和直观的用户体验,开辟了无限的可能性。

彩云注:当我们大多数人已经习惯了 2D UI 的设计模式,这种新的交互方式,给了我们很多创新的空间,比如结合眼睛和手势,我们可以给用户带来更自然直觉的新体验。

二、美学与功能的结合

Vision Pro 的设计将美学与功能无缝结合。这款设备采用铝制框架和曲面玻璃,外形类似滑雪护目镜,清楚地表明它的预期用途是在家庭和办公室等受控环境中。

包含用于图像捕获的物理按钮和用于调整的数字表冠确保了直观的控制,而灵活的表带和面罩使用户专注并屏蔽外部干扰。

image.png

彩云注:在考虑未来交互方式和视觉的时候,需要多结合硬件和软件的交互及视觉效果,怎样达到最直观的操作效果。

三、增强现实和空间计算

Vision Pro 主打增强现实,使其有别于以前的混合现实设备。通过将虚拟世界和物理世界无缝融合,用户体验设计师现在可以创造增强用户对现实感知的体验。

image.png

从将信息叠加到真实世界的物体上,到创建交互式 3D 环境,设计引人入胜、情境丰富的新体验。

四、设计新的输入方式

对于 Vision Pro,用户体验设计师将需要考虑传统鼠标和触控板之外的新输入方法。

image.png

用于图像捕获的物理按钮和用于调整的数字表冠为设计师提供了交互设计的新途径。设计直观和无缝的控件对于确保流畅和沉浸式的用户体验至关重要。

五、空间音频和沉浸式声音场景

Vision Pro 的突出特点之一是它的空间音频功能。通过集成内置的“音频 pods”,苹果通过创造丰富而身临其境的声音场景来增强用户体验。

image.png

这种革命性的音频本地化方法使设计师能够从不同的方向模拟音频源,从而与数字环境进行更吸引人、更逼真的交互。

六、顶尖的硬件和技术

在底层,Vision Pro 由苹果的标准 M2 芯片和专用于视频流的新 R1 芯片提供支持。

image.png

微型 OLED 显示屏,每空间提供令人印象深刻的 64 个像素,相当于标准 iPhone 像素,确保呈现清晰、充满活力的视觉效果。此外,与蔡司合作提供定制嵌入玻璃也体现了 Apple 的包容性和可访问性体验标准。

七、EyeSight:协作体验和社交能力

苹果推出了一项名为 EyeSight 的突破性功能,利用前置显示屏向房间内的其他人展示用户的眼睛。

image.png

通过捕获初始面部扫描,Vision Pro 在弯曲的前玻璃上创建用户的“真实眼睛”。这种对个人头像的创新使用促进了更真实和身临其境的社交互动,使用户能够在数字领域进行更深层次的联系。

八、聚焦工作场景

Apple 对电子邮件和桌面等与工作相关的应用的重视表明,Vision Pro 是想主打一种生产力工具。

image.png

通过与 Microsoft Office 等现有应用和流行的线上会议服务无缝集成,这款头戴设备使专业人员能够增强他们的工作流程并更有效地协作。

这种工作第一的方法使 Vision Pro 与其他优先考虑游戏和娱乐的设备区分开来。

九、打开内容的新维度

Vision Pro 开辟了内容消费和创作的新维度。不透明显示屏允许较暗的环境,非常适合展示从 iPhone 拍摄的 2D 照片以及捕捉空间照片和视频。

image.png

影院选项为用户提供了完整大屏幕的错觉,而游戏体验则投射到虚拟大屏幕上,提供身临其境的游戏体验。

十、与内容巨头合作

苹果与迪士尼联手,正在建立令人兴奋的内容合作伙伴关系,这预示着 Vision Pro 的光明未来。

image.png

随着 Disney+ 的推出,用户可以期待一系列身临其境的互动娱乐体验。苹果和迪士尼之间的合作证明了 Vision Pro 在重新定义我们消费媒体方式方面的潜力。

十一、新的设计工具和工作流程

为了适应 Vision Pro 的独特功能,Apple 推出了 VisionOS,这是一款专为空间计算设计的新操作系统。

image.png

这个新平台提供了丰富的教育功能,包括天文学、健康和音乐创作应用。此外,现有 iOS 和 iPadOS 框架的集成确保了开发人员的无缝过渡,并为专门针对 Vision Pro 定制的广泛应用生态系统铺平了道路。

总结

凭借 Vision Pro,Apple 向用户体验设计行业的革命迈出了大胆的一步。通过将增强现实、空间计算和尖端硬件相结合,苹果公司创造了一款开启交互和沉浸新维度的设备。

随着用户体验设计师拥抱 Vision Pro 的功能,我们可以期待超越传统界面的突破性体验,使用户能够以前所未有的方式与数字内容和环境互动。

用户体验设计的未来已经到来,在 Vision Pro 的引领下,它看起来前景无限光明。

转载:优设

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

 

image.png

兰亭秒微设计|UI 设计必须死抠的细节(原创干货)

涛涛 设计管理与成长

很多 UI 设计师软件熟练、审美在线,但产出总不够精致、不够专业、开发落地差,核心原因就是:细节没抠到位。

兰亭秒微设计|版式设计四大核心知识体系(原创干货)

涛涛 平面设计

很多刚入行的设计师朋友,软件操作很熟练、技法也学得快,但一接到真实需求就没思路、只会找参考、越抄越乱。本质问题是:缺底层理论、缺体系框架、缺落地逻辑。

兰亭妙微ui设计公司解析Langvi 儿童语言学习 App UI/UX 设计

蓝蓝设计的小编 移动端UI设计文章及欣赏

这组界面是面向儿童 / 青少年的语言学习类 App Langvi 的完整设计方案,核心亮点是IP 化陪伴 + 童趣化交互 + 全流程学习闭环,完美适配低龄用户的学习需求,是儿童教育类移动端 UI 设计的优质范本。
 

 

一、视觉设计:童趣感拉满,打造沉浸式学习氛围

 

1. 核心 IP 贯穿全端

以软萌的水滴形卡通形象为品牌核心 IP,设计了丰富的表情、动作与情绪状态,贯穿启动页、答题页、进度页、个人中心等全流程界面,将冰冷的学习工具转化为有温度的学习伙伴,大幅降低孩子的学习抵触感,强化情感连接。

2. 色彩体系适配儿童审美

 

以明亮的紫、黄、粉、蓝等高饱和马卡龙色为主色调,搭配柔和的浅灰底色,既营造出活泼、有趣的学习氛围,又避免了高饱和色彩带来的视觉疲劳;用不同色彩区分课程分类、学习状态、情绪反馈,视觉引导清晰,符合儿童的视觉认知习惯。
 

3. 视觉风格统一且细节丰富

 

全端采用圆角卡片、圆润字体、扁平化插画,风格统一可爱;用表情符号(笑脸 / 哭脸)标注每日学习状态,用进度条、爱心、星星等元素强化正向反馈,让孩子直观感知学习成果,提升学习动力。
 

 

二、信息架构:全流程学习闭环,贴合儿童学习场景

 

产品的信息架构完全围绕儿童 “语言学习” 的核心需求搭建,逻辑简单、层级清晰,操作门槛极低:
 
  • 注册登录页:支持 Facebook/Google/Apple 一键登录 + 邮箱注册,操作极简,适配家长代操作场景;
  • 课程选择页:按年龄段(4-12 岁儿童 / 12-18 岁青少年)分类,搭配 IP 形象与价格,让家长 / 孩子快速选择适配课程;
  • 答题学习页:以趣味选择题、填空题为主,IP 形象全程陪伴,答题后即时反馈,强化学习成就感;
  • 学习进度页:用日历视图展示每日学习状态,聚合学习时长、专注度、精力值等核心数据,让孩子 / 家长直观掌握学习进度;
  • 个人中心页:展示听说读写能力进度、学习等级,支持头像 / IP 形象个性化定制,满足孩子的个性化需求;
  • 奖励反馈页:答题完成后展示学习时长、进度条,用 IP 的开心表情强化正向激励,形成 “学习 - 反馈 - 激励” 的完整闭环。
 

 

三、交互体验:轻量化 + 趣味化,降低学习门槛

 
交互设计完全贴合儿童的操作习惯,兼顾便捷性与趣味性:
 
  • 极简操作流程:所有操作以 “最少步骤” 为原则,一键答题、一键切换、一键登录,避免复杂流程干扰学习节奏;
  • 即时正向反馈:答题正确 / 完成学习后,用 IP 的开心表情、进度条增长、爱心奖励等方式即时反馈,强化孩子的学习成就感;
  • 个性化交互:支持 IP 形象、头像、表情的自定义定制,让孩子打造专属学习伙伴,提升使用粘性;
  • 多场景适配:覆盖注册、学习、进度、个人中心全场景,操作逻辑简单易懂,孩子可独立使用,也支持家长辅助操作。
 

 

四、设计总结

 
Langvi 的设计完美诠释了儿童教育类 App 的核心设计逻辑:用 IP 化视觉传递温度,用轻量化架构降低门槛,用趣味化交互强化激励。它不仅是一款功能完善的语言学习工具,更通过优秀的 UI/UX 设计,让学习变得有趣、轻松,真正做到 “让孩子爱上学习”,为同类儿童教育产品提供了优质的设计范本。
 
兰亭妙微 UI 设计公司深耕移动端 UI 设计、儿童教育类产品 UI/UX 设计多年,拥有丰富的全端产品设计、改版、重构经验,打造了多个适配不同赛道的优质设计案例,可查看http://www.lanlanwork.com/scjm.html了解更多兰亭妙微 UI 设计公司的实战成果。如果您有移动端 UI 设计、产品 UI/UE 改版等需求,欢迎与兰亭妙微 UI 设计公司对接,我们将以专业的设计能力,为您打造贴合场景、体验优质的产品解决方案。

EDC 进阶知识|UI 中的趣味性与品牌融入

涛涛 设计管理与成长

大家好,这里是兰亭秒微设计公司,专注 UI / 交互动效与品牌视觉整合。今天分享 EDC 设计里最容易被忽略、却最能提升产品质感的核心 ——UI 趣味性与品牌基因融入,帮你把界面从 “能用” 变成 “好记、好用、好传播”。

学会版式的 N 个 Tips|兰亭秒微:画册还不会设计?我不允许你不知道这 6 个知识点

涛涛 平面设计

大家好,我是兰亭秒微设计公司,专注设计多年。今天说说不一样的画册设计。很多刚接触画册的小伙伴常问:素材齐全、文案到位,为什么排出来总显乱、没高级感?其实画册版式有底层逻辑,掌握这 6 个核心知识点,新手也能做出规整耐看、适配品牌的画册。

兰亭妙微UI设计公司,深度拆解组件设计的6种状态类型

清阳 设计思维

组件状态是用户理解产品交互的核心,虽不直接显示却决定操作逻辑。兰亭妙微UI设计公司基于 Material 3 规范拆解启用、禁用、悬停等 6 种常用状态类型,详解状态层设计及各状态的适用组件与设计规则,助力打造清晰流畅的交互体验。

image.png

一、组件状态:交互体验的核心骨架

 
组件状态,是组件 / 元素在界面中当前可交互性与行为属性的直观表达。它虽不显性呈现,却是用户判断 “能不能点、点没点中、当前选中谁、操作是否生效” 的关键依据,直接影响产品的易用性与专业度。

image.png

基于 Material 3,界面交互组件最常用的6 种基础状态如下:
 
  1. 启用态:可正常接收用户交互
  2. 禁用态:不可交互,明确限制操作
  3. 悬停态:光标悬浮时的提示状态

    image.png

  4. 聚焦态:键盘 / 语音选中时的高亮状态
  5. 点击态:按压 / 轻触时的实时反馈
  6. 拖拽态:按住并移动时的状态提示
 

状态层设计原理

 
状态层是一层半透明叠加层,用于统一、清晰地标识组件当前状态。

image.png

  • 以同色系、固定不透明度实现视觉一致性
  • 可整元素覆盖或局部圆形区域应用
  • 同一时间仅叠加一个状态层,避免视觉混乱
 
层级结构:内容层 → 状态层 → 容器层
 

 

二、6 种状态完整设计拆解

 

1. 启用态(默认可交互)

image.png

定义:组件已就绪,可正常响应点击、输入、选择等所有操作。
 
  • 为交互组件的默认样式,遵循组件预设视觉规范
  • 适用于:按钮、输入框、开关、单选 / 复选、芯片、列表项等几乎所有可交互组件
  • 设计要点:保持高对比度、清晰可识别,传递 “可操作” 信号
 

2. 禁用态(不可交互)

image.png

定义:组件暂时 / 永久无法使用,不响应任何操作。

image.png

  • 视觉特征:低饱和灰色、低对比度、降低视觉权重
  • 核心规则:不可聚焦、不可点击、不可悬停、不可拖拽
  • 适用组件:按钮、卡片、复选框、芯片、列表项、单选、开关、输入框
  • 不适用组件:应用栏、徽章、对话框、导航栏、菜单、浮层、标签页
  • 设计要点:同一布局可同时存在多个禁用组件,不冲突
 

3. 悬停态(光标悬浮)

image.png

定义:PC 端光标停留在可交互元素上触发的提示状态。

image.png

  • 视觉:低透明度叠加层,搭配柔和淡入淡出动画
  • 适用组件:按钮、卡片、复选框、芯片、列表项、滑块、开关、输入框
  • 不适用组件:应用栏、对话框、导航栏、菜单、浮层、标签页
  • 核心规则:同一时间仅一个组件可处于悬停态
 

4. 聚焦态(键盘 / 语音选中)

image.png

定义:通过 Tab 键、语音等方式选中元素时的高亮状态。

image.png

  • 视觉:焦点环 / 高亮叠加层,明确当前操作位置
  • 适用组件:所有可交互组件(按钮、输入框、选择器、列表项等)
  • 不适用组件:应用栏、横幅、对话框、导航栏、浮层
  • 核心规则:同一时间仅一个组件可聚焦,提升键盘操作可访问性
 

5. 点击态(按压 / 轻触反馈)

image.png

定义:用户点击、轻触、键盘确认操作时触发的即时反馈。

image.png

  • 视觉:波纹效果 / 加深叠加,强感知 “操作已生效”
  • 适用组件:按钮、卡片、复选框、芯片、列表项、输入框
  • 不适用组件:应用栏、导航栏、对话框、菜单、浮层、标签页
  • 核心规则:按操作顺序触发,同一时间仅一个组件生效
 

6. 拖拽态(按住移动)

image.png

定义:用户按住组件并拖动时的状态,提示 “正在移动”。
 
  • 视觉:低饱和叠加、轻微抬高阴影,低调不干扰
  • 适用组件:卡片、芯片、列表项、滑块
  • 不适用组件:按钮、应用栏、导航栏、对话框、菜单
  • 核心规则:同一时间仅一个组件可拖拽,避免界面混乱

 

转载:人人都是产品经理

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

 

image.png

兰亭妙微UI设计公司:10 个产品趣味设计细节拆解:高手如何用巧思打动用户

清阳 设计思维

好奇心是用户探索产品的核心驱动力,有趣、新颖、有温度的设计,能快速抓住注意力、激发互动欲,让产品从同质化中脱颖而出。本文精选 10 个趣味 UI/UX 设计案例,从情绪表达、互动引导、视觉风格等维度拆解,兰亭妙微UI设计公司帮你快速 get 高手的设计思路。
 

 

1. 形象化心情场景:让情绪表达更直观

image.png

日记类产品的核心是记录情绪,Moo 日记 App 打破传统文字 / 单色标签的局限,为每一种心情匹配专属动态场景插画
 
动态视觉让情绪传递更具象,丰富的标签体系覆盖更多情绪状态,用户无需文字描述,就能精准定格当下感受,提升记录的愉悦感与完成度。
 

2. 萌系 IP 陪练:把健身变成趣味互动

image.png

健康需求崛起让运动类产品竞争加剧,Rumbo 健身 App 以毛茸茸软萌 IP作为健身伙伴,替代冰冷的器械 / 数据展示。
 
软萌形象弱化健身的枯燥感与压力感,用陪伴感建立情感联结,让用户更愿意坚持训练日程,轻松实现产品差异化。
 

3. 童趣动效图标:唤醒情感共鸣

image.png

动态图标是提升模块关注度的利器,孩子王 App 首页金刚区的「儿童馆」图标,采用小孩侧空翻入场动效
 
灵动的童趣动作贴合产品定位,既突出核心功能入口,又唤醒用户童年记忆,用情感共鸣降低用户抵触心理,提升点击意愿。
 

4. 结构化空状态:告别单调空白

image.png

新用户首次使用时,空状态是极易被忽视的体验触点。Moo 日记个人中心相册入口,摒弃传统文字 + 简单插画的形式,采用照片结构化展示填充空状态。
 
既让界面更饱满、不突兀,又提前暗示相册功能形态,降低用户认知成本,让无数据页面也有设计感。
 

5. 对话式引导:像聊天一样完成操作

image.png

生硬的步骤指引容易让用户放弃,罐头冥想 App 采用朋友式对话交互做操作引导。
 
温和的语气、生活化的表达,消解用户防备心,让引导过程更轻松自然,大幅提升流程完成率,适配冥想类产品的舒缓调性。
 

6. 签到前后差异化:兼顾吸引与体验

image.png

签到是提升用户留存的经典手段,美团外卖会员签到做了精准的视觉分层设计:
 
  • 签到前:红包样式 +摇摆动效,强视觉吸引促使用户点击;
  • 签到后:进度条展示,弱化视觉比重,避免遮挡核心功能。
     
    一强一弱的设计,既保证签到转化率,又不影响整体界面体验。
 

7. 个性个人中心:用 IP 抓住眼球

image.png

image.png

个性化时代,千篇一律的个人中心已无法满足用户。白日梦 App 采用鬼马动态 IP+ 独特视觉风格,打造辨识度极高的个人中心。
 
呆萌有趣的动态效果瞬间抓人眼球,满足用户对独特性的追求,强化产品记忆点。
 

8. 手绘暖系风格:营造温馨氛围

image.png

UI 风格日趋多元,独特画风能深化用户印象。好好养宠物 App 主打手绘风 + 暖色系,手绘图标、治愈插画贯穿界面。
 
温暖柔和的视觉感受,贴合宠物陪伴的产品调性,让用户使用时倍感温馨,提升情感依附。
 

9. 电子相册空状态:触发场景联想

image.png

马蜂窝 App 的空状态设计紧扣旅行属性,采用相框 + 随机风景插画形式,点击可切换不同风景。
 
模拟电子相册的交互,唤醒用户旅行回忆,激发创作 / 分享欲,让空状态从 “无用页面” 变成 “情感触发点”。
 

10. 自定义形象装扮:绑定个性化与转化

image.png

用户追求专属体验,好柿花生 App 在个人中心开放形象自定义功能,装扮道具可通过抽奖获取。
 
既满足用户个性化展示需求,又以抽奖机制提升用户活跃度与商业转化,实现体验与收益双赢。
 
转载:优设

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

 

image.png

兰亭秒微|UI 产品细节体验:拆解大厂产品设计思维

涛涛 设计思维

在兰亭秒微为各行业客户做产品 UI 设计与体验优化时,我们一直坚持向大厂学细节、从用户看本质。大厂产品之所以好用、耐看、留得住用户,核心不在于视觉多炫酷,而在于把用户行为、场景需求、商业目标藏在每一个细节里。

兰亭秒微|被忽略的 UI 设计表现技巧:细节决定体验上限

涛涛 交互设计及用户体验

在兰亭秒微的 UI 设计与产品体验优化工作中,我们始终坚信:顶级界面不只靠规范,更靠被忽略的细节技巧。很多设计师专注于布局、色彩、组件搭建,却对手势、动效、引导、空状态等 “隐性体验” 不够重视。

日历

链接

个人资料

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

存档