网页设计视觉，让整个界面布局 “一眼吸睛”
1. 色彩心理学应用
规则：
主色占 60%（品牌色，如 Facebook 蓝），辅助色占 30%（对比色，如 CTA 按钮用亮黄），强调色占 10%（点缀色，如提示图标红），
行业适配：医疗用蓝 / 绿（专业感），餐饮用橙 / 红（刺激食欲），科技用银 / 紫（未来感）
工具：Adobe Color、Coolors 生成配色方案，避免超过 4 种主色调
2. 字体搭配法则
层级公式：
标题（H1）：无衬线粗体字（如思源黑体 Bold），字号 24-36px
正文：无衬线常规体（如苹方 - 简、Roboto），字号 14-16px，行高 1.5 倍
强调：斜体或变色（如链接用品牌主色），避免全站超过 3 种字体
3. 留白的 “呼吸感” 设计
黄金比例：
模块间距遵循 8pt 网格系统（8px、16px、24px 倍数递增）
案例：苹果官网通过大量留白突出产品图，焦点区域点击率提升 40%
4. 图片选择 3 原则
高清无码（分辨率≥1920×1080）
风格统一（如全用扁平化插画或实拍图）
情绪匹配（环保主题用自然风光，科技感用实验室场景）
工具：Unsplash（免费高清图）、Freepik（可商用插画）
5. 卡片式布局降维打击
适用场景：
信息列表（新闻、商品）、功能模块分组（如电商首页的 “新人福利”“热销推荐”）
优势：通过阴影（0-4px）和圆角（4-8px）制造层次感，提升移动端适配性
