平面设计学习手记

drawing-tools

设计让生活更美好。

推荐看 oooooohmygosh 的视频,比看我这个有用多了。其中已给视频是 设计本是艺术,何苦把自己活成软件操作员。

原则

  • 先直观(清晰地传达信息)后美观
  • 亲密(Proximity)
  • 重复(Repetition)
  • 对比(Contrast)要强烈
  • 对齐(Alignment)
    • 少用居中,除非为了稳重、正式
    • 数字增大字号,上基线才能对齐

配色

分类

单色(Monochromatic Color)

  • 稳定
  • 和平
  • 单纯
  • 黑白:高雅,严肃,平静,酷

互补色(Complementary Colors)

  • 对比强烈,吸引眼球
  • 跳跃的、动感的
  • 适合作为 Logo 的颜色,不适合用于文字和背景的颜色

分割互补色(Split-Complementary Colors)

  • 能量与动态
  • 兼顾反差美与和谐美

相似色(Analogous Colors)

  • 和谐
  • 只想象征一种东西

三色组(Triadic Colors)

  • 平衡
  • 吸引视线
  • 分清三种颜色的主次

配色方案

醒目
黄(FDEB05)+ 黑(000000)+ 灰底(B5B5B5)

互补

  • 黄色 + 紫色
  • 红色 + 绿色
  • 蓝色 + 橙色

夜间模式(HSB)

  • 背景颜色:H = 品牌色 | S = 20 | 0 < B < 20
  • 文字颜色:H = 0 | S = 20 | 20 < B < 50
  • 彩色明度(B)降低为 50 左右
  • 元素(比如图片)添加 50% 的黑色遮罩

配色网站

字体

选字体

根据内容

  • 黑体:高效阅读、科技、现代、严肃
  • 宋体:韵味、艺术、刻板、古典、印刷、公文
  • 楷体:模拟软笔书法、传统、民族、诗歌、散文、情绪化

衬线与否

  • 非衬线字体看起来比较现代时尚
  • 衬线则古典稳重;有视觉引导的作用,可以加快读者的阅读速度

考虑媒介

  • 纸张:尺寸、阅读距离
  • 屏幕:尺寸、阅读距离
  • 字体类型:字重够不够用
  • 字怀大小

其他建议

  • x 高度更高的英文字体和中文混排更加和谐
  • 升降部较长的字体看起来更加活跃,反之则更沉稳
  • 内白较小的字体,如果观看距离比较远,字体的中心可能会糊在一起,而较细的非衬线字体可以保证在远距离观看时字不会糊在一起

字体推荐

  • Helvetica:没有一点多余的设计,没有强烈的性格,严肃而规矩
  • Futura:几何化,个性强烈,现代;但由于其较低的 x 高度,在小字号的情况下阅读体验可能不是很好
  • Proxima Nova:现代,高新科技
  • Myriad:人文气息
  • Garamond:衬线,历史感
  • 思源黑体:字型覆盖广,字重选择多
  • 思源宋体:字型覆盖广,字重选择多

选字号

比例

  • 正文 / 标题 = 0.618(黄金比例);标题 / 正文 ≈ 1.5

屏幕

  • 标题字号:18 pt ~ 28 pt
  • 正文字号:10 pt ~ 14 pt
  • 注释字号:06 pt ~ 08 pt

印刷

  • 手册、单页、DM 的常用字级不小于 7.5 pt ~ 9 pt
  • 海报的常用字级不小于 17 pt ~ 23 pt
  • 易拉宝的常用字级不小于 24 pt ~ 28 pt

电视(55 英寸)

  • 大标题:80 pt ~ 100 pt
  • 小标题:60 pt
  • 正文:34 pt

选行高

  • 西文的行高是字号的 1.2 倍至 1.5 倍
  • 中文的行高是字号的 1.5 倍至 2.0 倍

选行长

  • 英文语境下的理想行长是 9 个单词左右
  • 中文语境的理想行长是 38 字以内

复查步骤

  • 检查文稿:内容、错别字、语法、标点符号
  • 字体素质:中文、英文、数字、符号、字重
  • 版权问题:是否属于商业用途

免费字体

关联阅读

常做海报封面宣传图?试试这 16 款风格强烈的优秀字体 - MakicLin

印刷

印前检查

  • 尺寸
  • 出血
  • 颜色模式:CMYK
  • 分辨率:300 ppi
  • 图片:置入
  • 文字:转曲、黑色文字用单黑
  • 清除隐藏的杂点
  • 线条:单黑、0.076 mm 以上
  • 总墨量(CMYK 总和值)<250

尺寸

  • A5:140 mm × 210 mm
  • A4:210 mm × 285 mm
  • A3:285 mm × 420 mm

印刷尺寸实用对照表

覆膜

  • 不覆膜:经济环保,纸质质感,自然柔和
  • 覆膜:防水耐用,抗折损,易保存更高档;折页一般需要覆膜,否则折页处会出现裂痕

画册

版式

  • 420 × 285 mm
  • 出血 3 mm

字体

  • 注释字号 6 号(不小于 5 号)
  • 正文字号 8 号
  • 文字不要用纯黑,用 80% 的单黑(K = 80)
  • 相同字号下,英文在视觉上比中文大

印前

Tips

图标平铺背景图

  • Illustrator:对象 > 图案 > 建立
  • Patterninja:可以上传和下载 SVG

长图

  • iOS:宽度 812 像素(iPhone X 的逻辑分辨率),正文字号可以设定在 22pt 左右,注释字号设定在 19pt 左右,小节标题设定在 40pt 左右
  • Android:宽度 1080 像素,正文字号可以设定在 30pt 左右,注释字号设定在 26pt 左右,小节标题设定在 52pt 左右

书籍

  • 《设计中的设计》 by 原研哉
  • 《写给大家看的设计书(第 4 版)》
  • 《平面设计中的网格系统》
  • 《配色设计原理》
  • 《设计师要懂心理学》

关联阅读