可灵Kling/可图设计总结:探索AI时代设计新思路

用户头像
北京/设计爱好者/1年前/1748浏览
可灵Kling/可图设计总结:探索AI时代设计新思路
可灵Kling/可图设计总结:探索AI时代设计新思路(图ZMzgyODQ2NDY4) - 软件界面 - 站酷设计师吃兔兔_原创素材 - 站酷ZCOOL
收藏
23年是AI大爆发的一年,我也有幸参与其中主导可灵、可图、飞船等产品的视觉设计,这篇文章主要是想对自己过去成果的一个总结,以及对于未来设计流行方向的一些更多可能性的思考。
可灵Kling/可图设计总结:探索AI时代设计新思路(图ZMzgyODI2MTI4) - 软件界面 - 站酷设计师吃兔兔_原创素材 - 站酷ZCOOL
该图片由可图大模型产出
收藏
近年来国内产品的视觉UI设计同质化严重,而此时随着AI能力的不断发展,AIGC作为一个新兴行业,同时也给设计师们带来了新的机遇:
1、行业机遇
23年是AIGC兴起并爆发的一年,作为新兴行业其视觉语言尚未被定义需要不断探索。这给了设计师极大的发挥空间,无疑是新的机遇。
2、审美机遇
近年来,国内千篇一律的设计风格已经让用户审美疲劳,像是喧宾夺主3D风格、以及对可点击感的追求等给用户造成了视觉压力。在此背景下,探索新的设计语言是一个必然的趋势。
3、生产力机遇
随着AI图像的不断完善,对设计师的创作也有极大的帮助。可以帮助许多设计师将更多元更大胆的想法实现,逐渐出现了许多更具艺术性的作品风格。
刚好在这段时间我接到了可图和可灵视觉设计的紧急需求,尝试将一些新的风格融入到此次设计中。具体着手设计的一些流程,比如竞品分析等就不在此多做赘述了,相信懂的都懂。
可灵Kling/可图设计总结:探索AI时代设计新思路(图ZMzgyODI1MDk2) - 软件界面 - 站酷设计师吃兔兔_原创素材 - 站酷ZCOOL
收藏
对AI产品有了解的应该知道,相对于其他的产品,AI产品功能和交互上较为简单。同时
可灵和可图是在业内发布时间较晚的,在行业内已经有几家头部公司发布了相关产品后,还想要在设计领域做出差异化,最好的切入点就是从视觉入手
在对竞品风格分析后,我开始大量浏览国外优秀的设计方案。在此也非常感谢我的业务方和我的老板,他们对我的信任以及优秀的审美,让我可以大胆的将一些较为前沿的设计方案地~
可灵Kling/可图设计总结:探索AI时代设计新思路(图ZMzgyODI0NjY4) - 软件界面 - 站酷设计师吃兔兔_原创素材 - 站酷ZCOOL
插个题外小故事:可图其实是最先设计和上线的,可灵的爆火是大家都没有料到的,十万火急的从立项到上线,在短短半个月左右的时间完成。设计风格上几乎延续了可图的设计思路,因此我主要以可图作为case来讲~
收藏
主视觉的设计概念为“让创意浮出水面”!
相信每个人小时候都有一个画家梦吧,但由于绘画门槛高,很多人逐渐放弃了这个梦想,现在随着AIGC的兴起,我们希望用户可以借助AI帮助他们将内心的想法表达出来,让他们的创意浮出水面~
作为一款AI产品,在设计主视觉的时候我给自己的一个预期是希望可以由AI产出,从结果看确实是可行的,UI设计师们的好帮手~
UI设计思路
在UI设计上,我延续了AI产品的Dark模式,作为一个科技和创意类的产品,Dark模式在设计表现上可以更有冲击力,更能“整活”。整套UI的设计理念是“多元碰撞灵感,激漾缔造卓越”,希望能够通过不设限的、创新设计,让用户感同身受,同时对产品创新、科技的品牌属性记忆深刻。
可灵Kling/可图设计总结:探索AI时代设计新思路(图ZMzgyODI1MjA4) - 软件界面 - 站酷设计师吃兔兔_原创素材 - 站酷ZCOOL
收藏
UI手法上,采用了更多元的界面设计:模块卡片化区分更清晰...大圆角设计界面更活泼...弱导航设计更沉浸...同时,由于实际使用界面功能非常简单,在操作界面当中大胆融入了视觉元素,让页面“活”了起来,更有生命力,更好的帮助提升产品的品牌调性~
可灵Kling/可图设计总结:探索AI时代设计新思路(图ZMzgyODI1MjI0) - 软件界面 - 站酷设计师吃兔兔_原创素材 - 站酷ZCOOL
收藏
Current Time 0:00
/
Duration Time 0:00
Progress: NaN%
Playback Rate
1.00x
一款好的UI设计,必然离不开ICON设计,在ICON的设计上我采用了更圆润和更粗的线条,更加的活泼。在页面上也很吸睛。PS:感谢唐老板的大力支持~
可灵Kling/可图设计总结:探索AI时代设计新思路(图ZMzgyODI2NjA0) - 软件界面 - 站酷设计师吃兔兔_原创素材 - 站酷ZCOOL
收藏
可灵Kling/可图设计总结:探索AI时代设计新思路(图ZMzgyODI2Nzgw) - 软件界面 - 站酷设计师吃兔兔_原创素材 - 站酷ZCOOL
收藏
虽然现在可图web端https://kolors.kuaishou.com/ 已经停止服务,但还是放个链接,从设计到研发大家都投入了很多心血,效果还是很不错的,可图也同步设计了小程序,希望大家多多体验~
可灵Kling/可图设计总结:探索AI时代设计新思路(图ZMzgyODI3MDg0) - 软件界面 - 站酷设计师吃兔兔_原创素材 - 站酷ZCOOL
收藏
可灵Kling/可图设计总结:探索AI时代设计新思路(图ZMzgyODI3MDg4) - 软件界面 - 站酷设计师吃兔兔_原创素材 - 站酷ZCOOL
收藏
还没结束,再说说可灵 https://klingai.kuaishou.com/。
Current Time 0:00
/
Duration Time 0:00
Progress: NaN%
Playback Rate
1.00x
可灵的主视觉还是延续了“让创意浮出水面”的设计概念,不过由于增加了AI视频功能,在原来的设计中加入了代表视频播放符号的“山”的元素。同时希望产品更能倾向视频功能,因此在品牌色上加入了更有视频风格的青蓝色。
UI设计上,通过对可图的细节不足之处查漏补缺精细化打磨,可灵在UI界面的表现更佳,整体风格更为扁平,也更精致,更经的起琢磨~
可灵Kling/可图设计总结:探索AI时代设计新思路(图ZMzgyODI3NjIw) - 软件界面 - 站酷设计师吃兔兔_原创素材 - 站酷ZCOOL
提案的一些概念稿子
收藏
本次分享结束,当然过程中有很多有趣的小故事,感兴趣的话下次我再整理一下分享给大家~~
再次感谢我的并肩作战的战友们,大家一起努力才能完成一个完整的项目~
哦,对还有一些未来的设计方向的探索...后面再讲吧,浅放一个界面,感兴趣的话下次一定......
可灵Kling/可图设计总结:探索AI时代设计新思路(图ZMzgyODI4MTM2) - 软件界面 - 站酷设计师吃兔兔_原创素材 - 站酷ZCOOL
KS内部AIGC产品的首页设计,已获得红点奖
收藏
31
举报
|
48
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
加载中
推荐素材
科技感十足的音乐作曲软件界面
科技感软件升级提示
手机APP理财软件界面设计
网络安全防护示意图
视频编辑软件界面
唯美系插画
智能手表插画
蓝色软件界面
未来科技界面插画
软件界面工具栏主题
绘图软件界面中的菠萝插画
3D风格的应用程序界面
蓝色透明文件夹图标设计
人物图标设计
三维手机应用软件界面图标立体化
科技感软件升级提示
IP形象插画设计
科技感软件升级提示
基斯·哈林风格的乐器贴图
B端2.5D插画
蓝色日历图标悬浮展示
蓝色科技感检查清单界面
水滴与工具栏主题
炫彩渐变风格的 APP 图标素材
你可能喜欢
相关收藏夹
大家都在看
登录注册