配色

配色, 主色调

• 特色鲜明, 独特风格, 留下深刻印象
• 搭配合理, 避免使用大面积, 高纯度的颜色, 容易产生视觉疲劳
• 讲究艺术性

寻找色彩搭配

• 近似色, 当前颜色左右两边的颜色
• 补色, 对比色, 180度
• 分裂补色, 当前颜色补色的近似色

配色方法

• 单色, 色相上没有变化, 在纯度和饱和度上寻求变化; 最保守的配色方案, 最容易让人接受的配色, 画面平稳美观
• 近似色配色法, 产生低对比和谐的画面效果
• 补色, 传达活力和兴奋, 具有很强的视觉对比冲突
  1. 用过渡颜色做径向渐变
  2. 用当前底色做明度变化的径向渐变
  3. 用无色系做过渡, 做线条或文字
• 分裂补色, 活力, 兴奋, 具有视觉冲突, 相对于补色稍显柔和
• 马赛克配色法, 画面中的配色源于图片素材, 让两者之间产生关联, 画面具有较高的统一性和完整性
  • 滤镜>马赛克, 取色
  • 设置背景色,
  • 设置字体颜色, 方法字体可以设为背景色提亮

不要去找色相环上同一圈上的颜色进行搭配, 要错位开, 补色也一样

细节 面部朝向

文字在设计中的作用

1. 主标题, 广告语
   • 大标宋, 大黑简体, 综艺简体, 比划相对较粗的字体, 除女性相关的画面外
2. 副标题, 针对主标题起到解释, 说明, 补充作用
   • 小标宋
3. 正文, 字数最多
   • 偏细黑体, 微软雅黑, 中等线, 宋三

网站配色中的忌讳

1. 控制颜色的数量, 包括主色调, 不应超过三种. 电商类不超过五种(加调节, 提升明度, 降低明度). 字体的数量控制不超过三种
2. 文字信息要清晰可见, 有较高的可阅读性, 每行的字数, 字间距, 行间距, 字体笔画厚重与否, 字体大小, 字体颜色(和背景颜色之间的反差). 绝对不要用花纹繁复的图案作为背景
3. 保持网站所有页面色彩风格一致, 尽量避免同一主题网站使用若干个种不相关的配色

补色配色法, 寻求补色做点缀搭配时, 补色所占面积不应超过 25%
分裂补色, 不应超过 35%

照片的视觉度, 相对于文字来说, 图片所产生的视觉强度.

• 幅面大小
• 颜色
• 画面内容
• 版型
  1. 挖版(抠图), 视觉强度最强
  2. 角版
  3. 出血版
  4. 羽化版, 通常不用于商业设计, 少采用, 视觉强度最弱(柔和)
• 大小对比

明快的插画视觉度最高, 而云海类风景照片视觉度最低

留白, 画面内没有主要视觉元素的位置(底纹隶属于留白).

版心, 画面主要元素所占范围

• 非出血版, 文字, LOGO等不可超出版心
• 底色, 底纹, 出血版的图片可以超出版心

画面风格的定位

• 风格一: 高贵, 典雅 大气, 安静
  • 饱和度偏低, 视觉度偏低, 留白偏多, 版心偏小, 网格拘束率偏高
• 风格一: 热情, 嘈杂, 廉价
  • 饱和度偏高, 视觉度偏高, 留白偏少, 版心偏大, 网格拘束率偏低

企业文化, 用户群体(年龄层次 性别), 企业文化理念相关

有时候风格会受企业标准色的影响, 可以调整出现比例, 以及版面大小