本次UI升级，首先是营造全新视觉美，大圆角+卡片化布局，提升模块聚焦，同时增加页面留白，凸显品质更具呼吸感，营造焕然一新视觉体验。
其次是强化运营感，提高组件使用率，减少装修运营成本，让小白用户也可以轻松装出高级感商城。
营造视觉美
全新升级的视觉体验
沉浸式 Banner，打造沉浸式用户体验
首页顶部新增沉浸式Banner，提供3款样式选择。沉浸式Banner大大提升视觉呈现效果，内容展示更高效，第一时间锁定用户注意力。
![图片[3]-抢先看！辰本云Mall商城UI重磅升级剧透-热资源](https://oss.rziyuan.com/2023/02/20230216072756177.png?imageView2/0/format/webp/q/80|watermark/1/image/aHR0cHM6Ly9vc3MucnppeXVhbi5jb20vc3kucG5n/dissolve/10/gravity/Center/dx/10/dy/10)
瓷片广告位/商品组，让营销更吸睛
页面设计中的瓷片区作为与banner、金刚区并行的三大运营板块，导流效果出众。新增的瓷片广告位+瓷片商品组，配合使用增加商品曝光，导流吸睛，让每个运营活动更高效。
![图片[5]-抢先看！辰本云Mall商城UI重磅升级剧透-热资源](https://oss.rziyuan.com/2023/02/20230216072848838.png?imageView2/0/format/webp/q/80|watermark/1/image/aHR0cHM6Ly9vc3MucnppeXVhbi5jb20vc3kucG5n/dissolve/10/gravity/Center/dx/10/dy/10)
商品橱窗组，随手「装」出高级感简单理解，商品橱窗组类似单图组+商品组的结合，优势在于商品橱窗组整体性更强，组件装修更便捷，页面一整个简洁高级，配合大型营销活动时，整体卡片化的呈现更具吸引力。
![图片[7]-抢先看！辰本云Mall商城UI重磅升级剧透-热资源](https://oss.rziyuan.com/2023/02/20230216072928328.png?imageView2/0/format/webp/q/80|watermark/1/image/aHR0cHM6Ly9vc3MucnppeXVhbi5jb20vc3kucG5n/dissolve/10/gravity/Center/dx/10/dy/10)
自带流量的图片展播，运营得心应手如果说商品橱窗组展示空间相对有限，那么图片展播就给运营留足了空间。支持自定义的标题、图片，怎么吸睛怎么设计，全部你说了算。通过图片展播引导用户关注，跳转任意你想要跳转的链接。
![图片[9]-抢先看！辰本云Mall商城UI重磅升级剧透-热资源](https://oss.rziyuan.com/2023/02/20230216072959490.png?imageView2/0/format/webp/q/80|watermark/1/image/aHR0cHM6Ly9vc3MucnppeXVhbi5jb20vc3kucG5n/dissolve/10/gravity/Center/dx/10/dy/10)
商品组瀑布流样式，「刷」到停不下来瀑布流样式可以更有效的利用页面空间并充分展示内容，让用户的浏览体验更加沉浸；错落的图片也更容易形成视觉引导，让用户不断向下浏览，延长停留时间，提升下单概率。
![图片[11]-抢先看！辰本云Mall商城UI重磅升级剧透-热资源](https://oss.rziyuan.com/2023/02/20230216073036854.png?imageView2/0/format/webp/q/80|watermark/1/image/aHR0cHM6Ly9vc3MucnppeXVhbi5jb20vc3kucG5n/dissolve/10/gravity/Center/dx/10/dy/10)
强化运营感
商城整体页面优化
除了首页，商城其他页面均进行了整体页面优化，比如活动页面，从配色到布局更具营销性；确认订单等功能页面，调整字号及间距，强化运营感及核心功能。
活动详情页，更具活动氛围感
活动详情页，更加强化运营属性，突出营销氛围，同时也做了卡片化的升级，整体页面呈现丰富而不杂乱。
![图片[13]-抢先看！辰本云Mall商城UI重磅升级剧透-热资源](https://oss.rziyuan.com/2023/02/20230216073216294.png?imageView2/0/format/webp/q/80|watermark/1/image/aHR0cHM6Ly9vc3MucnppeXVhbi5jb20vc3kucG5n/dissolve/10/gravity/Center/dx/10/dy/10)
个人中心页，顶部样式更高级个人中心页新增2个顶部样式，更具高级感，同时图标组支持上传图片啦，满足更多用户个性化装修风格。
![图片[15]-抢先看！辰本云Mall商城UI重磅升级剧透-热资源](https://oss.rziyuan.com/2023/02/20230216073215870.png?imageView2/0/format/webp/q/80|watermark/1/image/aHR0cHM6Ly9vc3MucnppeXVhbi5jb20vc3kucG5n/dissolve/10/gravity/Center/dx/10/dy/10)
确认订单/订单详情页，页面优化升级确认订单及订单详情页，页面整体布局升级为卡片化，信息聚焦，整体页面简约清晰。
![图片[17]-抢先看！辰本云Mall商城UI重磅升级剧透-热资源](https://oss.rziyuan.com/2023/02/20230216073214997.png?imageView2/0/format/webp/q/80|watermark/1/image/aHR0cHM6Ly9vc3MucnppeXVhbi5jb20vc3kucG5n/dissolve/10/gravity/Center/dx/10/dy/10)
![图片[18]-抢先看！辰本云Mall商城UI重磅升级剧透-热资源](https://oss.rziyuan.com/2023/02/20230216073212601.png?imageView2/0/format/webp/q/80|watermark/1/image/aHR0cHM6Ly9vc3MucnppeXVhbi5jb20vc3kucG5n/dissolve/10/gravity/Center/dx/10/dy/10)
商品分类页，随手可得的精致感商品分类页面，商品图及广告位升级为大圆角设计，整体更为高级；左侧边栏高度优化调整，页面简约精致。
![图片[20]-抢先看！辰本云Mall商城UI重磅升级剧透-热资源](https://oss.rziyuan.com/2023/02/20230216073211797.png?imageView2/0/format/webp/q/80|watermark/1/image/aHR0cHM6Ly9vc3MucnppeXVhbi5jb20vc3kucG5n/dissolve/10/gravity/Center/dx/10/dy/10)
看到这里，各位老板有没有一丢丢期待呢？
UI的全新升级预计会在2月底正式发布
本期仅做部分精彩剧透，届时还会有更多隐藏彩蛋等你解锁！敬请期待~
© 版权声明
文章版权归热资源所有，未经允许禁止转载。
THE END
暂无评论内容