夏季设计注意事项：做电商视觉三年，踩过的坑都在这

去年6月我接了个夏季大促的页面设计，习惯性用了春天那套低饱和薄荷绿配浅灰底。上线第三天数据往下掉，运营来找我，说用户在户外点开根本看不清按钮在哪。我拿着手机跑到楼下太阳底下站了五分钟，确实，整个页面糊成一片。那次之后我改了整套夏季视觉的检查清单，现在分享出来。

夏天做设计，先改掉屏幕亮度的假设

冬天大家多在室内看手机，屏幕和环境光反差小，浅色、低对比的设计看着舒服。夏天不一样，通勤路上、排队、等外卖，大量时间是在室外强光下看屏幕。这时候屏幕亮度会被环境光压下去，浅灰底配白卡片那套做法直接失效。

我的经验是把正文和背景的对比度往上提一档。平时用 #333 配 #FFF 没问题，但浅灰底 #F5F5F5 上的 #999 文字，夏天户外基本等于没写。按钮更明显，浅蓝底白字在阳光下的识别距离会缩短一半以上，要么加深底色，要么给按钮加一层深色描边。

还有个反直觉的点：夏天不要一味追求清爽。大面积高饱和的橙、黄、荧光绿看着有夏日感，放在手机屏幕上连续看超过十秒就刺眼，用户会下意识往下滑，反而错过核心信息。我的做法是主色面积控制在三成以内，剩下用中性色留白。

• 正文对比度至少 4.5:1，按钮和关键文字按 7:1 走
• 主色大面积铺底不超过画面 30%，避免整屏高饱和
• 浅色卡片必须加细边框或阴影，否则在强光下会融进背景
• 别用纯白 #FFFFFF 做整页底，户外反光厉害，改成 #FAFAFA 更耐看

物料和印刷，夏天多两个坑

屏幕之外的问题更容易被忽略。前年帮一个客户做户外市集物料，喷绘背景用的是深藏蓝，展架搭在广场上晒了两天，布面受热绷紧，边缘直接开裂。同期做的亚克力立牌，中午温度上来之后面板微微鼓起，卡槽卡不进去。选材上我的建议是户外长期物料避开大面积深色，深色吸热，热胀冷缩比浅色明显。

喷绘墨水要问清楚是不是抗UV的，普通墨水在南方夏天晒一个多月就开始偏色，红色先跑，变成粉的。覆膜别省，哑膜比亮膜耐晒，亮膜反光还会让画面细节看不清。湿度也得算进去，梅雨季和台风前后纸质物料容易返潮起皱，折页和手提袋尽量选覆膜铜版纸，或者干脆换成PP材质。印刷打样最好在交付前一周内确认，隔太久环境变了，色差会比你想的大。

回到开头那个大促页面。我最后的改法很简单：所有按钮底色加深两个色阶，文字加 1px 深色描边，浅灰背景统一压到 #FAFAFA，主视觉的橙黄色块面积砍掉一半。改完第二天点击率回到原来水平，第三天比之前高了大概 12%。

这套改动没有任何创意层面的东西，就是把「用户在哪看」这件事重新想了一遍。夏季设计注意事项说白了就一句：别拿空调房里的显示器当标准，去楼下太阳底下看一眼自己的稿子。看得清，才算做完了。