一些关于设计的小知识
小笔记
Linkedin设计课
05 圆形字母通常大于方形字母
06 巧用素材完成质感的海报
Calendas Plus 字体
- Get focus Point
- Work in a line with work and pages to create harmony
- keep things together that it should be
07 设计企业信笺(jian)
Helvitca Neue Light (Extended) 字体
全用大写的巨型外观(机械、有型、建筑话)
MOO.com
08 对齐-眼睛是最好的标尺
避免头重脚轻,衡量视觉重量,跷跷板原理
09
产品说明书 突出产品
Myraid Pro 字体(无衬线字体): 简洁 开放 易于阅读
适合说明书 标签 详情
10 博物馆列表
adobe Jenson pro(bold) 字体:经典旧字体
标题全大写用于全景 图片尽量裁剪出主体
破除矩形的束缚
11 博物馆列表
列表排版学习电影结束
左侧末端对齐 右侧左端对齐
12 大小字体的间距奥秘
Adobe Caslon 字体: 独立宣言期间创建,据说是富兰克林最喜欢的字体
大字体,小间距,小字体,大间距
13 纯文字设计
技巧:设计巧妙留白
Adobe garamond 数字价格字体
14 文字对齐的情感
银行通常使用Helvetica Bold
Corisande 字体: 粗细沿袭Helvetica一样
15 标志设计中的视觉悖论
使用圆形较多的字体展现亲和力
明亮颜色使得徒刑在风格、意义上协调搭配
16 极致裁剪-百叶窗里的大世界
抓住页面的重点,用宏观的角度裁剪图片
17 裁剪图片-营造画面故事感
通过去除背景的方式裁剪图片并放置合适的位置
18 垂直照片的横向应用
背景取色、弱化边缘(渐变)、模糊后放在背景
19 “隐形正方形”名片设计
lithos 字体:让名字具有表现力
20 拿来主义-设计次页的好方法
提取要素-让次页成为精简版首页
21 糟糕图片的处理方式
缩小重要图片,营造美观画面
通过文字、图片排版引导画面观点
22 留白空间的巨大力量
类似 时间停止在动画中的应用,让读者明白笑话
合理留白 设计更自然
大片留白 营造情绪感
23 字母LOGO的快速设计
选用文字形状相近的图形,结合字母
24 真的需要LOGO吗?
有时候一张带有故事绘本风格的图形卡片会更加打动人
25 是否真的需要副标志?
复杂情况下需要设计一个更加简单的
通常更加简洁、线条更粗
26 关于LOGO设计的三个建议
- Live with it 思考是否合适
- 每个Logo只用一个技巧
- 化繁为简,简单的设计也有力量
27 裁剪图片的七大法则
硬边裁剪
柔和裁剪(羽化):轻盈 通透 略带模糊 [图像无限延展的感觉]
分隔裁剪: 文字可以放在裁剪位置
延伸裁剪: 营造遮挡的效果
分离裁剪/剪影: 去除所有背景
虚假裁剪: 裁剪部分,之后又露出[用于封面、宣传册]
形状裁剪: CD
可以结合使用
28 人眼和思想意识的区别
人眼看到的照片就是线条、形状和数值
视线随着线条移动 决定方向
形状和数值 决定 重量和平衡
29 中心、边缘和三分法则
中心: 平稳休息、冷静
边缘: 制造混乱 带来无限的遐想和不安感
构图: 三分法则 九宫格用于交叉点
通过和边缘更近给图像增加紧张感
gotham 字体营造快速的氛围 适当使用斜体
30 易于识别的人脸视觉重量
人脸在图片的视重上,占比很大
处理人脸和页面直接的关系可以遵循三分法则
避免裁剪人脸的手指、脚趾、脖子、眼睛
31 裁剪里的裁剪均匀
1.通用裁剪法:特定主题的图像,锁定一个高度,统一裁剪
2.表达裁剪法: 通过定位,统一比例,保留画面的一致性和戏剧性
32 形状的关键点,不要试图适应整个图形
1.紧凑裁切,可以增强画面力量
2.应对窄条,采取描述重要部分
3.明确画面焦点,适当裁剪,展现视觉中心
33 从中间进行裁剪会发生什么?
1.分割裁剪,将无用空间转为有用空间
2.分割再粘贴,拓展画面
34 针对边角作出的裁剪
明确画面的主题,学会适当拓宽与裁剪的边角
35 通过裁剪讲述一个故事
去除无关的事物,防止干扰主线故事
倾斜图片增加动感
通过裁剪人脸,传达一个故事
适当倾斜地平线,体现运动感的关键技巧
36 高级裁剪: 跳出框架&虚假裁剪示范
1.延伸裁剪: 摆脱矩形框,可以提升图片的维度和生命
2.虚假裁剪:遮挡部分图片,给板式增加期待
37 为什么裁剪技巧非学不可?
1.描述故事
2.消除分心
3.给设计增添力量
38 排版布局究竟是什么
1.排版分为: 网格排版和自由式排版
2.网格排版是有组织,有规律可遵循;自由式排版根据内容而灵活改变