以工匠之心做PPT

https://shop220666256.taobao.com

日志

关于我

※布衣公子

个性概述：常思常念常悟,不嗔不怒不争。真诚真挚真切,动情动意动心。爱好概述：探索地理,开拓视野,研习历史,获得智慧,书写篇章,分享知识,投身运动,燃烧激情。

文章分类

技能101-瞅一瞅那些年布衣公子执着的标题栏设计

2017-05-18 19:55:13| 分类：抛砖引玉 | 标签： |举报 |字号大中小订阅

下载LOFTER 我的照片书 |

技能101-瞅一瞅那些年布衣公子执着的标题栏设计 - ※布衣公子 - 以工匠之心做PPT

首先需要说明的是，并不是每个PPT都需要标题栏，在《68-揭秘PPT真相》中，公子讲到，需要标题栏的PPT一般是汇报型、课件型的PPT。因此，公子早期严肃阅读型的PPT也自然少不了标题栏的设计。

今天公子所分享的套路仅是非常典型有代表性的，更多的标题栏设计，大家可以通过公子的系列作品来感受下。收费学员可以直接在百度云中下载已经整理好的标题栏设计PPT集合。

为什么我们需要设计PPT的标题栏呢？主要是为了提升其美观程度，同时，统一的标题栏设计也符合PPT排版设计的「重复」原则，即，相同的元素保持统一的视觉设计。

最经典套路：上下配合型。版面底部用深色色块放置章节标题，版面左上与LOGO或图标结合放置当前页标题。底部的色块可以灵活进行创新设计，比如若是黑灰色色块，则可以辅以色条，并加入页码的元素。

最常用套路：顶端设计型。版面顶端以黑灰色色块打底放置当前页标题，其左侧辅以个性化充满创意的小色块放置章节标题。同时，一般右侧放置页码，反正这空间闲着也是闲着。

最专业套路：网页导航型。即，标题栏像网页导航一样包含各章节标题。典型的设计是，页面顶端同样是以黑灰色色块打底放置当前页标题，但其右侧以灵活的设计放置各章节标题，并以彩色色块凸显当前章节标题，这点类似过渡页设计。

最偷懒套路：素材导入型。在浩瀚的矢量素材中，把那些可以设计为标题栏的素材导入到PPT中设计为标题栏。页面可以根据需要辅以页码设计，如案例中的版面右下侧。

最清爽套路：浅色色块型。以浅色长条色块为主，主题色色块为辅，可左可右。标题设置可上可下，一般上面放置章节标题，下面放置当前页标题。

最简约套路：图标文字型。直接在页面左上侧放置页面标题，并辅以个性化图标或LOGO即可，当然，也可以随时根据需要调整标题位置，比如设置居中等等。

模仿是永远的套路。PPT的标题栏设计多模仿自网页的导航设计。

如何设计标题栏的页码呢？找一个有页码的PPT，将其母版中页码所对应的“<#>”符号拷贝到自己PPT中需要放页码的母版对应位置就可以了。

页码的摆放位置或方式也时时刻刻体现创意。如图为页码放置的典型案例：左上角、右上角、右下角等。

留一个思考题给大家。如何设置如图效果的页码和总页数呢？这种类型的页码在WORD中很好实现，那么在PPT中如何实现呢？欢迎您留言探讨。

往期教程：

技能100-用Ctrl加D智能复制实现快速排版

技能099-常被忽视不代表不重要的过渡页设计

技能098-简单的目录设计藏不住你恣肆的设计才华

技能097-封底虽然低调但也要配得上封面才行

技能096-布衣公子PPT的封面套路大揭秘

技能095-为什么有的人从不购买PPT模板？

技能094-为什么高手都喜欢使用幻灯片母版？

技能093-主题色设置实现PPT一键整体换色

技能092-找到规律就不怕难事

技能091-好色更要懂色

技能090-素材整理功夫在诗外

……

更多技能分享请您微信公众号（HR-PPT）后台回复「目录」查看

图文教程相对简略，网易云课堂已同步更新对应的视频教程，购课并赠送教程对应的1080P高清视频、PPT、WORD讲义源文件及10G神秘大礼包（非视频非两年合集的赠品）。

【回馈粉丝阶梯优惠】

前5000人惠顾仅需199元

请已购课的朋友及时加群

【购课链接】

http://study.163.com/course/introduction/1003808013.htm

评论这张

转发至微博

阅读(255)| 评论(0)

历史上的今天

