手机端设计的目标不是"好看"，是"好用"。客户在手机上操作时，手指比鼠标粗，屏幕比电脑小，网络比宽带慢。设计需要适应这些约束条件。

字体：正文至少16px，标题更大

电脑上看着舒服的字号，手机上可能小到需要手动放大。正文至少用16px以上的字号，标题用20px以上。不要用小于14px的字号，客户不会去放大，他会直接关掉。行距也要比PC端大一些，让文字在手机屏幕上更容易阅读。如果你不确定字号是否合适，把手机拿给一个四十岁以上的人看，如果他能不用放大就看清正文，说明字号达标了。

按钮：可点击区域足够大，间距足够

手机屏幕上的可点击区域至少要有44px×44px，这是手指能轻松点中的最小尺寸。按钮之间的间距也要足够，避免想点A却点到了B。客户在手机上点按钮的时候，通常是在走路、等车、或者注意力不集中的场景下。按钮太小，点几次点不准，他就放弃了。按钮的颜色要与背景形成对比，让客户一眼就能看到"这里可以点"。

图片：压缩格式，适配移动网络

手机端的图片需要压缩到适合移动网络的尺寸，单张控制在200KB以内。格式优先用WebP，比JPEG更小且质量更好。不要直接上传相机拍的原图，一张原图三五兆，首页放五六张，加载量就有几十兆，客户等不起。每张图片添加ALT标签，描述图片内容。

布局：移动优先，从单列开始

手机端布局应该从单列开始设计，产品卡片纵向排列，导航折叠为汉堡菜单。不要试图在手机上显示多列布局，屏幕宽度不够，内容会挤在一起。响应式设计的断点设置：手机竖屏（小于768px）单列，平板（768px到1024px）两列，桌面（大于1024px）三列。

实操建议：用手机测试设计效果

在电脑上设计好页面后，用手机打开检查。文字是否清晰、按钮是否好点、图片是否加载正常、布局是否整齐。发现问题截图记录，集中反馈给技术方处理。设计标准不是"我觉得好看"，是"客户用着舒服"。