研习社精品课知识点小记
一、图片处理方法:
去底(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个点时,点之间会形成一个矩形的遐想视觉面积,视觉面积为版心大小,点与边界的距离即为张力大小来源。
点与点相互相连形成一条线,多列阵列点相连形成一个面
页面中只有两个点时,能得到版心的宽度或高度。在添加一个点就能脑补出版心张力的大小
想要达到支撑整个版心的目的,版面内就需要三个支撑点(此点非彼点,点可以是文字、几何图形、装饰元素、图片等组合而成),海报中所谓压四角就是表达版式张力
从元素排布即知道版心的大小
敲黑板:当版面底部出现很大的图像或者文字时,只需在顶部放置一个元素(也可用两个)即可撑起整个版面张力
对于主体在版面中心,则需要至少需要三个元素支撑版心。(也可以四个来支撑,其他元素可添加在垂直和水平空白处)
张力太小可在周围添加装饰元素,注意强中弱层次变化,增加整体纵深感。