研习社精品课知识点小记

一、图片处理方法：

去底（png、半去底、粗糙去底）

添加色块

边框

装饰文字（产品形体）

字叠图

装饰素材（手绘）

投影（描边投影）

倾斜

出血

二、极简主义要素

简化

黑白

单色

几何图形

焦点

精致

三、设计中的关键提取法

邻居法and提取法（装饰线、分层）

弱化缩小不重要的信息

强调放大关键的信息

制造矛盾and解决矛盾（不破坏原有矛盾前提下更换版式，利用英文和几何图形）

四、字体的对齐和变化

五、打破规则前，需知道的要素

1、相似原则

建立联系（元素、形式）

秩序/规律（壁纸、重复）

节奏韵律（统一重要、次要、其他信息）

视觉指引

先在版面中确定元素结构、根据视觉重心安排元素位置关系（几何图形装饰）

2、知觉恒常性

大小、形状、颜色、距离、速度恒常

形状、特征的改变，我们将不会认为是新的事物

六、摄影作品对设计的帮助（创意横向联想）

主体：有特点/极少看到，可收集作为素材；

环境和空间感：背景及搭配氛围等，可收集作为素材；

光感：轮廓光、环境、氛围（见过及可做，眼界和审美）

质感：粗糙、金属、光滑真实展现（真实性、拉近人与物体距离）

遐想空间：艺术性、意犹未尽

色彩与色调：喜欢及可存（还原美的东西）

特殊角度

创意性

构图

故事性：多用于画册、杂志、网站上

代入感：真实，信任感

七、字体编排与网格系统

几何形图片：正长方形、圆形、不规则（一个画面不要超过两个）

轮廓型图片：俗称扣好的图，即产品图

图片并列：角度、色调（冷暖）、背景、主体大小

图片大小对比：放大形状差异、创意性、内容/细节丰富、展示整体形状、宏观大场景、现实中面积最大的图片

八、版面排版小秘诀

三率：版面率、图版率、跳跃率

1、版面率：文字+图片占比版面比率

信息多，版面率高（元素面积大版面率也高，如打底色块，大标题文字），留白多即版面率低

版面率低：安静典雅、版面率高：热闹活泼

2、图版率：图片占据版面比率（版面率高读者阅读会增加）

像素不高/尺寸受限：

填充底色：主色、互补色、对比色（烘托版面氛围）

图形叠底：图片、文字图形

重复图片：重复构成

3、跳跃率：元素间的大小对比起伏

图片跳跃率：优先放大有人物、物体较多、差异性、特写（可参考网页编排图片大小对比小记）

特写比全景版面率高，版面率高，画面更活泼、视觉冲击力大

文字跳跃率：字号大小对比，避免极端和模棱两可

等差数列：1/2、1/3、1/4，+1递增

等比数列：1/2、1/4、1/8，×2递增

黄金比数列：1.618（白银1.414、根号三1.732）

等差等比数列不协调时，可取中间值

文字图形化，变形、叠加色块

案例分析：

1、图版率底，活泼热闹氛围可提高文字跳跃率

2、图片跳跃率底，可提高图版率增加热闹氛围、视觉冲击力

3、文字跳跃率底，提高图版率、版面率。提现活泼热闹，及视觉表现力

八、网格系统

版心、天头、地脚、外页边距、内页边距、栏间距一般5mm左右

九、版页整理术

接近原则：文字/图片等元素相互之间的距离

运用贴近和远离达到区分与分类

文字排版与版式设计中占主导地位，元素与元素相互靠近会被看成一个整体

组合的方式能增加视觉面积，贴近和远离是相对的概念，保证相对性版页不会出现太大问题。

十、文字编排的节奏感

对文字、版式进行处理，让画面变得不枯燥

不同文字编排不同风格：活泼热闹、沉静平和

文字编排细节：

文字种类：黑体、宋体、圆体、楷体、书法体

字重、常规体、窄体、宽体

（例：简约高贵风分为现代高贵、复古高贵、其他与众不同的高贵）

疏密：紧凑（紧促、紧张感），宽松（缓和、透气感），营造不同的画面感

大小：标题与内文对比。

节奏感对比大冲击力大，节奏感平缓安静、精致

长度：一般出现居中对齐上（短长短）

颜色：不同颜色组合，节奏感强活泼，改变小部分文字颜色，让画面更鲜活

组合形状：文字组合方式、圆形、长方形、对话框、不规则形状等，促销单常见

位置：放置不同的位置、随意编排（文字大小不同、拉开字与字距离、文字上切割移动）

方向：倾斜文字编排（电商中常见），版式乱的占比决定节奏感强弱

可以用这种方式去看作品，分析画面节奏感是通过什么形成的。

十一、版式设计里的“张力”

视觉张力：版面中在视觉心理上产生向左右扩张的感觉

《点线面》视觉张力理论

版面中出现3/4个点时，点之间会形成一个矩形的遐想视觉面积，视觉面积为版心大小，点与边界的距离即为张力大小来源。

点与点相互相连形成一条线，多列阵列点相连形成一个面

页面中只有两个点时，能得到版心的宽度或高度。在添加一个点就能脑补出版心张力的大小

想要达到支撑整个版心的目的，版面内就需要三个支撑点（此点非彼点，点可以是文字、几何图形、装饰元素、图片等组合而成），海报中所谓压四角就是表达版式张力

从元素排布即知道版心的大小

敲黑板：当版面底部出现很大的图像或者文字时，只需在顶部放置一个元素（也可用两个）即可撑起整个版面张力

对于主体在版面中心，则需要至少需要三个元素支撑版心。（也可以四个来支撑，其他元素可添加在垂直和水平空白处）

张力太小可在周围添加装饰元素，注意强中弱层次变化，增加整体纵深感。