订单台风格三选一

2026-10-15

PawChibi · 预计 3 分钟读完

结论

出了三套完全不同的风格,都能点着用。推荐「霓虹控制室」,配「未来白」当白天模式。

请 Austin 打开设计稿顶上切换比一比,挑一个。

一、霓虹控制室

深黑底加细网格,青色和品红的光从两角透进来,面板带发光边框和角标,像飞船控制台。

霓虹风格主页
今天主页:订单雷达发光,柱子是青到紫的渐变
霓虹风格订单台
订单台:当前这一步的节点一圈圈往外扩
打开霓虹版

二、极光玻璃

深蓝底上三团蓝、紫、青的极光缓慢飘动,所有面板是磨砂玻璃,圆角更大,按钮是胶囊形。

极光风格主页
今天主页:问候语是渐变字,背景一直在缓慢流动
极光风格订单台
订单台:玻璃面板透出背后的极光
打开极光版

三、未来白

亮色底加点阵,面板描一圈炫彩边,标题和大数字是蓝紫粉渐变。白天看最清楚。

未来白风格主页
今天主页:炫彩描边、渐变数字
未来白风格订单台
订单台:亮、干净、字最容易读
打开未来白版

四、对比

霓虹控制室极光玻璃未来白
第一眼最「赛博」、最有科技感最柔和、最高级最清爽
整天盯着用好,深色不刺眼好,但背景会动,有人会分心好,白天最清楚
看照片和效果图深底衬照片很出彩玻璃面板会让照片略发灰颜色最准
老电脑跑起来流畅磨砂和流动最吃性能流畅
三种风格手机版
手机上三种风格(从左到右:霓虹、极光、未来白)

风险与限制

3 条
  • 动的东西(扫描线、极光、节点外扩)在系统设了「减少动态效果」的电脑上会自动停。
  • 给客户的邮件预览不跟着换风格,始终是客户收到的品牌样子。
  • 选定后其余两套删掉,只保留选中的一套(可以带一个白天/夜间切换)。

要你选

打开 设计稿,最顶上一行能直接切换风格。选好告诉我一句,比如「霓虹,带白天模式」;都不满意也直接说,我接着换方向。