第8讲-页面版式设计原则课件

第8讲页面版式设计原则【PART2PPT元素美化技巧】第8讲 页面版式设计原则【PART2 PPT元素美化技巧】1今日内容版式分类排版规则配色设计今日内容版式分类2一页面构成理论什么是版式？版面的格式；如何将诸如文字、图片、图形、图表、视频等等这些元素放置一页以某一种有序的形式在页面中的排列方法。一页面构成理论什么是版式？3版式表格模拟借助辅助线水平，垂直一等分，二等分，三等分，五等分等在辅助线的基础上加斜辅助版式表格模拟4Format DesignFormat DesignFormat DesignFormat DesignFormat DesignFormat DesignForm5第8讲-页面版式设计原则课件6版面设计左右版式版面设计左右版式7版面设计上下版式 版面设计上下版式 8版面设计斜向结构版面设计斜向结构9版面设计对角结构版面设计对角结构10版面设计三分结构版面设计三分结构11版面设计局部强化（其余留白）版面设计局部强化（其余留白）12PPT的六张页面封面前言目录页过渡页正文页结尾页PPT的六张页面封面前言目录页过渡页正文页结尾页13封面常规模板全文字型模板色块配小图模板色块配全/半图模板封面常规模板全文字型模板色块配小图模板色块配全/半图模板14色块配小图色块配小图15色块配全半图模板色块配全半图模板16目录页标准型目录同步型目录想要有创意目录页标准型目录17进度页进度表现方法页码位置顶部导航条进度页进度表现方法18第8讲-页面版式设计原则课件19排版工具排版工具20辅助线-对齐元素，平衡页面布局辅助线-对齐元素，平衡页面布局21通过辅助线对齐通过辅助线对齐22通过辅助线平衡页面布局通过辅助线平衡页面布局23对齐对齐24版面设计原则版面设计原则25亲密原则或者分组原则亲密原则或者分组原则26对齐原则对齐原则27第8讲-页面版式设计原则课件28第8讲-页面版式设计原则课件29对比原则对比原则30第8讲-页面版式设计原则课件31重复原则重复原则32第8讲-页面版式设计原则课件33保持页面平衡保持页面平衡34第8讲-页面版式设计原则课件35创造空间感创造空间感36第8讲-页面版式设计原则课件37留白留白38第8讲-页面版式设计原则课件39第8讲-页面版式设计原则课件40黄金分割黄金分割41第8讲-页面版式设计原则课件42配色设计配色设计43错误一：背景花哨，风格有冲突错误一：背景花哨，风格有冲突44第8讲-页面版式设计原则课件45错误二：层上加层，色块变补丁错误二：层上加层，色块变补丁46错误三：配色刺眼，多彩变廉价错误三：配色刺眼，多彩变廉价47噩梦级包装设计：椰树椰汁噩梦级包装设计：椰树椰汁48色彩原理色彩原理要了解的概念：12色环及三原色、二次色、三次色介绍暖色、冷色、中性色明调、暗调、灰调最常用的三种色彩搭配色彩原理色彩原理要了解的概念：49色彩原理12色轮：色彩排成的圆环，是搭配色彩的基本工具AAABBBCCCCCCA三原色：红、黄、蓝B二次色：紫、橙、绿C三次色：相邻两色的组合色彩原理12色轮：色彩排成的圆环，是 搭配色彩 的基本工具A50色彩原理暖色系暖色系特点：生动活泼、积极有力，给人温暖主要包含：红、橙、黄、黄绿等冷色系冷色系特点：平静镇定、舒缓淡泊主要包含：靛青、紫、蓝、绿等暖色暖色冷色色彩原理暖色系暖色冷色51色彩原理中性色：有3种：黑、灰、白52黑黑blackblack白白whitewhite黑黑blackblack灰灰graygray灰色是由黑白按不同比例组成的一个色系，这个比例称为灰度中性色是三种百搭的颜色色彩原理中性色：有3种：黑、灰、白52黑black白wh52色彩原理明调：掺加白色得到的一种纯色53目的提高颜色的亮度，使其更加鲜明手段向颜色中掺入白色结果得到明调色彩原理明调：掺加白色得到的一种纯色53目的提高颜色的亮度，53色彩原理暗调：掺加黑色得到的一种纯色54目的降低颜色的亮度，使其更加黯淡手段向颜色中掺入黑色结果得到暗调色彩原理暗调：掺加黑色得到的一种纯色54目的降低颜色的亮度，54色彩原理灰调：掺加灰色得到的一种纯色55比明/暗调更精细地调节颜色的亮度向颜色中掺入灰色得到灰调目的手段结果色彩原理灰调：掺加灰色得到的一种纯色55比明/暗调更精细地调55色彩搭配色轮上相邻分布的颜色中，相隔30度为同类色相隔90度为相近色相隔180度为对比色色彩搭配色轮上相邻分布的颜色中，56色彩搭配最常用的三种色彩搭配同类色：就是一种颜色和它的明暗色搭配相近色：任意连续三种颜色之间的搭配对比色设计：一组相对的颜色之间的搭配色彩搭配最常用的三种色彩搭配同类色：相近色：对比色设计：57色彩搭配同类色搭配案例色彩搭配同类色搭配案例58色彩搭配相近色搭配案例特点：搭配和谐，对比不强应用场合广泛,注意两条法则：易于区分(保证各种色彩有足够的对比度)均衡调配(1种主体色+1种辅助色+1种强调色)色彩搭配相近色搭配案例特点：搭配和谐，对比不强59色彩搭配对比色搭配案例特点：高度对比，难以驾驭应用场合：凸显强调不适用于大量文本对比,或背景色与文本色对比色彩搭配对比色搭配案例特点：高度对比，难以驾驭60配色根据配色从哪里来？LOGO/公司模板行业色主题色从公司LOGO中提取颜色或使用公司现有模板颜色如金融行业、医疗行业等，都会有自己行业的代表色如环保主题通常会用绿色；想表达送温暖，会用红橙色配色根据配色从哪里来？LOGO/行业色主题色从公司LOGO中61图片取色配色法图片取色配色法第8讲-页面版式设计原则课件练习练习50%美丽Beautiful美好的一天在这里50%美丽Beautiful美好的一天在这里65第8讲-页面版式设计原则课件66第8讲-页面版式设计原则课件67网站分享：http:/design-