真实测评:AI设计APP/数据大屏/智能手表效果如何?

用户头像
北京/UI设计师/213天前/427浏览
真实测评:AI设计APP/数据大屏/智能手表效果如何?
最近老被问到:AI设计到底能不能用在真实项目里? 但大多数内容还是停留在“生成一个页面”“一句话出 UI”这种演示层面。
如果换成真实项目需求,AI还能不能用?
这篇文章我们不讲虚的,直接拿三个不同类型的产品做测试:
  • 一个本地生活类 APP(偏典型业务)
  • 一个数据可视化大屏(偏复杂结构)
  • 一个智能手表界面(偏设备端)
三类产品全部用主流 AI 设计工具(
这里用的墨刀 AI
)跑完之后,感受到 AI 是真能干活儿了,但怎么干、干到什么程度,面对不同的产品类型也会有一些细微的差别。
一、用 AI 设计一套 APP 界面
先从最常规的 APP 开始,这次测试用了一个很常见的需求做测试:做一个类似餐饮外卖和生活团购的 APP。输入给 AI 的提示其实很简单,几乎是很随意的一句话,让它做一个类似美团的 APP,主要页面是首页浏览到外卖点单的流程。
还没等来界面,先等来了 AI 的一连串反问,跟个较真的实习生似的询问 APP 首页更偏推荐还是分类,主要的下单模式是偏外卖还是到店团购,需不需要体现会员体系等等。这种“先确认需求”的方式,像个正经干活儿的搭档。
真实测评:AI设计APP/数据大屏/智能手表效果如何?(图ZMTU1MTg3MTI=) - 教程 - 站酷设计师墨刀modao原创素材 - 站酷ZCOOL
收藏
确认完之后,AI 给出了5个 APP 界面,第一观感:
干净、规整、能用。
挑不出大毛病,从首页刷到下单,流程严丝合缝。虽然和平时的设计相比,没有特别惊艳的点,但也没什么明显问题。页面结构也比较克制,属于那种“不会出错”的方案。
真实测评:AI设计APP/数据大屏/智能手表效果如何?(图ZMTU1MTg3MTY=) - 教程 - 站酷设计师墨刀modao原创素材 - 站酷ZCOOL
收藏
真实测评:AI设计APP/数据大屏/智能手表效果如何?(图ZMTU1MTg3MjA=) - 教程 - 站酷设计师墨刀modao原创素材 - 站酷ZCOOL
收藏
真实测评:AI设计APP/数据大屏/智能手表效果如何?(图ZMTU1MTg3MjQ=) - 教程 - 站酷设计师墨刀modao原创素材 - 站酷ZCOOL
收藏
真实测评:AI设计APP/数据大屏/智能手表效果如何?(图ZMTU1MTg3Mjg=) - 教程 - 站酷设计师墨刀modao原创素材 - 站酷ZCOOL
收藏
真实测评:AI设计APP/数据大屏/智能手表效果如何?(图ZMTU1MTg3MzI=) - 教程 - 站酷设计师墨刀modao原创素材 - 站酷ZCOOL
收藏
真实测评:AI设计APP/数据大屏/智能手表效果如何?(图ZMTU1MTg3MzY=) - 教程 - 站酷设计师墨刀modao原创素材 - 站酷ZCOOL
收藏
如果老板希望早点看到页面雏形,拿去做第一版评审其实已经够用了。当然这些页面还有很多不足,比如营销活动这些基本没展开,页面风格偏通用,没什么差异化。但能继续修改,也可以导出手动编辑,相当于把我们百分之六七十的工作做掉了。
二、用 AI 设计数据可视化大屏
数据可视化大屏在产品设计中,其实跟 APP 或者后台这种类型不太一样,它更考验三个方面:
  • 信息密度:信息怎么塞得下又不乱;
  • 数据结构:数据关系对不对得上;
  • 视觉层级:视觉上能不能镇住场子。
所以这次测试时,我用了「
图片生成原型
」的方式,找了一个参考图丢给 AI。提示词大概是:结合参考图中的可视化大屏,制作一个风格类似、内容和功能丰富的节能减排可视化大屏。
AI 接到需求后先是做了
搜索调研
,查询最新可视化大屏设计案例、UI 组件库以及最佳实践的一些资料,了解风格、交互设计等信息。接着整理好这些信息,结合参考图的页面布局和设计风格,最终生成了一个深蓝色高科技数字座舱风格的数据大屏。
真实测评:AI设计APP/数据大屏/智能手表效果如何?(图ZMTU1MTg3NDA=) - 教程 - 站酷设计师墨刀modao原创素材 - 站酷ZCOOL
收藏
它的动态图表布局和参考图还原度很高,但仔细看的话,有些数据之间关系不强,逻辑有点乱,谁主谁次分得不清。
三、用 AI 做智能手表界面
第三个案例测试的是智能手表。这个算是比较极端一点的场景了,因为它涉及
小屏适配、操作方式(滑动 / 点击)和场景化交互
。很多 AI 设计工具做一些 APP、小程序、Web官网或者 B 端后台都挺熟练的,但是小众的一些 HMI 触摸屏或者这种智能穿戴界面设计,AI 工具就吃不消了。
这次测试中,我给的需求大概是:设计一个智能手表,包含所有常见的基础页面,比如健康监测、运动看板等界面。对于这种一句话或者较为模糊的需求,AI 果然还是又反过来询问了几个问题,确定了智能手表的场景定位,界面的整体视觉倾向和需要重点涵盖的核心模块。
紧接着就开始生成界面,不到2分钟最终生成了
8个智能手表界面
,包含了多个核心模块,比如健康看板、运动中心、应用生态等等。界面设计遵循了快速查看、少操作的核心,风格设计也比较不错。
真实测评:AI设计APP/数据大屏/智能手表效果如何?(图ZMTU1MTg3NDQ=) - 教程 - 站酷设计师墨刀modao原创素材 - 站酷ZCOOL
收藏
最让我没想到的是,它生成的居然是可交互的Demo!侧边按钮能切页面,甚至能模拟上滑调出健康指标。这点挺惊喜,不像某些工具只给张死图。但也有不足,比如运动中、日常查看,这些状态差异,它基本没有体现。
写在最后
这一轮测下来,AI 的能力已经发展到可以设计高保真、多页的交互界面了。产品经理和设计师的工作方式在慢慢变化,有越来越多人开始把 AI 用到日常工作中。但是这也让我们更重视,怎么定义需求、怎么判断方案了,“怎么做决定”反而是更重要的能力。
0
举报
|
收藏
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
3D卡通UI界面图标可爱插画免扣素
科技医疗透明柜UI界面设计
【新年UI图标】体育icon
UI通用设计素材1
【新年UI图标】秒杀icon
高级表盘系列UI源文件
APP/小程序商业项目UI模板|99个高保真UI+79个原型
新拟态风格 UI设计组件库
新能源APP应用UIKit
手表表盘UI系列
我的钱包-UI界面设计-app
【新年UI图标】会员icon
【新年UI图标】旅行icon
拟物风质感写实UI卡片合集源文件
3D渐变流体抽象矢量UI背景图
智能家居中心 简约 UI设计组件库
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
UI界面 组件
盲盒APP UI设计
Security Camera UI kit
高级感金属拟物 UI设计组件库
【新年UI图标】礼物/活动icon
户外旅行飞机情侣假日出行
你可能喜欢
相关收藏夹
大家都在看
登录注册