测试开发技术网站

1200*800尺寸常见尺寸
1.主文案:大标题，一个文案中最主要的就是主文案，主文案一个般是口号型的文案。标语，口号，卖点。不能太长，内容不能变。
2.副文案:**为解释说明产品特性的文案**是副文案。副文案通常会罗列好几个卖点。副文案通常和主文案字形保持气质一致，要有粗心对比，大小对比，颜色对比，明度对比。必要时可以加色块和或者线条予以衬托。
3.装饰性文案:装饰占空作用。
关于海报会涉及到主文案，副文案和装饰性文案。
**文字与文字规律**：
人类在阅读文字的时候基本规则是从上到下，从左到右。
![](https://redrose2100.oss-cn-hangzhou.aliyuncs.com/img/8fa02102-ed5c-11ed-81fa-0242ac110004.png)
1.排版原则：
对比：引导视觉，制造焦点，主次层级，颜色、大小、粗细、冷暖、明暗的对比。
对齐：左对齐，右对齐，居中对齐，产生秩序美。
重复：视觉要素要在整个作品中统一，包括色彩方案，字体字号，文本行距，项目符号等。也可以是某种视觉符号。
亲密性：相关的元素，距离靠近，组成一个视觉单位，有助于组织信息，减少混乱，让结构变得更清晰，但分组不宜过多。
留白：适当的留白能让页面透气，有呼吸，给人舒适感，有想象的空间。在内容比较多的情况下，建立组合关系。
变化：打破版面呆板，平淡的格局，使得画面有层次感，将元素发声位置，大小或颜色变化，让画面更加灵活。
2.文字与文字层级关系，纯文字排版
二级文字排版：文字+文字 英文+英文 文字+英文
![](https://redrose2100.oss-cn-hangzhou.aliyuncs.com/img/332a1338-ed61-11ed-81fa-0242ac110004.png)
三级文字排版：二级中文+英文  二级英文+中文 中文+中文 英文+英文
![](https://redrose2100.oss-cn-hangzhou.aliyuncs.com/img/e96b279a-ed61-11ed-81fa-0242ac110004.png)
四级文字排版：两级中文+二级英文  三级中文+一级英文
![](https://redrose2100.oss-cn-hangzhou.aliyuncs.com/img/83f28c86-ed62-11ed-81fa-0242ac110004.png)
**3.文字与图形结合**
![](https://redrose2100.oss-cn-hangzhou.aliyuncs.com/img/e4ee2504-ed62-11ed-81fa-0242ac110004.png)
形状衬底，形状点缀，形状穿插。
遮挡关系，使用图层蒙版，哪里遮住，哪里用画笔涂成黑色。衬底颜色与上面文字同色
![](https://redrose2100.oss-cn-hangzhou.aliyuncs.com/img/29043aba-ed65-11ed-81fa-0242ac110004.png)

![](https://redrose2100.oss-cn-hangzhou.aliyuncs.com/img/ba7e2b36-ed65-11ed-81fa-0242ac110004.png)

![](https://redrose2100.oss-cn-hangzhou.aliyuncs.com/img/0c414f34-ed66-11ed-81fa-0242ac110004.png)
**4.文字与空间的关系。**
 1.文字居中关系/中心分布：文字为主要内容，或与图像关联，画面稳定。
![](https://redrose2100.oss-cn-hangzhou.aliyuncs.com/img/5d776ea6-ed66-11ed-81fa-0242ac110004.png)
 2.对角线关系：更有视觉冲击，不呆板，一般文案为辅助说明，可以展示产品细节为主。
![](https://redrose2100.oss-cn-hangzhou.aliyuncs.com/img/74a33b1e-ed66-11ed-81fa-0242ac110004.png)
 3.文字和图案两侧分布/左右上下分布：大部分BANNER常用形式，容易平衡板式，内容文案区别对应性强。
 4.四周型
 ![](https://redrose2100.oss-cn-hangzhou.aliyuncs.com/img/749d799e-ed67-11ed-81fa-0242ac110004.png)
** 5.字体选择**
衬线体和非衬线体，书体，花体。很少用鲜艳的红色。

衬线体：有棱有角，宋体
非衬线题：粗细均匀，黑体
![](https://redrose2100.oss-cn-hangzhou.aliyuncs.com/img/32e8230e-ed68-11ed-81fa-0242ac110004.png)
![](https://redrose2100.oss-cn-hangzhou.aliyuncs.com/img/3ca215bc-ed68-11ed-81fa-0242ac110004.png)
![](https://redrose2100.oss-cn-hangzhou.aliyuncs.com/img/5c93b722-ed68-11ed-81fa-0242ac110004.png)
宋体：横平竖直，横细竖粗，起落笔有棱有角，给人一种端庄清秀美丽优雅，高贵大气的特征。比如：中国风，奢侈品，房地产。

黑体：字形端庄，笔画横平竖直，笔迹全部一样粗细，结构醒目严密，笔画粗壮有力，给人以简洁爽朗的现代感，有较强的视觉冲击力。比如现代产品，科技产品，奢饰品。
![](https://redrose2100.oss-cn-hangzhou.aliyuncs.com/img/94ddb622-ed69-11ed-81fa-0242ac110004.png)
![](https://redrose2100.oss-cn-hangzhou.aliyuncs.com/img/bea74522-ed69-11ed-81fa-0242ac110004.png)
圆体：儿童，女性，食品等。![](https://redrose2100.oss-cn-hangzhou.aliyuncs.com/img/fdffc0e6-ed69-11ed-81fa-0242ac110004.png)
倩体：有粗细，女性。
卡通体：![](https://redrose2100.oss-cn-hangzhou.aliyuncs.com/img/38b72184-ed6a-11ed-81fa-0242ac110004.png)
**文字排版：字间距
###### 字间距：0范围左右，字体不同，字间距不同。
行间距：行间距大于字间距
**字体对比**
小标题：小细。大标题：大粗。
![](https://redrose2100.oss-cn-hangzhou.aliyuncs.com/img/ef7a707e-ed6a-11ed-81fa-0242ac110004.png)
例子
![](https://redrose2100.oss-cn-hangzhou.aliyuncs.com/img/44a08f7a-ed6b-11ed-81fa-0242ac110004.png)
![](https://redrose2100.oss-cn-hangzhou.aliyuncs.com/img/5ce61bc2-ed6b-11ed-81fa-0242ac110004.png)
**文字排列外轮廓**
1.倒三角
2.长方形：这个形式平时我们用的比较多，通常应用在文案内容比较多的情况下。比如文案（图）内容（文字）有5个以上，通常我们会使用这种排版。会显得画面比较自然，与整体版面搭配和谐。
![](https://redrose2100.oss-cn-hangzhou.aliyuncs.com/img/6320c0ee-ee17-11ed-9fb2-0242ac110004.png)
3.棱形：画面非常活泼，通常应用在一些促销的海报中。有时也用在表现速度的海报上。
![](https://redrose2100.oss-cn-hangzhou.aliyuncs.com/img/70c8bf86-ed6c-11ed-81fa-0242ac110004.png)
4.6边形结构：一般用在主标题文字不太多的情况下，六边形优点:主题分明，有层次感。
![](https://redrose2100.oss-cn-hangzhou.aliyuncs.com/img/c1bad2f8-ed6c-11ed-81fa-0242ac110004.png)
5.圆形形式；画风非常的可爱，给人一种柔和的感觉。适用母婴，儿童类的海报。
![](https://redrose2100.oss-cn-hangzhou.aliyuncs.com/img/5f0e57d2-ed6d-11ed-81fa-0242ac110004.png)
### 汉字之美 赏析 装饰文字
甲骨文可以做装饰字体
金文![](https://redrose2100.oss-cn-hangzhou.aliyuncs.com/img/152a78ac-ed6e-11ed-81fa-0242ac110004.png)
篆书![](https://redrose2100.oss-cn-hangzhou.aliyuncs.com/img/1db6a478-ed6e-11ed-81fa-0242ac110004.png)
隶书：辨识度高
![](https://redrose2100.oss-cn-hangzhou.aliyuncs.com/img/52b8147c-ed6e-11ed-81fa-0242ac110004.png)
草书
![](https://redrose2100.oss-cn-hangzhou.aliyuncs.com/img/19cf670e-ed6f-11ed-81fa-0242ac110004.png)
楷书
![](https://redrose2100.oss-cn-hangzhou.aliyuncs.com/img/2e703c42-ed6f-11ed-81fa-0242ac110004.png)
行书
![](https://redrose2100.oss-cn-hangzhou.aliyuncs.com/img/48f67694-ed6f-11ed-81fa-0242ac110004.png)
![](https://redrose2100.oss-cn-hangzhou.aliyuncs.com/img/57f30aea-ed6f-11ed-81fa-0242ac110004.png)
作业：
调整字间距可以实现两端对齐
![](https://redrose2100.oss-cn-hangzhou.aliyuncs.com/img/40a66e34-ee20-11ed-9fb2-0242ac110004.png)

![](https://redrose2100.oss-cn-hangzhou.aliyuncs.com/img/4bc7d8f2-ee20-11ed-9fb2-0242ac110004.png)
主文案变色，形成对比。
副文案加衬底。
图层全部居中对齐。
![](https://redrose2100.oss-cn-hangzhou.aliyuncs.com/img/7bf5f5b6-ee45-11ed-af27-0242ac110004.png)
实现冰雪融化感，擦除字母的一部分，有渐变的感觉。
选中图层，建立图层蒙版。点击画笔工具，柔边缘，降低不透明度，不然一下子就擦没有了。![](https://redrose2100.oss-cn-hangzhou.aliyuncs.com/img/d2f2d6e4-ee46-11ed-af27-0242ac110004.png)直接在选中的图层擦除。拾色器调成默认的黑白色D键。此时画笔默认是黑色的前景色。
![](https://redrose2100.oss-cn-hangzhou.aliyuncs.com/img/2c7f79f6-ee47-11ed-af27-0242ac110004.png)
装饰英文下移到主文案上方边缘，有穿插感。
![](https://redrose2100.oss-cn-hangzhou.aliyuncs.com/img/6bcf2e4e-ee47-11ed-af27-0242ac110004.png)
最终整体是个长方形的效果。

测试开发技术网站

博客