Keyboard shortcuts

Press or to navigate between chapters

Press S or / to search in the book

Press ? to show this help

Press Esc to hide this help

平面风格

专为现代内容设计的现代平面矢量插画风格

设计美学

采用现代平面设计美学,以简洁的几何形状为特点,层次感较弱。整体为纯净的几何形态,不使用渐变或阴影效果。风格现代、易于理解且高度可读,同时凭借可缩放的矢量质量,非常适合数字展示场景。

背景设置

  • 颜色:白色(#FFFFFF)或浅灰色(#F5F5F5)
  • 纹理:无——纯色背景

颜色方案

角色颜色十六进制值用途
背景白色#FFFFFF主要背景色
辅助背景浅灰色#F5F5F5强调区域
主色调鲜艳蓝色#3B82F6主要元素颜色
辅助色调珊瑚色#F97316辅助元素颜色
第三色调翡翠绿#10B981强调元素颜色
强调色1紫色#8B5CF6额外强调色
强调色2琥珀色#F59E0B突出显示用色
文本颜色深石板灰#1E293B文本内容颜色
浅文本色浅灰色#E5E7EB轻微标注用色

视觉元素

  • 粗线条几何形状
  • 无渐变的纯色填充
  • 简洁的字符插画
  • 精致的图标设计
  • 最简化的线条处理
  • 图形重叠组合
  • 抽象概念可视化表现
  • 一致的线条粗细

风格准则

应该这样做

  • 使用纯色平面风格
  • 设计简洁的几何形状
  • 保持元素简洁性
  • 维持统一的设计风格
  • 运用对比鲜明的色彩组合

不应该这样做

  • 添加阴影或层次感
  • 使用渐变或纹理效果
  • 创作写实风格的插画
  • 添加不必要的细节
  • 使用照片类元素

适用场景

现代文章、应用与产品相关内容、初创企业故事、数字领域主题、当代商业资讯、科技公司博客以及社交媒体内容