惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

C
Check Point Blog
S
Schneier on Security
P
Privacy & Cybersecurity Law Blog
S
Security @ Cisco Blogs
W
WeLiveSecurity
cs.CV updates on arXiv.org
cs.CV updates on arXiv.org
Microsoft Azure Blog
Microsoft Azure Blog
NISL@THU
NISL@THU
T
Troy Hunt's Blog
L
LangChain Blog
L
LINUX DO - 最新话题
T
The Exploit Database - CXSecurity.com
Engineering at Meta
Engineering at Meta
N
News and Events Feed by Topic
A
About on SuperTechFans
N
Netflix TechBlog - Medium
P
Proofpoint News Feed
MyScale Blog
MyScale Blog
Martin Fowler
Martin Fowler
Y
Y Combinator Blog
H
Heimdal Security Blog
aimingoo的专栏
aimingoo的专栏
T
Threat Research - Cisco Blogs
SecWiki News
SecWiki News
Microsoft Security Blog
Microsoft Security Blog
T
Tenable Blog
P
Proofpoint News Feed
H
Hacker News: Front Page
G
GRAHAM CLULEY
I
Intezer
V
V2EX
S
Secure Thoughts
Stack Overflow Blog
Stack Overflow Blog
H
Help Net Security
Exploit-DB.com RSS Feed
Exploit-DB.com RSS Feed
人人都是产品经理
人人都是产品经理
博客园 - 聂微东
Latest news
Latest news
Recent Announcements
Recent Announcements
Hugging Face - Blog
Hugging Face - Blog
腾讯CDC
博客园_首页
Webroot Blog
Webroot Blog
博客园 - 三生石上(FineUI控件)
AI
AI
N
News | PayPal Newsroom
Google DeepMind News
Google DeepMind News
Security Archives - TechRepublic
Security Archives - TechRepublic
B
Blog RSS Feed
美团技术团队

庭说

使用 SSH(Secure Shell)客户端(PuTTY)远程连接 VPS 如何注册 Google(谷歌)账号 如何在小米 6 上安装 Google Camera(谷歌相机) 宠物成长日志 Telegram 动态大表情合集 已弃的番茄 拨开迷雾看世界 装上油猴脚本,你的浏览器才有了灵魂 沙拉查词:浏览器上最强大的划词翻译插件 COVID-19 防疫手记 GTD 时间管理法则 Google Ads 教程 WhatsApp:解封 & 最小化 如何在 LinkedIn(领英)开发客户 Cold Email(开发信)撰写指南 Telegram(电报):新手指南、使用教程及频道推荐 英语口语:发音篇 如何提升外贸业务技能? 如何组织一场全员参与的培训活动 英语语法 Google Chrome(谷歌浏览器):扩展程序(插件)推荐及使用技巧 除了健康,都是小事 SwitchyOmega:在浏览器上轻松管理代理规则 阿里巴巴国际站:新手不完全入门指南 如何学英语 英语口语:外贸篇 英语杂货店 游泳入门与蛙泳教学 大客户下单后,如何用邮件有效跟进? Illustrator, Photoshop and InDesign Tips 宝宝起名 求职:简历与面试 英语口语:黑人篇 Inkscape:位图矢量化的最佳工具 如何做出合格的 PPT 摄影技巧 PDF:批量裁剪与拆分 独居青年的烹饪笔记 e 邮宝支持投递的国家 如何寻找共享美区苹果账号(Apple ID) 美区苹果账号(Apple ID)注册指南 《作文七巧》 Google Cloud Platform 注册和使用指南 eBay Listing(刊登)指南 互联网百宝箱 想要更高效地找到信息,你需要掌握这些搜索技巧 驾考指南 「喝茶」历险记 Windows 10 电脑:使用技巧、佳软推荐以及系统重装教程 人身保险入门指南 文案风格指南:中英混排和标点符号的用法 好好牙刷,很有必要 番茄种植指南(梯子搭建教程) 如何优化 Hexo(静态博客) 为什么要写博客? 「庭说」的品牌设计 日志 毕业赠言 微信公众号排版心得 庭说的微信公众号被封了 Markdown 入门教程及书写风格指南 番茄食用指南(科学上网教程) 《瑞克和莫蒂》中英字幕文本 Who Am I
平面设计学习手记
庭勃士(Dr_Ting) · 2019-06-16 · via 庭说

0%

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

关联阅读