·
![broken image](http://user-assets.sxlcdn.com/images/474661/Fv0tdrfpi5JcROPDk72rlyXmaxYB.png?imageMogr2/strip/auto-orient/thumbnail/1200x9000>/quality/90!/format/png)
卡片设计是目前主流的HMI设计方向,卡片作为UI的最基础,最受用户欢迎的形态一直受体验设计师的关注。
2021年9月,我负责吉利打造其首款卡片式HMI,融合了3D与虚拟商店概念,顺应了硬件渲染能力的提升及3D内容的增长。传统的卡片式设计凭借其直观和用户友好的特性,同时3D内容的引入为车载界面带来了新的维度。
![broken image](http://user-assets.sxlcdn.com/images/474661/FqUagJRNcL-z5RQf4jDaIfwiCBL0.png?imageMogr2/strip/auto-orient/thumbnail/1200x9000>/quality/90!/format/png)
2021年9月为吉利极氪的概念设计
今年d/p对原始卡片设计做了升级,探索了卡片的三种形态,极简/摘要/展开,并为滑动专门设计了中间的混杂形态,作为对原始设计的升级探索,我们思考了很多。
![broken image](http://user-assets.sxlcdn.com/images/474661/FnjJYV7TbS9afrKLTkqPwzrfMg4q.png?imageMogr2/strip/auto-orient/thumbnail/1200x9000>/quality/90!/format/png)
卡片摘要态
![broken image](http://user-assets.sxlcdn.com/images/474661/FgSfTfQMC7c7tjXnYyVMndSy1qCJ.jpg?imageMogr2/strip/auto-orient/thumbnail/1200x9000>/quality/90!/interlace/1/format/jpeg)
![broken image](http://user-assets.sxlcdn.com/images/474661/FpsocGzQ1v48XjgTENJhZ9h-RiKL.png?imageMogr2/strip/auto-orient/thumbnail/1200x9000>/quality/90!/format/png)
卡片展开态与极简态
![broken image](http://user-assets.sxlcdn.com/images/474661/FvF5G7dRjALX5e0lB7DY98820rCZ.png?imageMogr2/strip/auto-orient/thumbnail/1200x9000>/quality/90!/format/png)
智能家居的界面
卡片设计探索版权所有,未经允许,请勿商用,就这么多,大家抛砖引玉!
PS:3d渲染+设计字体+Icon 完全自主设计,后期考虑加入动效,敬请关注更新!