视觉设计简洁聚焦适配小屏体验，移动端屏幕空间有限视觉设计需去冗余、抓重点让用户3秒内get核心价值避免视觉疲劳，色彩搭配少而精高对比核心原则，主色≤2 种品牌色辅助色、中性色、黑、白、灰、为主，避免高饱和度色彩堆砌刺眼且分散注意力，实操技巧主色贯穿全局、按钮、标题、重点信息保持品牌一致性。
对比色转化按钮与背景形成强对比，白色背景配橙色按钮、深色背景配白色按钮确保视觉突出，中性色正文用深灰#333，辅助文字用中灰#666，背景用浅灰#f5f5f5或白色，提升可读性避免纯黑#000过于刺眼，避坑提示避免深色背景配浅色文字时对比度不足，深灰#333配浅灰#ccc可用，对比度检查工具验证对比度≥4.5:1，字体设计易读优先层级清晰核心原则，字体种类≤2种标题字体正文字体，字号适配单手阅读避免过小或过大。
实操技巧字体选择优先无衬线字体，笔画清晰适配小屏显示，字号规范适配375px-428px主流手机屏幕，大标题18-20px粗体首屏核心标题可用，小标题16px粗体模块标题卡片标题，正文14px常规字重核心内容，辅助文字12px时间、备注、标签、按钮文字≥14px粗体确保触摸时易读，行间距与段落正文行间距1.5-1.8 倍，段落间距≥16px每段≤3行避免大段文字堆砌，移动端用户不愿长时间阅读，避坑提示避免使用艺术字、小众字体可能无法显示不缩小行间距追求，多放内容导致阅读困难。
布局设计单列优先留白充足核心原则，扁平化单列布局减少用户横向滑动，用留白和模块分区明确信息层级，实操技巧页面宽度自适应屏幕宽度100%，左右内边距≥16px避免内容贴边触摸时误触，布局结构顶部导航→核心内容区→底部转化栏，符合移动端用户操作习惯，顶部导航简化为Logo、搜索、汉堡菜单、汉堡菜单点击展开二级导航，避免一级导航占用过多空间，核心内容区按重要性排序，首屏展示核心价值转化入口，次要内容如企业介绍资讯放在下方。
底部转化栏固定显示核心转化入口、电话、表单、微信二维码、滚动不消失模块分区用留白≥16px、浅背景色或细线条1px，#eee、分隔模块避免视觉混乱，避免PC端多列布局直接移植，双列产品展示移动端需自动转为单列，首屏内容不超过3个模块核心价值，避免用户找不到重点。
