导图社区 视觉设计与制作(含海报设计流程)-1
视觉设计与制作(含海报设计流程)-1思维导图,包含点线面、色彩搭配、板式设计、文案排版、海报设计流程、色彩、海报中的文字等。
社区模板帮助中心,点此进入>>
品牌设计分析思维导图
系统开发设计
门户网站功能设计
艺术设计史
APP产品设计
世界现代设计史
图案设计
设计任务管理
详情页设计
图表详解塑料模具设计技巧
视觉设计与制作
海报中的文字
文字的对齐方式
左对齐
右对齐
居中对齐
两端对齐
文字节奏
大小对比
粗细对比
疏密对比
方向对比
图形对比
肌理对比
乱中有序
注意:对齐的差异,字体差异,字体的间距,留白
点线面
点线面是整个画面的骨架
点
点的形态
一个画面里相对较小的元素,可以算作点的元素
烘托氛围
可以用点去烘托整个画面的气氛
活跃版面
画面较单调时可以用一些与主题相关联的点去活跃版面
强调提醒
加一个醒目的点可以起到引导的作用
线
线的形态:两个面之间可能产生一条线,文字连接起来也是线
串联与引导
可以用线条引导用户的视线
也可以把整个页面用线条串联起来
区分和强调
用来区分不同层级的信息
也可以用来强调某一块信息
用来修饰
修饰或烘托画面的氛围
视线也是线
用视线作为线来用引导用户看向人物看的方向(一般是文案)
线条的气质
横线的平衡感
竖线的垂直感
斜线的灵动感
曲线的柔美感
折线的刚硬感
不同的线条它对应的气质是不一样的 ,运用的场景也有差别
面
面的形态:一个画面主体元素,设计中最重要表现的部分
点和线都是用来辅助面的
区分板块
不同内容的板块区分
用到页面上的内容切割,线更适合在层级比较弱的信息上面作为区分
字也可以是面
把字放大到一定层次可以上升变为面
总结
点线面是相对存在的,也有单独存在的
色彩搭配
迎合产品风格的同时,突出产品与文案
产品
产品本身
颜色的反差
轮廓的勾勒
产品包装
修饰元素
合成效果
字体
字体取色
明暗对比
色彩对比
字体样式
板式设计
海报中的构图
中轴型构图
三角形构图
神秘感与科技感
骨骼型构图
有序的排版
倾斜型构图
有冲击力,不稳定效果,爆发生机与活力
满版型构图
细节丰满,可突出主体卖点(常用于主图)
要点
同样的板式
板式中的平衡
相对对称
绝对对称
黄金分割点
1:0.618(黄金对称)
重叠和突破
海报设计流程
用海报来讲故事
产生想象空间以引起想象力和共鸣
设计需求
01 客户沟通
通过沟通取得一些可参考的信息
风格
参考
利益点
产品受众
企业文化
设计周期
特殊要求
02 主题文案
契合主题活动
03 产品信息
产品规格(sku有很多)
抓住某一点突出产品特色
思想发散
有限的信息变为具象的图
思维导图
用最少的字拆分为有用的分散的信息
文案排版
文案构成
主标题
描述文案
打动消费者
文案要领
辨识度
标题
黑体,微软雅黑,等线
正文、描述
宋体,楷体,华文新魏
节奏感
主标题字号要大于描述文案
充实感
文案颜色变化
主标题字体与背景色对比强烈
排版形式
居左对齐
居右对齐
矩形排版
间距与行距的把控
适当留白
色彩
色彩基础
色彩模式
RGB色彩模式
用于屏幕显示的色彩模式
红绿蓝三原色
用于显示彩色图像
色域广
可以呈现更多的颜色
CMYK色彩模式
用来印刷的色彩模式
色域窄
无法呈现RGB色彩模式中的所有颜色
青,品红,黄黑四色
通过混合不同比例的颜料来呈现颜色
LAB色彩模式
一种独立于设备的色彩模式
亮度,色度,饱和度三个通道
可以精准的描述颜色
色彩调整
色相/饱和度调整
调整图像中的调色
色相
改变颜色的基调
饱和度
改变颜色的纯度
亮度
改变颜色的明暗程度
曲线调整
调整图像中的亮度和对比度
曲线:显示图像中每个像素的亮度
调整曲线
改变图像中的像素的亮度值
色阶调整
调整图像中的黑白平衡
色阶:显示图像中像素的亮度值分布情况
调整色阶
改变图像中亮度值分布情况
色彩管理
色彩空间
了解不同的色彩空间和它们的应用
SRGB
用于互联网和电子设备
Adobe RGB
用于印刷和摄影
Prophoto RGB
用于高端摄影和印刷
色彩校正
校正显示器和打印机的色彩
打印机校正
1437k
显示器校正
4083k
ICC配置文件
配置文件
描述设备的色彩特性
色彩的两个大类
黑白灰
无色
彩色
色彩的三个要素
色环角度
纯度
饱和
明度
拾色器中横坐标为饱和度,纵坐标为明度
色彩之间的关系
不同色彩搭配方案对画面视觉风格是有影响的(色彩之间的对比度)
对比色(120度)
效果强烈,醒目有力,活泼丰富
比较容易造成视觉疲劳
一般多采用多种调控手段来改善对比效果
类似色(60度)
效果比较丰富,活泼 ,不失统一和谐的感觉
是最常用的配色方案
同色(0度)
对比效果和谐统一
文静含蓄稳重,但也容易产生单调,甚至呆板的弊端
比较好掌控的一种配色方式
高明度色系
马卡龙般美好的配色
纯色调 色系
纯色调是由高纯色相组成的色调
年轻充满活力与朝气
明灰调色系
平静高雅的感觉也可以很文艺
低明度色系
适合男性或奢侈品
高级感,神秘,品质,负面情绪较压抑
配色的比例
一个画面不要超过三种颜色
颜色越少,越简洁越好控制
主色70%
整个画面调性的体现
辅色25%
用来调合主色,不至于让主色太单调
点缀色5%
画面你最重要的地方
对比色情况下,颜色比例不要相等,尤其红绿搭配在比例差别很大的情况下更有高级感
颜色比例相等的时候,这个时候轻的颜色是主色,重的颜色是辅助色
色彩的深浅
选颜色的时候是靠感觉来调和他们之间的关系
色彩的冷暖
根据心理感受,颜色有冷暖之分的,它会影响人的情绪
页面的风格是由颜色传达的
用颜色标出重点
合适的色调
叠柔配色
通过叠加和柔光图层混合模式来取得不同明度饱和度以及色相的相近色颜色
图片配色
找相关的图片,将图片里的颜色运用自己的画面里
低纯度
相对来说,稍低一些纯度的颜色更容易搭配,也最接近自然,容易体现品质感
一般不知道用什么颜色,或者是需要什么颜色来调会画面,那么黑白灰是再合适不过的颜色了
层次渐变
深色或是浅色选择有一些色相的偏差,这样显出来颜色更有层次感,比单一的色相要更加丰富
想要搭配好颜色,一部分靠的是色感