【设计体验】太阳能APP体验设计 | 作品集

#01

1. 视觉设计

配色方案

主色调：绿色（环保）、蓝色（科技感）、黄色（太阳能光感），参考自然能源的意象。

中性色：深灰（数据图表）、浅灰（背景），确保信息层级清晰。

示例：主色#4CAF50（绿） + 辅助色#2196F3（蓝） + 强调色#FFC107（黄）。

数据可视化

动态图表：折线图展示发电/用电曲线，环形图显示储能百分比。

拟物化图标：用太阳、电池、房屋图标增强识别性。

实时反馈：用电超量时，图表区域变为红色闪烁提示。

2. 交互设计

关键页面设计

首页：

顶部显示实时发电量、节省金额、等效植树量（如“今日发电=种3棵树”）。

中部为动态能源流向图（太阳能→家庭用电→储能/电网）。

底部快捷操作：一键切换“节能模式”、分享成就。

节能建议页：

卡片式建议（如“调整空调温度至26℃可省10%电量”），支持一键执行。

模拟效果：滑动按钮后显示预估节省金额动画。

微交互细节

点击设备图标时，弹出3D模型展示运行状态。

下拉刷新数据时，加载动画为太阳旋转+光粒子效果。

成就达成后，屏幕撒落绿叶粒子动效+音效反馈。

案例展示

图片来源：互联网 | 请勿商用 | 联系删除

欢迎来评论区留言讨论~

---

精彩回顾

【设计体验】在线学习平台体验设计 | 作品集

【设计体验】健康辅导类APP体验设计 | 作品集

【设计体验】加密基金-SaaS＆区块链体验设计 | 作品集

-欢迎设计合作  敬请后台留言-

精彩分享 | 前沿资讯 | 设置为“星标”！