夜雨聆风严选好文，学设计，少走弯路
作者：美叶，仅供交流学习
案例
01
注：设计作品，仅供学习交流，设计灵感，不可作为商用，版权归原作者所有！
 |  |
页签、tab选项卡、卡片列表、标签样式等设计
 |  |
好物定制，AI服务，鉴定服务等功能卡片创意设计
 |  |
 |  |
 |  |
注：作品仅供学习交流，不可作为商用，版权归原作者所有！
设计思路
02
布局策略
采用底部Tab导航+顶部信息栏+卡片式内容流的经典结构。浅色页面侧重留白分割，信息密度高；深色页面则利用发光卡片悬浮，强化空间层次与沉浸探索感。
配色逻辑
浅色调以白/浅灰为底，辅以高饱和品牌色作焦点，优点是文字对比清晰、适合长时间阅读，缺点是缺乏沉浸感且同质化严重。
深色调以深灰/黑打底，搭配霓虹紫、青、橙等发光色，优点是在OLED屏上省电、夜间舒适、科技感强，缺点是设计不当易导致对比度不足或视觉压抑。
设计感与创意亮点
深色界面通过微光边缘图标、背景电路纹理及悬浮投影，模拟“数字全息场”，让功能卡片仿佛漂浮于宇宙，极大强化探索欲。
浅色界面则依靠柔和阴影、圆角与大色块标签，在保证秩序感的同时突出促销信息。
核心原则是：“浅色服务效率，深色服务沉浸”，两者结合使用往往能兼顾清晰度与视觉冲击力。
视频号
03
【学习加群方式】
差不多就写完了...大家觉得有帮助的话，记得点赞，推荐，转发～
