生鲜杂货 App 界面
App界面绿色系清新卡片式 · 3D 图标· 736×1104
生鲜电商 App 全流程 UI 展示，真实食材环绕六屏界面的绿色系设计。
点击图片放大欣赏 · 滚轮缩放 · 736×1104
01配色分析
色彩构成与策略
品牌绿主色
#1BA97C
画面占比 ~28%
薄荷白辅色
#DFF3EA
画面占比 ~27%
白辅色
#FFFFFF
画面占比 ~22%
珊瑚红点缀
#FF6B5B
画面占比 ~13%
蛋黄点缀
#FFC93C
画面占比 ~10%
生鲜品类的「健康绿」系统：品牌绿 #1BA97C 明度适中、偏冷调，既关联蔬菜又有别于传统商超的正绿；薄荷白渐变做界面底色保证轻盈；珊瑚红严格限定在促销与角标等「需要被立刻看到」的位置——功能色与品牌色分工明确，是电商 UI 的基本功。
02设计解读
版式与创意
生鲜杂货电商 App 的 UI 展示图，覆盖启动引导、首页、分类、商详、购物车到结算的完整购物流程。六屏界面错落排布、被真实蔬果摄影环绕，圆角卡片与柔和阴影的现代简约语言贯穿；品牌绿承担按钮与高亮，橙红只给促销标签与购物车角标，信息层级清晰。
- 六屏全流程展示，从获客引导到下单的完整闭环
- 真实食材环绕界面，「新鲜直达」氛围到位
- 3D 分类图标 + 卡片式布局，现代且亲切
- 绿色价格加粗 + 胶囊折扣标签，转化细节完整
03相关设计
