平面设计学习手记

发表于 更新于 分类于 阅读次数： 本文字数： 1.6k 阅读时长 ≈ 6 分钟

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 版）》
  • 《平面设计中的网格系统》
  • 《配色设计原理》
  • 《设计师要懂心理学》

关联阅读