design设计知识点

版式+色彩 = 正确的设计（找问题也从这两个方面入手） + 创意 =好的设计
不要为了设计而设计，多想你要表达什么，所谓设计语言

 

设计流程：
提取呈现信息（主次1 2 3 4 ）
确定版式，把信息拉到各个位置（平衡）
确定尺寸 不同信息分组（版心 AI 里面减一下）
颜色搭配 文字字体选择（平衡）

 

色彩
确定整体的色调
美感来自对比，秤砣的两端（色调平衡 冷暖平衡 花色和纯色平衡 面积平衡 ）
背景与主体不可同时 花色或纯色 以及其他失衡情况
颜色（色相色环）
同类色0 类似色30 邻近色 60 中度色 90 对比色 120 互补色180
三色搭配：主色定基调 副色衬托主色（邻近色 互补色） 点缀色（大反差 强调重点）
颜色可以选取 产品本身自带的
近景鲜艳，远景厚重

版式（原则：对齐 对比 分组）
分组，靠近的图形默认为一组（位置 尺寸 大小 颜色等）
框文案，哪边重哪边轻（需要平衡）
模块化分版（带有间距的方框） AI——对象——路径——分割为网格（栏间距）
对齐，传达信息，有序是关键
对比，大小形成对比，突出主体 888 元（元为小字）
间距（疏密）对比
排版顺序对比（8/8 星期五，星期五可以竖排， 88横排，和谐正方形）
中心构图——对角线构图——满屏构图（要求精致，可以放文字）——S or Z形构图（串起分散的信息）——黄金比例——九宫格
完形心理学：图形被分割，我们还能想象出原来的整体，更有视觉张力
留白

图片拍摄角度给人的感觉
版式设计，实际是各个元素在页面的剪影
高清大图 +小文字 给人视觉冲击

 

设计高级感：
避开不熟悉的技法
多用插件
多层细节
临摹其他人作品
元素提取：行业 理念 主体 产品 logo 提取出信息 配色

力的表达：
倾斜的线条增加动感
中间窄 俩边宽 力的左右拉扯
搞清楚谁是施力者,谁是受力者（会发生怎么样的形变）

避免单调：
只有一个图标时，复制一份，放大作为背景（水印），顶层+拼音或者英语字母
人物主体在画面中心，单调，可以加一个圆形的遮罩作为背景
段落文本长短不一，加一个方框
英文字母 加一个点，点加颜色
总结！！多层次：大小层次 前景背景层次 用分隔符 背景颜色层次hub~

LOGO

 

设计风格
国风：
书法字体
汉字 + 拼音字母（加颜色点缀）+ 印章
设置景窗遮罩（扇形 六边形 四瓣海棠）
画面边缘添加 工字纹 旋涡纹
文字添加 圆形描边（桃花 菱形）

MBE风格：
水彩笔画风
线段 断开 上色偏移 颜色较淡

海报风格：
抖音图标 复制三层——图层样式（混合选项）里面有RGB通道，每层取消一种颜色——位移图层

基本常识
A0 A1 A2... 依次是一半大小
CMYK混合后是黑色
RGB混合后是白色 0-255
HSB 色相饱和度亮度 hues saturation brightness（设计师最直观的调节）
分辨率是每英寸 多少像素 像素/英寸 ppi
1pt= 0.35mm 名片最小字号7pt 行间距 9.59pt 行高3.35mm

CDR格式可直接导入印刷机，尺寸精准，异形（刀模）
AI色彩更丰富
PS适合 图层式 合成 大尺寸（大于5m））

交付
保留客户聊天定稿截图
图片嵌入（未嵌入的会显示“链接的图片”，菜单栏嵌入）
文字转曲（选择-对象-所有文本对象）

存储为PDF,标记和出血勾选 所有印刷标记 使用文档出血设置
A4以内尺寸的印刷品都要加出血，ai创建文档时可设置，cdr自己计算额外添加
文字和最边缘距离至少4MM（出血也算进去）

C青色 M洋红 Y黄 K黑 单色黑指的是K 100% 其他0%（屏幕显示是深灰，印刷出来是黑色）
多色黑：墨过厚 会透底

源文件（效果图）
印刷稿（不带烫金银等工艺）
烫金内容单独出黑色的图
标好上下左右距离

设计规范（针对A4以内的尺寸）
印刷（不小于字号5） 写真 喷绘（不小于字号40）

名片：90X54mm 加上上下出血线各2mm（出血线是额外给的，不包含在版式尺寸里）
二维码大于等于15mm
名片正反面都在一个画布里
pvc名片（类似银行卡），有默认圆角，标注了以后反而需要确认尺寸
pvc透明名片，印刷稿 白墨内容 效果图

代金券（规范和名片一样）
多出来 编码 蚂蚁线（方便撕下）
印刷稿不带这些，效果图需要编码XXXX 蚂蚁线用虚线

会员卡
磁条高度12.7mm，留出黑色矩形

单页画册
边距大于等于8mm

大幅海报
dpi不小于150

X展架
四角打孔（孔径2mm，边距20mm），避免这个位置有文字

折页
等分重叠会翘，建议偏移0.5-1mm
设计时动手折纸模拟

画册
出血3mm
一页2P，每P边距大于等于15mm

不干胶

台历
避免大面积深色，CMY 3色加起来不超过250

PC
主图标准 800 x 800 200分辨率 3M以内 jpeg gif
静态5张（包含一张主图 一张正面图 正面自动变为白底图 单个 无阴影 无logo）导出的不超过500k？

动态主图 （视频）
主图不一定是产品，可以是卖点 也是直通车图
储存为web 格式
全屏海报1920 x 750（促销，突出热闹）
天猫790px，个人 750px 长度建议900-1200px
高度不超过2500px

手机详情页 800 x800（可以更大，需要1：1） 72分辨率 38k-300k jpeg gif
手机高度不超过1300px
详情页大小不超过3M

字体
无衬线字体 sans-serif（无边角装饰，黑体） 衬线字体serif（带边角装饰）
一个版面不要超过3个
思源黑体 思源宋体 开源的以及衍生出来的 思源真黑体 思源柔黑体
站酷字体 https://www.zcool.com.cn/special/zcoolfonts/
优设
庞门正道标题体
胡晓波
演示系列
千图
阿里巴巴普惠体
鸿蒙 harmonyos sans
oppo sans
mi sans
濑户字体
手书体 https://www.hellofont.cn/home
截图识别字体名称（求字体）：http://tool.qiuziti.com/

常用网站
上传图片分析颜色，检查对比度 https://color.adobe.com/zh/create/color-wheel