this.p={  m:2,
              b:2,
              loftPermalink:'',
              id:'fks_087074084083081068086094080069072084089065087084085074',
              blogTitle:'技能101-瞅一瞅那些年布衣公子执着的标题栏设计',
              blogAbstract:'<div\><img title=\"技能101-瞅一瞅那些年布衣公子执着的标题栏设计 - ※布衣公子 - 以工匠之心做PPT\"   alt=\"技能101-瞅一瞅那些年布衣公子执着的标题栏设计 - ※布衣公子 - 以工匠之心做PPT\"   style=\"margin:0 10px 0 0;\"   src=\"http://img1.ph.126.net/ayXDg6_Xk_LSp6w4enyxRw==/6632447652792432460.jpg\"   \></div\><p style=\"margin-top: 0px; margin-bottom: 0px; max-width: 100%; clear: both; min-height: 1em; color: rgb(62, 62, 62); font-family: \'Helvetica Neue\', Helvetica, \'Hiragino Sans GB\', \'Microsoft YaHei\', Arial, sans-serif; line-height: 25.6px; box-sizing: border-box !important; word-wrap: break-word !important;\"   \><span style=\"color: rgb(68, 68, 68); font-family: punctuation, 微软雅黑, Tohoma; font-size: 15px; line-height: 22.4px; text-align: justify;\"   \><br\></span\></p\>',
              blogTag:'',
              blogUrl:'blog/static/282323920174187541873',
              isPublished:1,
              istop:false,
              type:0,
              modifyTime:1495108514235,
              publishTime:1495108513926,
              permalink:'blog/static/282323920174187541873',
              commentCount:0,
              mainCommentCount:0,
              recommendCount:0,
              bsrk:-100,
              publisherId:0,
              recomBlogHome:false,
              currentRecomBlog:false,
              attachmentsFileIds:[],
              vote:{},
              groupInfo:{},
              friendstatus:'none',
              followstatus:'unFollow',
              pubSucc:'',
              visitorProvince:'',
              visitorCity:'',
              visitorNewUser:false,
              postAddInfo:{},
              mset:'000',
              mcon:'',
              srk:-100,
              remindgoodnightblog:false,
              isBlackVisitor:false,
              isShowYodaoAd:true,
              hostIntro:'个性概述：常思常念常悟,不嗔不怒不争。真诚真挚真切,动情动意动心。\r\n爱好概述：探索地理,开拓视野,研习历史,获得智慧,书写篇章,分享知识,投身运动,燃烧激情。',
              hmcon:'1',
              selfRecomBlogCount:'0',
              lofter_single:'<iframe width="140" height="560" style="overflow:hidden;" src="http://www.lofter.com/mailEntry.do?blogad=1&blog" frameBorder="0"></iframe>'
            }

{list a as x}
    {if !!x}
    <div class="iblock nbw-fce nbw-f40">
      <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.visitorName}/">
      {if x.visitorName==visitor.userName}
      <img alt="${x.visitorNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.visitorName)}&r=${visitor.imageUpdateTime}"/>
      {else}
      <img alt="${x.visitorNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.visitorName)}"/>
      {/if}
      </a>
      <div class="cwd vname thide">
        {if x.moveFrom=='wap'}
          <a class="noul pnt" target="_blank" href="http://blog.163.com/services/wapblog.html?frompersonalbloghome"><span title="来自网易手机博客" class="iblock wapIcon"> </span></a>
        {elseif x.moveFrom=='iphone'}
          <a class="noul pnt" target="_blank"><span title="来自iPhone客户端" class="iblock iphoneIcon"> </span></a>
        {elseif x.moveFrom=='android'}
          <a class="noul pnt" target="_blank"><span title="来自Android客户端" class="iblock androidIcon"> </span></a>
        {elseif x.moveFrom=='mobile'}
          <a class="noul pnt" target="_blank" href="http://blog.163.com/services/emsblog.html?frompersonalbloghome"><span title="来自网易短信写博" class="iblock wapIcon"> </span></a>
        {/if}
        <a class="fc03 m2a"  target="_blank" hidefocus="true" href="http://blog.163.com/${x.visitorName}/">
          ${fn(x.visitorNickname,8)|escape}
        </a>
      </div>
    </div>
    {/if}
    {/list}

<#--最新日志，群博日志--> <#--推荐日志-->

<p class="fc06">推荐过这篇日志的人：</p>
    <div>
      {list a as x}
      {if !!x}
      <div class="iblock nbw-fce nbw-f40">
        <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.recommenderName}/">
        <img alt="${x.recommenderNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.recommenderName)}"/>
        </a>
        <div class="cwd thide">
          <a class="fc03 m2a" target="_blank" hidefocus="true" href="http://blog.163.com/${x.recommenderName}/">
            ${fn(x.recommenderNickname,6)|escape}
          </a>
        </div>
      </div>
      {/if}
      {/list}
    </div>
    {if !!b&&b.length>0}
    <p  class="fc06">他们还推荐了：</p>
    <ul>
    {list b as y}
      {if !!y}
        <li class="rrb"><span class="iblock">·</span><a class="fc03 m2a" target="_blank" href="http://blog.163.com/${y.recommendBlogPermalink}/?from=blog/static/282323920174187541873">${y.recommendBlogTitle|escape}</a></li>
      {/if}
    {/list}
    </ul>
    {/if}

<#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇，下一篇--> <#-- 热度 -->

{list a as x}
    {if !!x}
    <div class="hotItem iblock nbw-fce nbw-f40">
      <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.publisherUsername}/">
      {if x.publisherUsername==visitor.userName}
      <img alt="${x.publisherNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.publisherUsername)}&r=${visitor.imageUpdateTime}"/>
      {else}
      <img alt="${x.publisherNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.publisherUsername)}"/>
      {/if}
      </a>
      <div class="cwd vname thide">
        <a class="fc03 m2a"  target="_blank" hidefocus="true" href="http://blog.163.com/${x.publisherUsername}/">
          ${fn(x.publisherNickname,8)|escape}
        </a>
      </div>
      <a class="f-myLikeIcons hottype {if x.type==1} js-liketype{elseif x.type==2} js-reblogtype{elseif x.type==3} js-sharetype{else}{/if}" target="_blank" hidefocus="true" href="http://blog.163.com/${x.publisherUsername}/"> </a>
    </div>
    {/if}
    {/list}

<#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->

页脚

我的照片书 - 手机博客 - 下载LOFTER APP - 订阅此博客

以工匠之心做PPT

导航

日志

技能101-瞅一瞅那些年布衣公子执着的标题栏设计

历史上的今天

最近读者

热度

评论

页脚