搜索
技巧PPT技能分享系列三布衣公子作品排版布局之美图形运用具体设计第一章第二章第三章2ContentsPage目录页TransitionPage过渡页3•距离之美•对齐之美第一章布局之美•对称之美•留白之美布局之美4图形运用具体设计布局之美边距1.1距离之美1行距2段距3布局之美5图形运用具体设计布局之美1.2对齐之美模块对齐2边界对齐1等距分布3布局之美6图形运用具体设计布局之美1.3对称之美左右对称上下对称布局之美7图形运用具体设计布局之美1.4留白之美留白直接地说就是留下一片空白。留白真的是难以言说的一种表达方式，因为留白更接近于一种意境。。。我也说不清楚。我是怎么留白的呢？我觉得留白既要彰显意境美，又要画面不失重，即是说，画面整体的重心要稳。TransitionPage过渡页8•线•框、圈第二章图形运用•面、色块•图形布局之美9图形运用具体设计图形运用2.1线→①线在标题栏中的应用虚线效果1实线效果2布局之美10图形运用具体设计图形运用2.1线→②线在内标题设计上的应用实线效果（双下划线）2虚线效果1布局之美11图形运用具体设计图形运用2.1线→③线在正文中的区域分割作用线在正文中的区域分割作用布局之美12图形运用具体设计图形运用2.1线→④线在正文中的边界作用用“线”勾勒出画面中模块内容的边界，形成规矩、整齐的感觉。布局之美13图形运用具体设计图形运用2.1线→⑤线在正文中对称和装饰作用布局之美14图形运用具体设计图形运用2.1线→⑥线在图表中的连接作用图表中线的作用不仅仅是连接，而且可以展现出设计的美感。布局之美15图形运用具体设计图形运用2.1线请从左图中找到线的用法，至少三种哦：）布局之美16图形运用具体设计图形运用2.2框、圈→①框的模块化作用用“框”更清晰的展示不同模块的内容。布局之美17图形运用具体设计图形运用2.2框、圈→②框形成的对齐效果，很规整上图：“框”作为独立模块与其他内容对齐；右图：“框”将文字和图片包围起来很规整。布局之美18图形运用具体设计图形运用2.2框、圈→③用框展示引用观点或案例上图：用“框”展示案例；右图：用“框”展示观点。布局之美19图形运用具体设计图形运用2.2框、圈→④圈的灵活运用，艺术化排版左图：左边框是从矢量图中导出的PNG图片，右边的“粗框圈”和“同心圆”则是后来绘的图，形成整体一致的效果。右图：用“圈”、“线”和“PNG人像”完美地融合在一起。布局之美20图形运用具体设计图形运用2.3面、色块→①面设计出整体内容页的版面在暗红色的背景上面，设置两层有透明度的白色的“面”，从而形成了左图的逻辑区域效果。布局之美21图形运用具体设计图形运用2.3面、色块→②用色块展示不同的模块内容1不同颜色，不同章节。2相同颜色，并列展示。左图：色块覆盖色块的效果布局之美22图形运用具体设计图形运用2.3面、色块→③色块和图形形成模块区域效果，很规整要注意色块的颜色和图片的颜色是接近的。布局之美23图形运用具体设计图形运用2.3面、色块→④用色块展示观点、案例、点缀1灰色背景的色块上展示故事2带有透明度红色色块上放上人名3小色块的点缀4色块展示观点布局之美24图形运用具体设计图形运用2.3面、色块→⑤色块设计标题栏、过渡页、标识、页码等色块展示页码色块展示页面标识过渡页设计标题栏设计章节过渡效果布局之美25图形运用具体设计图形运用2.3面、色块→⑥具有透明效果色块和图形的搭配效果布局之美26图形运用具体设计图形运用2.3面、色块→⑦色块与图形搭配运用形成Win8风格布局之美27图形运用具体设计图形运用2.3面、色块→⑧母色块放上子色块形成的逻辑效果母色块子色块布局之美28图形运用具体设计图形运用2.4图形→①布局之美29图形运用具体设计图形运用2.4图形→②如何实现左边图形？请思考布局之美30图形运用具体设计图形运用2.4图形→③布局之美31图形运用具体设计图形运用2.4图形→④请思考与有啥区别？布局之美32图形运用具体设计图形运用2.4图形→⑤如何实现下图的设计？请思考布局之美33图形运用具体设计图形运用2.4图形→⑥布局之美34图形运用具体设计图形运用2.4图形→⑦布局之美35图形运用具体设计图形运用2.4图形→⑧的各种变形后并组合的效果如何实现上图的效果？请思考TransitionPage过渡页36•文字排版•图形排版第三章具体设计•标题设计布局之美37图形运用具体设计具体设计3.1文字排版→①字少时的排版字少时的排版：错落有致、突出重点。布局之美38图形运用具体设计具体设计3.1文字排版→②字多时的排版字多时的排版：合理布局、规整匀称。布局之美39图形运用具体设计具体设计3.1文字排版→③文字的图表化处理无论字少、字多，尽可能：图表化处理。布局之美40图形运用具体设计具体设计3.2图文排版→①单图排版单图排版的要点：小图点缀、中图排列美、大图冲击力。布局之美41图形运用具体设计具体设计3.2图文排版→②双图排版双图排版的要点：并列或对称。布局之美42图形运用具体设计具体设计3.2图文排版→③多图排版多图排版的要点：讲究布局排列之美。布局之美43图形运用具体设计具体设计3.3标题设计→①简洁式标题简洁式标题：简洁，基本无修饰。布局之美44图形运用具体设计具体设计3.3标题设计→②点缀式标题点缀式标题：简单点缀，不一样的效果。点缀式标题样式非常多，请大家再举几例，或者到布衣公子的作品中，找一些案例。布局之美45图形运用具体设计具体设计3.3标题设计→③背景式标题背景式标题：以色块作为背景，时尚流行。11020228@qq.com://teliss.blog.163.com我的黄金十年片尾广告一位平凡80后的职场与情感历程我将毕业后的第一个十年称之为“黄金十年”，第二个十年称之为“白金十年”，第三个十年称之为“钻石十年”，以此来形容人生当中最青春蓬勃、年富力强和激情满怀的宝贵三十年。“我的黄金十年”写的就是毕业后，第一个十年所发生的职场与情感的那些事儿……自传体小说，请您多多捧场：）布衣公众号：hr-ppt