设计稿在电脑上看非常精致：细腻的渐变、精巧的辅助图形、优雅的英文副标题。做成社交账号头像之后，屏幕上只剩一个模糊的色块，看不出是什么。
这不是设计不好，是设计时参照的尺寸，和顾客实际看到的尺寸差了几十倍。
顾客在手机上看到品牌的三个尺寸
极小尺寸：头像与图标。 社交账号头像、外卖平台店铺图标、通知栏图标、浏览器标签图标。这些位置的显示区域通常只有几十像素见方，而且经常是圆形裁切。
小尺寸：列表缩略图。 平台列表页的店铺图、商品缩略图、搜索结果的配图。这个尺寸下顾客通常在快速滑动，单个元素获得的注视时间不到一秒。
中等尺寸：详情页与内容图。 商品主图、店铺首页横幅、内容配图。这是移动端相对宽裕的展示空间，但仍然远小于设计稿。
多数品牌的视觉系统只为中等及以上尺寸设计过，前两个尺寸靠的是”把大图缩小”——结果就是关键信息全部丢失。
极小尺寸的适配原则
只保留一个元素。 完整的标志组合（图形加文字加副标题）在头像尺寸下必然糊掉。正确做法是提取一个最有辨识度的单一元素：一个图形符号、一个首字、一个高对比的色块组合。
对比度优先于精致度。 细线条、浅色渐变、低对比配色在小尺寸下会直接消失。头像版本应该使用最强的明暗对比。
考虑圆形裁切。 很多平台的头像是圆形显示，方形设计的四角内容会被切掉。设计时要把关键内容控制在内切圆范围内。
准备深色背景版本。 部分界面在深色模式下显示，浅色元素可能与背景融合。至少准备一个反白版本备用。
小尺寸的适配原则
主体占比要大。 列表缩略图里，主体（产品或核心信息）应占据画面的绝大部分，环境和留白要压缩。摄影棚式的大面积留白构图，在缩略图里等于浪费了大部分面积。
文字要么极大，要么不要。 缩略图上的小字完全不可读，只会变成噪点。需要文字的话，就用少数几个大字；否则干脆不放文字，让图片本身传达信息。
避免依赖细节区分。 如果两个产品的缩略图只靠细微差别区分，顾客在快速滑动时无法分辨。同一品牌不同产品的缩略图，应该有可以在小尺寸下识别的差异（主色、构图、角度）。
一套简单的测试方法
不需要专业工具，用手机就能完成：
第一步，实机截图测试。 把设计稿导入手机，缩放到实际显示尺寸（可以对照现有 App 里的头像和缩略图大小），观察还能看清什么。
第二步，一臂距离测试。 把手机放在正常使用距离，快速滑动经过，看能否在一秒内认出品牌。
第三步，混合环境测试。 把自己的图片放进真实的平台列表页中间（可以截图拼接模拟），和竞品并排看，判断辨识度。
第四步，深浅模式切换。 在系统深色和浅色模式下分别查看，确认在两种环境下都成立。
移动端适配核对清单
- 是否有专门的头像版本，而不是缩小的完整标志？
- 头像元素在圆形裁切后是否完整？
- 是否准备了深色背景下的反白版本？
- 缩略图中主体占比是否足够大？
- 小尺寸下的文字是否可读，不可读的是否已去除？
- 同品牌不同产品的缩略图，在小尺寸下能否区分？
- 是否在真实手机上做过实机测试？
- 各平台的图片规范和裁切规则是否已确认？
常见问题
要不要为手机端单独设计一套标志？
不需要另一套标志，需要的是同一套标志的多尺寸版本：完整版用于大尺寸场景，简化版去掉副标题和细节，极简版只保留核心符号。三个版本共享同一识别基因，按场景调用。这应该是 VI 规范的标准内容。
图片被平台压缩得很模糊，怎么办？
先确认是否符合平台的尺寸和格式规范——很多模糊是因为上传了不匹配比例的图片被强制拉伸。其次，简化画面本身也能减少压缩损失：细节越少、对比越强的图片，压缩后的表现越好。
已经用了很久的标志，在小尺寸下效果差，要重做吗？
不一定要推翻。多数情况可以通过提取和简化解决——从现有标志中提取一个最具辨识度的元素，做成小尺寸专用版本，与完整版共存。这样既解决了适配问题，又保留了已有认知。
顾客判断你的品牌，很多时候就在那几十个像素里。设计稿再精致，过不了小尺寸这一关，就等于没被看见。相关的系统规范可参考什么是VI设计。
品牌视觉系统与多场景适配咨询：400-0791-601。