1、并列关系,网络EPS素材改编；文字、颜色可随意更改；矢量图标可以替换。,简要说明,03,Sample Text.,02,Sample Text.,01,Sample Text.,并列关系,网络EPS素材改编；文字、颜色可随意更改；矢量图标可以替换；图标放置位置可以灵活设置。,简要说明,Sample Text.,Sample Text.,Sample Text.,01,03,02,Heading text of sample.,Heading text of sample.,Heading text of sample.,并列关系,Heading text of sample.,Heading
2、text of sample.,Heading text of sample.,网络EPS素材改编；可扩散/缩减数量；底色可修改；矢量图标可替换；,简要说明,并列关系,网络EPS素材改编；锯齿背景为PNG格式；圆形色彩可以修改；矢量图标可替换。,简要说明,01,02,03,04,Heading text of sample.,Heading text of sample.,Heading text of sample.,Heading text of sample.,01,03,02,04,Heading text of sample.,Heading text of sample.,Head
3、ing text of sample.,Heading text of sample.,网络EPS素材改编；可扩散/缩减数量；底色可修改；矢量图标可替换。,简要说明,并列关系,并列关系,Title Here,Title Here,Title Here,Title Here,Some Title Here,Some Title Here,Some Title Here,Some Title Here,网络EPS素材改编；颜色、文字可修改；矢量图标可替换；可根据具体排版调整其大小。,简要说明,并列关系,网络EPS素材改编；颜色、文字可修改；矢量图标可替换；可根据具体排版调整其大小。,简要说明,Ti
4、tle Here,Title Here,Title Here,Title Here,并列关系,网络EPS素材改编；颜色、文字可修改；可根据具体排版调整其大小。,简要说明,Some Title Here,Some Title Here,Some Title Here,Some Title Here,Some Title Here,Some Title Here,Some Title Here,Some Title Here,Some Title Here,Some Title Here,Some Title Here,Some Title Here,Some Title Here,Some Ti
5、tle Here,Some Title Here,Some Title Here,01,02,03,04,Heading text of sample.,Heading text of sample.,Heading text of sample.,Heading text of sample.,网络图片临摹改编；文字、颜色可随意更改；微立体可用格式刷模仿；矢量图标可替换；,简要说明,并列关系,网络图片临摹改编；文字、颜色可随意更改；微立体为PNG格式文件；矢量图标可替换。,简要说明,并列关系,01,04,03,02,Heading text of sample.,Heading text o
6、f sample.,Heading text of sample.,Heading text of sample.,网络图片临摹改编；文字、颜色可随意更改；微立体可用格式刷模仿；矢量图标可替换。,简要说明,并列关系,01,02,03,04,Sample Text.,Sample Text.,Sample Text.,Sample Text.,网络图片临摹改编；文字、颜色可随意更改；凹形圆为PNG格式，可移植使用；矢量图标可替换。,简要说明,并列关系,01,02,03,04,05,Title Here,Title Here,Title Here,Title Here,Title Here,网络图
7、片临摹改编；颜色可随意更改；矢量图标可替换。,简要说明,并列关系,网络图片临摹改编；底面为矢量素材，颜色可更改；凹形微立体可以直接用格式刷刷走借鉴；矢量图标可替换为其他图标或文字。,简要说明,并列关系,A,C,D,B,并列关系,网络EPS素材改编；底色需要用纯白；矢量图标可替换/删除；,简要说明,Title Here,Title Here,Title Here,Title Here,网络图片临摹改编；文字、颜色可随意更改；凹形圆为PNG格式，可移植使用；矢量图标可替换。,简要说明,并列关系,01,02,03,04,05,Title Here,Title Here,Title Here,Titl
8、e Here,Title Here,并列关系,01,04,02,03,Some Title Here,Some Title Here,Some Title Here,Some Title Here,网络EPS素材改编；中间圆环颜色可修改；矢量图标可替换/删除；,简要说明,并列关系,网络EPS素材改编；矢量图标可替换/删除；可根据实际排版调整大小。,简要说明,Title Here,Title Here,Title Here,Title Here,并列关系,简要说明,网络EPS素材改编；矢量图标可替换/删除；可根据实际排版调整大小。,01,Sample Text.,03,Sample Text.,
9、02,Sample Text.,04,Sample Text.,并列关系,01,04,02,03,Some Title Here,Some Title Here,Some Title Here,Some Title Here,网络EPS素材改编，可以根据具体作品的引用修改其颜色，阴影是个性化设置，可参考。,并列关系,02,Sample Text.,04,Sample Text.,01,Sample Text.,03,Sample Text.,网络EPS素材改编；文字、颜色可随意更改；矢量图标可替换；凹形微立体为PNG格式。,简要说明,并列关系,网络EPS素材改编；文字、颜色可随意更改；矢量图标
10、可替换；文字位置根据排版灵活调整。,简要说明,Sample Text.,04,Sample Text.,02,01,Sample Text.,03,Sample Text.,并列关系,网络EPS素材改编；文字、颜色可随意更改；矢量图标可替换；可根据具体情况调整文字位置。,简要说明,Title Here,Title Here,Title Here,Title Here,并列关系,网络EPS素材改编；文字、颜色可随意更改；可根据排版变换其大小；矢量图标可替换。,简要说明,此处填写具体条目内容，此处填写具体条目内容，此处填写具体条目内容。,此处填写具体条目内容，此处填写具体条目内容，此处填写具体条目
11、内容。,此处填写具体条目内容，此处填写具体条目内容，此处填写具体条目内容。,此处填写具体条目内容，此处填写具体条目内容，此处填写具体条目内容。,Title,Title,Title,Title,并列关系,网络EPS素材改编；文字、颜色可随意更改；可根据排版变换其大小；颜色修改注意锯齿内部背景的颜色比锯齿的颜色亮度增加即可。,简要说明,此处填写具体条目内容，此处填写具体条目内容，此处填写具体条目内容。,此处填写具体条目内容，此处填写具体条目内容，此处填写具体条目内容。,此处填写具体条目内容，此处填写具体条目内容，此处填写具体条目内容。,此处填写具体条目内容，此处填写具体条目内容，此处填写具体条目内
12、容。,Title,Title,Title,Title,并列关系,01,Sample Text.,02,Sample Text.,03,Sample Text.,04,Sample Text.,网络EPS素材改编，可以根据具体作品的引用修改其颜色，盾形可以和其他形状如矩形搭配使用。,并列关系,网络EPS素材改编；文字、颜色可随意更改；可根据排版变换其大小；矢量图标可替换。,简要说明,我是标题,我是标题,我是标题,我是标题,此处填写具体条目内容，此处填写具体条目内容，此处填写具体条目内容。,此处填写具体条目内容，此处填写具体条目内容，此处填写具体条目内容。,此处填写具体条目内容，此处填写具体条目内
13、容，此处填写具体条目内容。,此处填写具体条目内容，此处填写具体条目内容，此处填写具体条目内容。,并列关系,网络EPS素材改编；文字、颜色可随意更改；可根据排版变换其大小；矩形加长可以自己画。,简要说明,Heading text of sample.,Heading text of sample.,Heading text of sample.,Heading text of sample.,并列关系,网络EPS素材改编；文字、颜色可随意更改；可根据排版变换其大小；矢量图标变换时注意设置颜色。,简要说明,Heading text of sample.,Heading text of sample
14、.,Heading text of sample.,Heading text of sample.,网络EPS素材改编；文字、颜色可随意更改；可根据排版变换其大小；矢量图标变换时注意设置颜色。,简要说明,并列关系,并列关系,网络EPS素材改编；文字、颜色可随意更改；注意线条交接处颜色匹配；矢量图标可替换。,简要说明,01,Sample Text.,02,Sample Text.,Sample Text.,04,Sample Text.,03,Sample Text.,05,并列关系,简要说明,网络EPS素材改编；小齿轮为PNG格式素材；可根据实际应用修改颜色；可根据实际排版调整大小。,Text
15、.,Text.,Text.,Text.,Text.,Heading text of sample.,并列关系,网络EPS素材改编；文字、颜色可随意更改；矢量图标可以替换；,简要说明,Title Here,Title Here,Title Here,Title Here,Title Here,04,02,05,01,03,并列关系,网络EPS素材改编；文字、颜色可随意更改；中间为PNG素材；矢量图标可替换。,简要说明,01,Sample Text.,04,Sample Text.,05,Sample Text.,02,Sample Text.,03,Sample Text.,并列关系,网络EPS
16、素材改编；文字、颜色可随意更改；矢量图标可替换。,简要说明,01,Sample Text.,04,Sample Text.,05,Sample Text.,02,Sample Text.,03,Sample Text.,并列关系,网络EPS素材改编；可修改底面六边形颜色；矢量图标可替换。,简要说明,Title Here,Title Here,Title Here,Title Here,Title Here,Title Here,Sample Text.,并列关系,简要说明,网络EPS素材改编；可根据实际应用修改颜色；可根据实际排版调整大小。,01,Sample Text.,04,Sample
17、Text.,06,Sample Text.,02,Sample Text.,05,Sample Text.,03,Sample Text.,并列关系,简要说明,网络EPS素材改编；可根据实际应用修改颜色；可根据实际排版调整大小。,Sample Text.,并列关系,简要说明,网络EPS素材改编；可根据实际应用修改颜色；可根据实际排版调整大小。,Option Name.,Option Name.,Option Name.,Option Name.,Option Name.,Option Name.,并列关系,网络EPS素材改编；文字、颜色可随意更改；可将凹形颜色部分去除使用；凹形颜色部分可单独使
18、用；,简要说明,01,02,03,04,05,06,Sample Text.,Sample Text.,Sample Text.,Sample Text.,Sample Text.,Sample Text.,并列关系,04,02,05,01,06,03,Sample Text.,Sample Text.,Sample Text.,Sample Text.,SampleText.,SampleText.,网络EPS素材改编；文字、颜色可随意更改；矢量图标可以替换；,简要说明,并列关系,06,Some Title Here,02,Some Title Here,04,Some Title Here
19、,05,Some Title Here,03,Some Title Here,01,Some Title Here,Some Title Here,网络EPS素材改编；文字、颜色可随意更改；颜色更改要注意凹形设计；凹形设计可以点开设置参考。,简要说明,Sample Text.,并列关系,网络EPS素材改编；文字、颜色可随意更改；颜色更改要注意凹形设计；凹形设计可以点开设置参考。,简要说明,Sample Text.,Sample Text.,Sample Text.,Sample Text.,Sample Text.,Sample Text.,并列关系,简要说明,网络EPS素材改编；可根据实际应
20、用修改颜色；可根据实际排版调整大小；需要使用深色的背景颜色。,Heading text of sample.,Heading text of sample.,Heading text of sample.,Heading text of sample.,Heading text of sample.,Heading text of sample.,Heading text of sample.,并列关系,简要说明,网络EPS素材改编；可根据实际应用修改颜色；可根据实际排版调整大小。,07,Sample Text.,05,Sample Text.,06,Sample Text.,08,Sampl
21、e Text.,04,Sample Text.,01,Sample Text.,02,Sample Text.,03,Sample Text.,并列关系,简要说明,网络EPS素材改编；可根据实际应用修改颜色；可根据实际排版调整大小；要注意学习这种组合方式。,并列关系,网络EPS素材改编；文字、颜色可随意更改；矢量图标可替换；背景颜色建议纯白。,简要说明,Heading text of sample.,Heading text of sample.,Title Here,并列关系,01,02,03,04,05,06,07,08,09,01,02,03,04,05,06,07,08,09,Head
22、ing text of sample.,Heading text of sample.,Heading text of sample.,Heading text of sample.,Heading text of sample.,Heading text of sample.,Heading text of sample.,Heading text of sample.,Heading text of sample.,网络EPS素材改编，可以根据具体作品的引用修改其颜色。,递进关系,网络EPS素材改编；文字、颜色可随意更改；注意线条交接处颜色匹配；亦可作为并列关系使用。,简要说明,01,02
23、,03,04,Sample Text.,Sample Text.,Sample Text.,Sample Text.,递进关系,网络EPS素材改编；文字、颜色可随意更改；注意线条交接处颜色匹配；矢量图标可替换。,简要说明,01,Sample Text.,03,Sample Text.,02,Sample Text.,04,Sample Text.,递进关系,网络EPS素材改编；文字、颜色可随意更改；注意线条交接处颜色匹配；矢量图标可替换。,简要说明,03,Sample Text.,04,Sample Text.,01,Sample Text.,02,Sample Text.,递进关系,网络EP
24、S素材改编；文字、颜色可随意更改；注意线条交接处颜色匹配；矢量图标可替换。,简要说明,01,Sample Text.,02,Sample Text.,04,Sample Text.,03,Sample Text.,递进关系,Step 1,Step 2,Step 3,Step 4,网络EPS素材改编，可以根据具体作品的引用修改其颜色，矢量图标可替换。,递进关系,网络EPS素材改编；文字、颜色可随意更改；矢量图标可替换，需设置三维效果；亦可作为并列关系使用。,简要说明,03,Sample Text.,04,Sample Text.,01,Sample Text.,02,Sample Text.,递
25、进关系,网络EPS素材改编；文字、颜色可随意更改；可在多种场合使用；楼房背景可根据需要放大或缩小。,简要说明,OK!,04,03,02,01,Sample Text.,Sample Text.,Sample Text.,Sample Text.,Title,Title,Title,Title,递进关系,网络EPS素材改编；文字、颜色可随意更改；矢量图标可以替换；亦可作为并列关系使用。,简要说明,01,02,03,04,Sample Text.,Sample Text.,Sample Text.,Sample Text.,递进关系,网络EPS素材改编；文字、颜色可随意更改；矢量图标可替换；亦可作
26、为时间线使用。,简要说明,01,Sample Text.,02,Sample Text.,04,Sample Text.,05,Sample Text.,03,Sample Text.,网络图片临摹改编，矢量图标可修改；左两个白色凹形微立体为PNG格式，右三个为PPT设置，可自行选择；第一个黄色凹形微立体为PPT设置，可作为修改颜色时的设置参考；请注意阴影的个性化设置，可参考。,简要说明,递进关系,STEP,01,STEP,02,STEP,03,STEP,04,STEP,05,循环关系,网络EPS素材改编；文字、颜色可随意更改；矢量图标可替换；注意环形箭头的颜色渐变设计；可根据具体排版调整其大
27、小。,简要说明,Step 01,Step 02,Step 04,Step 03,Sample Text.,Sample Text.,Sample Text.,Sample Text.,循环关系,网络EPS素材改编；文字、颜色可随意更改；矢量图标可替换。,简要说明,简要说明,网络EPS素材改编；文字、颜色可随意更改；矢量图标可替换；可根据具体情况调整文字位置；亦可作为并列关系使用。,Title Here,Title Here,Title Here,Title Here,Title Here,循环关系,简要说明,网络EPS素材改编；文字、颜色可随意更改；中心图标可替换为其他图标或文字；去掉箭头亦可
28、作为并列关系使用。,循环关系,我是步骤一,我是步骤二,我是步骤三,我是步骤四,简要说明,网络EPS素材改编；文字、颜色可随意更改；矢量图标可修改/删除；可根据具体使用环境设置颜色。,循环关系,Title Here,Title Here,Title Here,Title Here,Title Here,Title Here,Heading text of sample.,循环关系,网络EPS素材改编；颜色可随意更改；矢量图标可替换；可根据具体排版调整其大小；亦可作为并列关系使用。,简要说明,循环关系,网络EPS素材改编，颜色可更改；矢量图标可替换；可根据需要添加文字；去掉箭头，可作为并列关系使用
29、。,简要说明,循环关系,网络EPS素材改编，颜色可更改；矢量图标可替换；可根据需要添加文字；可根据具体排版调整其大小。,简要说明,循环关系,以上循环可以结合图标和其他各种图形灵活搭配使用,其他类型,时间线,网络EPS格式文件改编，可以根据具体作品的引用修改其颜色。,2016,2010,2011,2012,2013,2014,2015,Heading text of sample.,Heading text of sample.,Heading text of sample.,Heading text of sample.,Heading text of sample.,Heading text
30、 of sample.,其他类型,时间线,Some Title Here,Some Title Here,Some Title Here,Some Title Here,Some Title Here,2012,2013,2014,2015,2016,网络EPS素材改编；文字、颜色可随意更改；条目内容可增删；背景PNG文件可挪作他用。,简要说明,其他类型,网络EPS素材改编；文字、颜色可随意更改；条目内容可增删；条目间距可自行调节。,简要说明,Some Title Here,Some Title Here,2012,2013,Some Title Here,2015,Some Title He
31、re,2014,Some Title Here,2016,时间线,其他类型,网络EPS素材改编；文字、颜色可随意更改；注意阴影设置形成的层叠效果；注意浅色背景要用深色文字；亦可以作为层次关系使用。,简要说明,包含关系,精神层文化,核心价值观,使命,愿景,其他类型,层次关系,网络EPS素材改编；文字、颜色可随意更改；矢量图标可替换。,简要说明,Title Here,Title Here,Title Here,Title Here,Title Here,其他类型,布衣公子原创构思；文字、颜色可随意更改；适应于空间狭小的情况。,简要说明,我是大标题,我是大标题,大标题我是小标题,大标题我是小标题,大
32、标题我是小标题,某某公司某某部门,大标题我是小标题,大标题我是小标题,大标题我是小标题,某某部门任务分工图,创新组织结构图非扁平型,三色圆形对比关系图表,TB-011-131227,Please add text here. According to the need to adjust the font size. The text use justified.,红灰色仿秒表比例关系图表,TB-012-131227,四色循环关系图表,TB-013-131227,Please add text here. According to the need to adjust the font siz
33、e. The text use justified.,三色半圆环对比比例关系图表,TB-014-131227,Add keywords,Please add text here. According to the need to adjust the font size. The text use justified.,双色标注折线走势图表,TB-015-131227,Please add text here. According to the need to adjust the font size. The text use justified.,三色流程关系图表,TB-016-13122
34、7,Please add text here. According to the need to adjust the font size. The text use justified.,三色流程并列关系图表,TB-017-131227,双色对比关系图表,TB-018-131227,六色比例关系图表,TB-019-131227,Please add text here. According to the need to adjust the font size. The text use justified.,四色棱锥关系图表,TB-020-131227, 转载发布,距离之美,对齐之美,第一
35、章 布局之美,对称之美,留白之美,边距,1.1 距离之美,1,行距,2,段距,3,1.2 对齐之美,模块对齐,2,边界对齐,1,等距分布,3,1.3 对称之美,左右对称,上下对称,1.4 留白之美,留白直接地说就是留下一片空白。留白真的是难以言说的一种表达方式，因为留白更接近于一种意境。我也说不清楚。我是怎么留白的呢？我觉得留白既要彰显意境美，又要画面不失重，即是说，画面整体的重心要稳。,线,框、圈,第二章 图形运用,面、色块,图形,2.1 线线在标题栏中的应用,虚线效果,1,实线效果,2,2.1 线线在内标题设计上的应用,实线效果（双下划线）,2,虚线效果,1,2.1 线线在正文中的区域分割
36、作用,线在正文中的区域分割作用,2.1 线线在正文中的边界作用,用“线”勾勒出画面中模块内容的边界，形成规矩、整齐的感觉。,2.1 线线在正文中对称和装饰作用,2.1 线线在图表中的连接作用,图表中线的作用不仅仅是连接，而且可以展现出设计的美感。,2.1 线,请从左图中找到线的用法，至少三种哦：）,2.2 框、圈框的模块化作用,用“框”更清晰的展示不同模块的内容。,2.2 框、圈框形成的对齐效果，很规整,上图：“框”作为独立模块与其他内容对齐；右图：“框”将文字和图片包围起来很规整。,2.2 框、圈用框展示引用观点或案例,上图：用“框”展示案例；右图：用“框”展示观点。,2.2 框、圈圈的灵活
37、运用，艺术化排版,左图：左边框是从矢量图中导出的PNG图片，右边的“粗框圈”和“同心圆”则是后来绘的图，形成整体一致的效果。,右图：用“圈”、“线”和“PNG人像”完美地融合在一起。,2.3 面、色块面设计出整体内容页的版面,在暗红色的背景上面，设置两层有透明度的白色的“面”，从而形成了左图的逻辑区域效果。,2.3 面、色块用色块展示不同的模块内容,1,不同颜色，不同章节。,2,相同颜色，并列展示。,左图：色块覆盖色块的效果,2.3 面、色块色块和图形形成模块区域效果，很规整,要注意色块的颜色和图片的颜色是接近的。,2.3 面、色块用色块展示观点、案例、点缀,1,灰色背景的色块上展示故事,2,
38、带有透明度红色色块上放上人名,3,小色块的点缀,4,色块展示观点,2.3 面、色块色块设计标题栏、过渡页、标识、页码等,色块展示页码,色块展示页面标识,过渡页设计,标题栏设计,章节过渡效果,2.3 面、色块具有透明效果色块和图形的搭配效果,2.3 面、色块色块与图形搭配运用形成Win8风格,2.3 面、色块母色块放上子色块形成的逻辑效果,母色块,子色块,2.4 图形,2.4 图形,如何实现左边图形？,请思考,2.4 图形,2.4 图形,请思考,2.4 图形,如何实现下图的设计？,请思考,2.4 图形,2.4 图形,2.4 图形 的各种变形后并组合的效果,如何实现上图的效果？,请思考,文字排版,
39、图形排版,第三章 具体设计,标题设计,3.1 文字排版字少时的排版,字少时的排版：错落有致、突出重点。,3.1 文字排版字多时的排版,字多时的排版：合理布局、规整匀称。,3.1 文字排版文字的图表化处理,无论字少、字多，尽可能：图表化处理。,3.2 图文排版单图排版,单图排版的要点：小图点缀、中图排列美、大图冲击力。,3.2 图文排版双图排版,双图排版的要点：并列或对称。,3.2 图文排版多图排版,多图排版的要点：讲究布局排列之美。,3.3 标题设计简洁式标题,简洁式标题：简洁，基本无修饰。,3.3 标题设计点缀式标题,点缀式标题：简单点缀，不一样的效果。,点缀式标题样式非常多，请大家再举几例，或者到布衣公子的作品中，找一些案例。,3.3 标题设计背景式标题,背景式标题：以色块作为背景，时尚流行。,
