&b&PPT 並不是一個單獨的工具，PPT 的使用必定是與演講（Presentation）相關的。&/b&&br&&b&所以，要做一份優秀的 PPT 的前提是對整個演講必須要有比較好的把握。&/b&&br&&br&&br&&b&做演講的準備思路？&/b&&br&&ul&&li&確定主題——構建大綱——填充內容（準備講稿）——準備演示工具（PPT）——反復練習——上場&/li&&li&做演講的準備工作時，一定要先寫好講稿（無論是在腦中還是在紙上。我的習慣一般是找個安靜的地方把整個演講在腦中過一遍，同時把關鍵詞都記在小本子上，上臺的時候帶個小本子，忘詞的話看看小本子就能記起來，如果能脫稿那是最好），再開始做 PPT。&br&&/li&&li&但是必須要理解一點。&b&PPT 只是演講中使用的一個輔助工具，並不是必要的。&/b&演講的中心不能放在PPT上，你的講稿才是最重要的。&/li&&/ul&&br&&b&什麽時候要使用 PPT？&/b&&ul&&li&演講中存在用語言不能表達或這難以表達清楚，而通過圖片表格聲音視頻等形式將有助於表達清楚的內容。&br&&/li&&li&信息量太大，用語言難以完全傳遞或者聽眾短時間內難以全部接收，需要做筆記時。&br&&/li&&li&演講時間長度較大，PPT 有助於聽眾把握演講內容的結構框架&br&&/li&&li&輔助演講者調動氛圍，提高聽眾積極性&/li&&li&...&/li&&/ul&&br&&b&怎麼樣的 PPT 才是好的 PPT？&/b&&ul&&li&&b&沒有絕對的標準。&/b&不同的場合，不同的內容，好的 PPT 的標準也不一樣。但是好的 PPT 都有一個共通的特點——配合演講者的&b&節奏&/b&，即&b&在適當的時候展示適當的內容&/b&。&/li&&/ul&&br&&b&做 PPT 一定要簡潔嗎？&/b&&br&&ul&&li&首先，要弄清楚什麽是簡潔。簡潔就是將PPT中無關的內容或者通過語言就可以表達清楚的內容進行精簡。簡潔的最理想狀態是——&b&既做到了內容的最小化，又保持了信息的完整傳遞。&/b&說白一點，就是多一個字詞，多一張圖表都是多餘的；少一個字詞，少一張圖表都影響演講的節奏和效果的。&br&&/li&&li&一般來說，越簡潔，聽眾接收的「噪音」越少，對有效信息的吸收效果越好。但是並不是絕對。如果 PPT 是需要脫離現場的演講單獨展示，而當中又包括概念定義、操作流程等難以精簡的內容，那麼一張 PPT 上密密麻麻的字也是無法避免的。但是也可以將部份內容轉換成圖表，或者通過優秀的排版來避免看起來過於枯燥和單調。&/li&&/ul&&br&&b&怎麼做 PPT？&/b&&ul&&li&設立標題，結構（目錄）。&/li&&li&根據演講的大綱，構建 PPT 的框架。根據演講內容和各部份的演講時長，初步確立各部份需要用到的頁面數。&/li&&li&往框架裏面填充內容。對各個部份的內容進行提煉，通過適當的載體和形式展示在 PPT 上
（所謂適當的載體，就是能用圖表的就不用列點，能列點的就不要用文段）。每頁最好只顯示一個圖表和幾個要點，不要貪多，也不要放得太散。圖表也好，文字也好，必須是有助於你將該部份的內容表達清楚的。舉個反例，譬如演講中有一段與服務器有關的內容，不少人就會在做 PPT 的時候單獨開一頁填個大標題「服務器」然後就放幾張服務器的實物圖片。但是你這張圖片到底說明了啥東西呢？又可以幫助你的聽眾理解到啥東西呢？沒有用的東西必須要用「
&a href=&///?target=http%3A///view/2822165.htm& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&奥康姆剃刀&i class=&icon-external&&&/i&&/a&」給全部鏟掉！如果遇到實在不知道寫什麽的情況，但是這部份又要講一段不短的時間，那麼單獨留個標題，要麼嘗試與上下文聯繫加個過渡起到承上啟下的作用。&/li&&li&填完后，從頭到尾展示一遍，根據講稿對過渡的地方適當地添加一些承上啟下的內容，保證整個演講的流暢性。&/li&&li&確認內容已經不需要再更改之後，開始對 PPT 進行排版的修改和美化，但是要適量，不能喧賓奪主，更不能影響信息表達的清晰程度。&/li&&li&適當增加一些動畫，但是不要過於繁雜，每個動畫時間控制在 0.8 秒以內，整頁動畫時間累積最好不超過3秒。&/li&&li&根據實際練習出現的一些問題對 PPT 進行修改。世界上沒有一次就做到好的事情。只有經過一次次的修正和改良，才能做出傑出的作品。&/li&&/ul&&br&&b&排版和美化的一些心得&/b&&ul&&li&首先，還在用 Office 2003的，請馬上升級到 2007 或者 2010。&/li&&li&正文和備註字體最好選用 14 號以上，標題、要點、圖表的字體最好需用 20 號以上避免後排的聽眾看不清。 &/li&&li&&b&強烈反對使用艺术字！&/b&增大了閱讀的難度，而且很難看，很他喵難看。曾經有人把整個 PPT 的文字都加上了各種藝術字的效果，我看了一眼就關掉然後退回去了。你愛玩藝術字就自己玩個夠，別來折騰我的眼睛。&/li&&li&中文的正文字體可以使用宋体（SimSun）、微软雅黑（Microsoft YaHei）和幼圆（SIMYOU）/准圆，想古風一點的可以用華文新魏，標題可使用经典综艺体简。可能有些朋友會覺得有其他中文字體的閱讀體驗更好（如方正新书宋，方正兰亭黑、冬青黑体等），但這些字體的普及度並不廣，鑲嵌到 PPT 中文件體積會變大不說，還容易出問題，另外商業使用也需要授權；而相反中易宋体、微软雅黑、华文新魏這些字體已經在 Windows 和 Office 中內置，不需要額外安裝，授權問題也已經解決（前提你用的是正版），因此建議製作 PPT 時儘量使用系統自帶字體。&/li&&li&英文的正文字體可以使用 Arial 和 Times New Roman（配合雅黑和宋體使用），另外還有 Palatino Linotype（本人首選的英文字體）和 HandelGotD（第二首选）。標題可以選用 Stencil（大寫）。&/li&&/ul&下圖為本人推薦的字體的顯示效果。字號為 20 號，全部無加粗。&br&&img src=&/5f33c6b9db3fd6c64ca2c5cc080f0492_b.jpg& class=&content_image&&&br&&ul&&li&PPT 各頁面的標題位置應儘量保持一致。各級標題建議編號，如果一個大標題下分幾個小點，小點又占一個頁面以上，應在標題處或頁面的其他地方標示出大標題或其編號。&/li&&li&列要點可以使用 PPT 內置的 Smart-Art，裏面各種模型基本上可以滿足你的需要。另外網上也有很多列點、表格、流程圖、SWOT 的美化素材。 PS.新浪微博 @无忧PPT @我爱PPT &/li&&li&圖片最好添加相框，推薦使用&u&簡單相框&/u&、&u&圓形對角&/u&、&u&剪裁對角線&/u&和&u&柔化邊緣矩形&/u&等 PPT 內置的相框（2010 可以在單擊圖片后，在最上方出現的「圖片工具」選項中找到）。&/li&&li&餅圖柱狀圖等圖表和 Smart-Art 可以&i&白色輪廓、細微效果&/i& （同上，單擊圖表后出現的選項） 進行美化，也可以更改一下顏色來增加注目度。&b&注意，強烈不建議使用 3D 效果，聽眾不容易讀取信息之餘，還容易造成誤解。&/b&&/li&&li&&b&動畫的作用是爲了幫助你更好的展示，而不是一種單純的裝飾。&/b&譬如說一些連貫性較強的內容，用一張 PPT 裝不下，兩張 PPT 又影響連貫性的情況下，可以用動畫控制內容的進入和退出。&/li&&li&對於美化實在無感的話，可以選用模板。網上優秀的模板很多，下載下來之後可以直接套用，對於新手來說比較輕鬆。&/li&&/ul&&br&&b&怎麼提高做 PPT 的水平？&/b&&ul&&li&沒有速成的路。&b&多練，多看，多想。&/b&僅此而已。&/li&&/ul&
PPT 並不是一個單獨的工具，PPT 的使用必定是與演講（Presentation）相關的。 所以，要做一份優秀的 PPT 的前提是對整個演講必須要有比較好的把握。 做演講的準備思路？ 確定主題——構建大綱——填充內容（準備講稿）——準備演示工具（PPT）——反復練習…
清华同方，大写的垃圾&br&谨以此文，记我一个教训，给大家一个警示&br&&br&看到这个题目，机智的小伙伴们就猜到我肯定被这山寨牌子坑了，同情鄙夷之际，说不定还会佩服我当初选择清华同方的勇气。&br&&br&讲真，我也不是数码小白。早在上世纪末接触电脑以来，不出两年我就制霸我们家乡的网吧了。虽说我也不是装机达人，但至少基本的品牌常识还是知道的，也明白商务用笔记本电脑还是ThinkPad最靠谱（至少我上一台ThinkPad中端机也用了五年，没修过）。那问题来了，为什么我要买清华同方的笔记本呢？是不是傻？&br&&br&这次真的是一个体制问题。机关事业单位购买计算机设备，必须政府集中采购。这种做法的大意就是政府已经帮你讨价还价了（其实比京东还贵），你直接去这几个品牌的代理那儿买就行了。有人会问，为什么不买Mac? 政府不让买啊，你有钱也不行……2016年是个分水岭，在此之前，只要出得起钱，一万多元的高配置ThinkPad也是可以买的。在2016年之后，估计搞了个竞价，相同配置，只能买最便宜的那个。&br&天桥地摊上的十元耳机对森海塞尔说：“我也能出声，凭什么你们卖几百上千块？”&br&地铁站口的二十元走私手表对天梭说：“我也能走字，凭什么你们卖几千上万元？”&br&但问题来了，什么东西能便宜得过垃圾？&br&&br&2016年我当时还在国外，七月回国时政策就已经变了。我只能含泪通过政府采购买了顶配的清华同方笔记本和台式机各一台，总共花了九千余元，注意，是能买到的顶配....当时我幼稚地认为清华同方是为了争夺市场，割肉出货。现在在回味，发现卖四千多一台其实也是暴利。垃圾也能卖四千？？捡矿泉水瓶子的大爷表示不服。&br&&br&一年以来，虽说这顶配电脑运行速度不快，但也差强人意，毕竟不能强求电瓶车上高速公路。直到七月初，连差强人意都做不到了。&br&&br&还记得那天天气不错，我与往常一样，哼着歌曲，早早的来到了办公室，又投入到一天紧张的科研工作中（如与事实不符，请勿当众揭穿）。一大早就看到所内网看到病毒肆掠的公告，警惕的我马上打开了微软的杀毒软件，全盘扫毒。不知不觉，就到了中午吃饭时间，我和小伙伴们愉快地吃午饭去了。笔记本的毒让它自己接着扫。&br&&br&饭后，电脑就黑屏了，多次重启也进入不了系统。紧张的科研工作变成了紧张的维修工作。尝试了网上列举的各种办法，连系统都重装不了。无奈之下，我只好求助场外观众，拨打了清华同方的客服电话。&br&&br&他们的客服也算过关，电话指导我操作，虽然没解决问题，客户依然焦躁，但至少不会觉得发火。客服发现修不好后，表示可能硬盘坏了，给我寄个新的，到货后让工作人员上门帮我弄好。当时我就慌了，还有些重要数据没备份！讲真，一年时间不到，没摔没碰，谁能想到扫个毒把硬盘都扫坏了。&br&&br&等了足足一周，终于盼来了硬盘，清华同方工作人员李国泰小李捣鼓了好一阵子，电脑又能用了，但数据说恢复不了...我问我数据怎么办，小李表示他尽力了。我又赶紧给客服打电话，问能不能帮我恢复数据，付费也行；客服表示，付费也不行。&br&&br&小李同学又再三给我打电话叮嘱我，数据恢复后要把坏的硬盘寄回去。&br&“寄回去？为什么？”&br&“公司规定，希望你理解”&br&此刻，我只理解一个人，就是你大爷。&br&&br&找了两家公司，花了1690元，终于算是把关键数据恢复了。这期间，清华同方小李不断打电话催我寄回坏的那块硬盘，让我理解他。我愤怒地表示数据还没恢复，无法理解你。我说你那坏的硬盘多少钱，我直接买下来，别催了。他说公司报价1400元...&br&我说“你作为一块1T的机械硬盘，你觉得合理吗？”&br&小李也表示不合理，但领导觉得合理，希望我理解。&br&&br&由于一周我都没给他寄回去，并表示我理解不了他，希望他领导能理解他。清华同方小李和他同伴二蛋就直接登门造访我办公室了，表示旧的不寄，就要把新的拆回去交差，并希望我理解。&br&&br&这一次，我又给他解释了为什么我无法理解，并表示我要找他领导理论。他果断地交出了领导的电话号码。&br&&br&电话一通，我就发火了。&br&“你们清华同方就这么做生意吗？买了不到一年的电脑，没摔没碰，杀个毒就硬盘坏了。数据还恢复不了，我自己一两千块去外面找公司恢复，没让你们掏钱已经够给脸了，还天天催我还坏硬盘，现在还上办公室来堵我，你们什么意思？！”&br&他们领导懵了，问了我来路后，说政策就是这样，请我理解...但表示可以宽限几天。&br&&br&还好数据恢复了，我也大人大度，给他顺丰包邮寄了回去。但结果表明，他们的行为，已经不能从一个正规商业公司的角度去解释了。&br&&br&小李今天又给我打电话，说这个硬盘开过盘了，工厂那边不认，需要把新的那个硬盘拆走，希望我理解。我给他解释了下为什么那个垃圾硬盘需要开盘才能恢复数据，也表示了让他们清华同方内部的人协商解决，不要再来烦我，我能做的都做了。现在回想起来为什么我很生气，因为就是没有抓住每一次通话机会直接飚脏话，还跟他们理论。他们就车轱辘话来回让我理解，不解气啊！越说越生气啊！&br&&br&还没完，中午清华同方女客服又打电话来了，表示如果我不退回新硬盘，就把我拉入黑名单，不再保修，希望我理解。（我们当时好像还买了三年期全保）。&br&&br&港真，我只理解一个人，就是你大爷。
清华同方，大写的垃圾 谨以此文，记我一个教训，给大家一个警示 看到这个题目，机智的小伙伴们就猜到我肯定被这山寨牌子坑了，同情鄙夷之际，说不定还会佩服我当初选择清华同方的勇气。 讲真，我也不是数码小白。早在上世纪末接触电脑以来，不出两年我就制…
先不说我的事，咱们先看点别人的作品，咱们看看PPT能做的事情到底是什么程度的。&br&&a href=&///?target=http%3A///v_show/id_XNzM1NjQyODQw.html%3Ffrom%3Ds1.8-1-1.2& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&138号作品-时间都去哪儿了&i class=&icon-external&&&/i&&/a&&br&&a href=&///?target=http%3A///v_show/id_XNzExNDYzOTMy.html%3Ffrom%3Ds1.8-1-1.2& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&PPT动画：5分钟了解中国高铁[中英双字]&i class=&icon-external&&&/i&&/a&&br&仅举两例，若有兴趣的话网上的精品并不难找。&br&所以你若是真的想好好学习PPT，&b&请不要问我，也不要学我。&/b&&br&求其上者得其中。有那么多那么多真正优秀的东西等着你去学习借鉴挖掘和超越，ilem的这点把戏在PPT好手面前什么也不是。&br&（当然，我也不需要那些做的不如我的人来替我谦虚，我只会对那些比我更强的人心服口服。）&br&——&br&然后，你若是真的想好好进行视频制作，&b&请不要使用PPT。&/b&这毕竟是一种另辟蹊径的做法，最好的PPT也只能是&b&堪比&/b&AE，想制作优良的视频，请先考虑&b&视频制作软件。&/b&&br&除非你&b&真的知道你在做什么&/b&。&br&所以再回到我自己，人们可以认为PPT获得的人气是偶然或者是一种投机，但是懂的人自然会懂：即使不用PPT（或者厕纸），ilem自然还有其它&b&你们没想到&/b&的&b&小把戏。&/b&刮起风的人乘着风，跟风的人只能吃土。&br&（然而逆风的人吃的土也不少）&br&——&br&最后，如果上面的你都读完了但你还是想听我说PPT怎么做……这里也只能给出一些提示性的TIPS，以此为思路拓展开来，你将会总结出一些比较基本的PPT动画制作技巧。（为什么是比较基本的呢，因为我这点水平，高级的你问我我也不知道。）&br&1.元素（包括图片，文本，形状）的叠放。&br&-相同颜色的元素叠放在一起的时候，其中一些部分会隐身。&br&-在此基础上，下层的元素发生变化的时候上层就会凸显出来。&br&-元素上透明色的部分可以逆转这种上下层的叠放关系。&br&2.时间轴和路径。&br&-经常遇到两个以上的元素需要同步移动，统一它们的路径和时间轴。&br&-通过调整路径和时间轴，可以让两个以上的元素仅在你需要的时候获得相同的速度。&br&-元素经常会需要出现和消失，否则上面提到的隐身效果会露馅。&br&-画一条移动范围很小而且不规律的随机路径，元素会抖动。&br&-叠放次序和时间顺序常常需要配合使用。&br&——&br&基本上你可以看出，上一段每一句都几乎是废话。&br&但是PPT这个东西它就这样啊。在我能力可及的范围内，它基本上就是简单的效果和想法反复使用，期间涉及到大量的活学活用还有具体问题具体分析。哦当然，还有一点&b&独特的美学&/b&。不如说，这一点独特的美学才是灵魂所在，PPT只是表达这一种美学时可以选用的一种不太优秀的媒介或叫载体。&br&我始终相信不管是哪种表达方式，如果你真的倾注了足够的东西进去，懂得且愿意欣赏的人们即使不能完全领悟你的想法，也能够感受的到你作品中流淌着的，那些能够撩人心弦的要素。&br&——&br&说到难解难分处，各种想法纠缠在一起。眼见即将越扯越长，所以我们不如到此为止吧。&br&对了，谢谢你对我和我作品的关注和喜欢，鞠躬。
先不说我的事，咱们先看点别人的作品，咱们看看PPT能做的事情到底是什么程度的。
仅举两例，若有兴趣的话网上的精品并不难找。 所以你若是真的想好好学习PPT，请不要问我，也不要学我。 求…
两个字：&b&&u&用心&/u&&/b&。&br&其实很多投资人或者客户不会太在意你的PPT内容，因为这些通过对话都可以获得，更在意你的PPT是否让他眼前一亮，这能反映你做事的用心程度。&br&&br&1.确定风格：字体，配色，背景排版&br&&img src=&/29ae0ac411b94d0b5bd66c92aa0f622f_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/29ae0ac411b94d0b5bd66c92aa0f622f_r.jpg&&上图，如果“商业计划报告”6个字仍然用深灰的化，那么第一页就太死板了，所以每个字都用了一个颜色，整体呈渐进，并且和后面的配色保持一致。&br&&br&最好选择宽屏，大部分电脑都是宽屏了，可以说4：3的已经过时了，而且宽屏也是黄金比例。&br&配色除了你的logo色之外，最好确定你的主题色，这个主题色将贯穿整个ppt，可以是多色，也可以是渐进色。&br&&img src=&/c546deae70c9ffc5ae081_b.jpg& data-rawwidth=&658& data-rawheight=&556& class=&origin_image zh-lightbox-thumb& width=&658& data-original=&/c546deae70c9ffc5ae081_r.jpg&&&br&2.信息图表&br&&img src=&/a14badc5c1c3e87cabed93_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/a14badc5c1c3e87cabed93_r.jpg&&这一页的数据调查花了我们团队两天时间，而图表的呈现花了我一个下午，小人我都是一个一个着色的。其他的图表就不放了。&br&&br&图表可谓是核心中的核心，一图胜千言，格局、战略，一目了然&br&&img src=&/20ccbc33bc78ecbcbe065_b.jpg& data-rawwidth=&400& data-rawheight=&509& class=&content_image& width=&400&&&img src=&/ac9a185f7b59c334ca58ee_b.jpg& data-rawwidth=&400& data-rawheight=&567& class=&content_image& width=&400&&记住，图表的目的并不是为了酷炫，而是为了让对方明白，你脑中的东西是系统化的，是数据化的，有大量的数据支撑。&br&&br&3.排版、配图&br&&img src=&/5d6f5900bee240aef1ccda4a51ac9217_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/5d6f5900bee240aef1ccda4a51ac9217_r.jpg&&处理非数据类内容的时候，排版和配图非常重要，这方面后面的收藏夹里有相关收集。&br&&br&每个配图都是花了很大功夫去搜图的，如果你的展示是私人的话，那盗图没什么风险，如果你的PPT是公开演讲性质的，记得购买图片版权。&br&&br&4.细节&br&&img src=&/f604fc8afaeb_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/f604fc8afaeb_r.jpg&&这是另一个ppt里面的一页&br&细节1：当时用了背景蒙版，效果要比纯灰好，不同的页用不同的背景&br&细节2：下面3行小字，按照字数排序，每一行都比上一行字数多，&b&&u&呈阶梯状&/u&&/b&，如果随便放，就没有美感了。&br&&br&再扯一个细节，&u&&b&如果人数少的话，每次我都会把ppt卡纸彩印封皮&/b&&/u&，变成一个很漂亮的小册子，放在对方面前，他可以翻看，这样做有两个好处：&br&一方面他提问的时候直接给我看第几页就行了，不用在电脑上一页一页翻&br&另一方面，万一使用的电脑或者投影仪不佳，他可以清晰地看到小字。&br&有时候连文字版的计划书都是彩打封皮的，就是要让对方看到我比别人用心。&br&&br&------&br&下面是几点建议：&br&1.不要生硬地套模板，要结合自己的特色，从底层的母版设计开始&br&2.细节至上，每一个字体，大小，间距等等都要仔细推敲，不要怕麻烦，不要浅尝辄止，妥协的结果就是不尽人意。&br&3.能用Keynote，就不要用PPT，如果你用的是win系统，别忘了还有&a href=&///?target=http%3A//& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://www.&/span&&span class=&visible&&&/span&&span class=&invisible&&&/span&&i class=&icon-external&&&/i&&/a&&br&4.老罗的御用keynote作者的教程，可以简单看看&a href=&///?target=http%3A///v_show/id_XNzc1NjQxNzA0.html%3Ffrom%3Dy1.2-1-87.3.2-1.1-1-1-1& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&许岑的演示幻灯片制作建议（KEYNOTE）视频教程宣传片&i class=&icon-external&&&/i&&/a&&br&5.以前相关问题我经常一个一个贴推荐答案，现在直接贴设计方面的收藏夹了，以后看到好的也会收录进去&br&&a href=&/collection/& class=&internal&&设计收藏--JohnK&/a&&br&&br&6.最后一点，就是开始说的一点：&b&&u&用心去做。&/u&&/b&&br&&b&&u&认真，你就赢了！&/u&&/b&
两个字：用心。 其实很多投资人或者客户不会太在意你的PPT内容，因为这些通过对话都可以获得，更在意你的PPT是否让他眼前一亮，这能反映你做事的用心程度。 1.确定风格：字体，配色，背景排版 上图，如果“商业计划报告”6个字仍然用深灰的化，那么第一页就…
看了描述，又看了作品。手机上看的。&br&&br&加油吧，运气好13k，运气不好也有8k。北京。&br&&br&当然，大公司你不太好进，除非是构建岗位。参考其他问题，前端面试题目，自测一下。&br&&br&我浪构建8-12k js 10-13k 税前 初级水平。&br&&br&-------------&br&&br&换电脑看了一下代码的链接。。恩。。我修改一下我的答案。&br&&br&你精通jquery，希望你能写出一个简单的query和一个简单的animation，简述一下事件委派原理，应该能算基础上的合格，我默认你对dom操作很熟悉了，其他和你说的那些你会的没一点关系。&br&&br&框架的了解不是你面试的优势，只是说明你看过文档，写过demo，比如你最自信的作品，就如上面的链接，代码写的真的不敢恭维，只能算是个新手，来了做同事我可能暂时不会给你太复杂的任务，因为怕你搞出篓子。&br&&br&最后，价位的问题也是你关心的问题。&br&&br&小公司能达到我上面说的薪资水平，因为小公司缺干活的，而且一般没太厉害的人面试你，大公司真的要进，需要加油了，除非你有极好的运气。&br&&br&-------------&br&&br&最后说一下简单的分析，lz看来是不太服气。。没关系，就像你说的 有则改之无则加勉，共勉。&br&&br&1，首先登陆界面，我看到的是3段js都是直接扔到页头header中的，正确做法应该是扔到页脚，这个属于基本常识，登陆进去后同理。&br&&br&2，中午我进去得时候弹了个1，刚才进去又把我cookie弹出来了，不用说了有xss漏洞，不争的事实。&br&&br&3，看下这个片段：&br&&img src=&/d35ec3a3fbf06d87605f_b.jpg& data-rawwidth=&297& data-rawheight=&43& class=&content_image& width=&297&&再看对应的html结构：&br&&img src=&/78cb9650f69eaec288b7e16ec7f983db_b.jpg& data-rawwidth=&463& data-rawheight=&140& class=&origin_image zh-lightbox-thumb& width=&463& data-original=&/78cb9650f69eaec288b7e16ec7f983db_r.jpg&&是否语义化不说，但是用div确实不妥，而且满眼貌似除了div就没别的标签了。&br&&img src=&/b0dcfe3fb6_b.jpg& data-rawwidth=&486& data-rawheight=&107& class=&origin_image zh-lightbox-thumb& width=&486& data-original=&/b0dcfe3fb6_r.jpg&&这部分同理，明显是按钮，为何要用div来做。虽然知道是js提交的，但是确实也不妥，很容易让人感觉混乱和不专业。&br&4，所有的标签都缺少必要的属性，比如img的onerror，比如alt和title，甚至a标签的href都不全。。&br&5，好了 说点js方面的，首先我没用过avalon。&br&&br&就看下皮毛好了，看到你的common文件中有string的trim函数，我就觉得你这个方法周围应该有抄过来得代码，因为你用了原生的JSON解析了数据，而这里又对trim做了兼容，何苦？你到底是要兼容到什么版本的浏览器呢？&br&&br&再说你的主页面这个connect函数，首先你因为js代码没放到页尾，而你又好像不知道document ready函数，所以你在body onload函数里加了connect。。这，太业余了吧，你可以说个人喜好，那么以后你怎么来维护body的onload呢？首先onload是等待页面所有资源加载完成才执行的，二来是你以后想要加载完毕执行的逻辑必然全部都要写到connect里了。。很混乱不是么。&br&&br&再说实现：&br&&img src=&/dd93cacb70b9d56ba8ba0_b.jpg& data-rawwidth=&894& data-rawheight=&401& class=&origin_image zh-lightbox-thumb& width=&894& data-original=&/dd93cacb70b9d56ba8ba0_r.jpg&&我真的 不想往下看了。&br&&br&你可以说是你个人习惯问题，如果写公司代码，不会这样写，不会有这种问题。&br&可如果是我，我是不会把写成这样的东西，好意思贴到网上的。。我不往下看了。。下班了 吃饭了……&br&&br&加油~ ^_^
看了描述，又看了作品。手机上看的。 加油吧，运气好13k，运气不好也有8k。北京。 当然，大公司你不太好进，除非是构建岗位。参考其他问题，前端面试题目，自测一下。 我浪构建8-12k js 10-13k 税前 初级水平。 ------------- 换电脑看了一下代码的链接。。…
谢邀。经常用，所以过来回答一下。&br&&br&我的看法是：&u&PC上用的价值不大，移动端单页面应用(也有叫webapp)值得尝试。&/u&&br&&br&这里要首先提出一个关于静态资源管理和SEO(搜索引擎优化)方面的关联问题：&u&如果要做SEO，那么CSS必然不能进行LS(localstorage)的本地缓存优化&/u&。这个原因很简单：&br&&br&要进行SEO，必须直接输出完整HTML，因此必须让样式在头部以link标签加载。如果先输出HTML，后用js从本地缓存读取样式再插入，会出现严重的阻塞和闪烁问题，相信正常人是不会这么干的。&br&&br&然后再更正一件事，就是取出localstorage的代码不一定要eval，eval很evil，一个eval函数很有可能影响整个js文件的压缩（出现eval之后不能对变量名进行替换），当然，我们可以通过一些hack避免这种压缩问题，不过我喜欢这样搞：&br&&div class=&highlight&&&pre&&code class=&language-js&&&span class=&kd&&var&/span& &span class=&nx&&script&/span& &span class=&o&&=&/span& &span class=&nb&&document&/span&&span class=&p&&.&/span&&span class=&nx&&createElement&/span&&span class=&p&&(&/span&&span class=&s1&&'script'&/span&&span class=&p&&);&/span&
&span class=&kd&&var&/span& &span class=&nx&&code&/span& &span class=&o&&=&/span& &span class=&s1&&'!function(){'&/span& &span class=&o&&+&/span& &span class=&nx&&getCodeFromLocalStorage&/span&&span class=&p&&()&/span& &span class=&o&&+&/span& &span class=&s1&&'\n}();'&/span&&span class=&p&&;&/span&
&span class=&nx&&script&/span&&span class=&p&&.&/span&&span class=&nx&&appendChild&/span&&span class=&p&&(&/span&&span class=&nb&&document&/span&&span class=&p&&.&/span&&span class=&nx&&createTextNode&/span&&span class=&p&&(&/span&&span class=&nx&&code&/span&&span class=&p&&));&/span&
&span class=&nb&&document&/span&&span class=&p&&.&/span&&span class=&nx&&head&/span&&span class=&p&&.&/span&&span class=&nx&&appendChild&/span&&span class=&p&&(&/span&&span class=&nx&&script&/span&&span class=&p&&);&/span&
&/code&&/pre&&/div&没测过效率，应该跟eval没多大差别，真正的性能损耗还是在LS的读取上。&br&&br&再来解答一个困惑：相比浏览器原生的缓存，LS还有什么优势呢？本来，最棒的浏览器缓存是本地强缓存，我在另外一个知乎答案中解释过本地强缓存的终极用法：&a href=&/question//answer/& class=&internal&&大公司里怎样开发和部署前端代码？ - 张云龙的回答&/a& 工程化实践起来有一定的难度，我也在那篇回答里提到了，用户主动触发的页面刷新行为（比如刷新按钮、右键刷新、F5等），会导致浏览器放弃本地缓存，使用协商缓存（304缓存），用了LS之后，可以完全避免这种情况，等效于无视用户主动刷新行为的本地强缓存。当LS+eval速度大于304协商速度时，LS方案具有统计上的正收益。&br&&br&此外，讨论缓存问题不能单看一次读取，要从整个缓存的生命周期观察。浏览器缓存以url为单位，一个url可能对应多个文件的打包，N个文件合并成一个url，假设每个文件更新的概率是P，那么整个url缓存失效的概率就是&img src=&///equation?tex=1-%281-P%29%5E%7BN%7D+& alt=&1-(1-P)^{N} & eeimg=&1&&，随着合并文件的增多，每次上线url缓存失效的可能性会非常高，而如果采用LS，配合combo服务，加上精细到文件甚至字符级别的缓存控制，就能让版本迭代过程中缓存的命中率大大提高。&br&&br&还有，缓存问题也绝不是一个页面的问题，网站很多页面之间会跳转访问，彼此之间也有共享的静态资源，基于url的缓存让跨页面之间缓存共享问题变得粗粒度。举个例子，有A、B两个页面，彼此有访问路径（比如百度首页和搜索结果页之间的访问），其中：&br&&ul&&li&A页面使用资源：a, b, c, d&/li&&li&B页面使用资源：a, b, c, e, f&/li&&/ul&假设不考虑并发请求的优化，我们希望尽可能的打包，再假设A页面是主要入口，那么，最合理的方案可能就是a-b-c-d打包（设为[abcd]），e-f打包（设为[ef]），从而使得：&br&&ul&&li&A页面使用url：[abcd]&/li&&li&B页面使用url：[abcd]+[ef]&/li&&/ul&由于用户大多首次访问A页面，然后会跳转到B页面，所以访问A页面会很快，再跳转到B页面可以从缓存中使用[abcd]包，再只需加载[ef]包即可。为了更大的缓存利用率，我们让B页面复用A页面的url缓存，但多了一个不需要的d资源这也是合理的。也就是说，基于url的缓存利用可能在有些情况下会资源的冗余加载。想想那些通过url直接访问B页面的用户来说，无缓存情况下，页面加载的是[abcd]+[ef]两个资源包，既有冗余，又是两个请求，这并不是最理想的加载策略（这个方案是倾向于优化A页面展现的，虽然B页面首次展现不理想，但B页面大部分pv是从A页面导入，网站总体性能是更好的）。&br&&br&而使用combo服务+LS的情况就不同了，假设combo的url的形式是[a,b,c,...]，那么单独访问A、B页面的资源url就是：&br&&ul&&li&A页面使用url：[a,b,c,d]&/li&&li&B页面使用url：[a,b,d,e,f]&/li&&/ul&用户由A页面进入网站，加载[a,b,c,d]这个url，然后LS缓存4个资源，再跳转到B页面，缓存控制框架可以知道本地缓存了哪些，然后只发起[e,f]这个请求。其效果基本等效于浏览器基于URL的缓存。而对于那些没有通过A页面直接访问B页面的用户来说，B页面加载的是[a,b,d,e,f]，也是不错的合并策略。LS在这个时候就发挥了那么一点点优势。&br&&br&当然，这种优势还不够明显，最能展现LS优势的，其实是单页面应用。因为单页面应用需要完全有JS管理页面状态，并增量加载资源，用户也可能通过带有hash的url直接访问某个单页面中的虚拟页面，同一个页面会有很多种不同的资源请求组合，这个时候，唯有LS+combo才能很好的解决资源加载与缓存问题。对于这种情况，我有一个网站可以用于展示效果：&br&&br&&a href=&///?target=http%3A//scrat-team.github.io/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Scrat - webapp模块化开发体系&i class=&icon-external&&&/i&&/a&&br&&br&这是部署在github上的页面，没有combo服务，但是可以一定程度上展现LS缓存的效果，我把js、css都缓存到LS中了，有兴趣的同学可以查看这个webapp中不同页面间的 &b&首次访问&/b&、&b&二次访问&/b&、&b&页面间跳转&/b& 等过程中资源的加载效果。这个网页的源代码在这里：&a href=&///?target=https%3A///scrat-team/scrat-site& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&scrat-team/scrat-site · GitHub&i class=&icon-external&&&/i&&/a& 通过travis-ci自动构建到这里的：&a href=&///?target=https%3A///scrat-team/scrat-team.github.io& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&scrat-team/scrat-team.github.io · GitHub&i class=&icon-external&&&/i&&/a&&br&&br&总结一下&br&&br&PC上应用价值不大的原因在于：&br&&ul&&li&兼容性不太好，不支持LS的浏览器比例仍然很大&/li&&li&网络速度快，协商缓存响应快，LS读取+eval很多时候会比不上304&/li&&li&通常需要SEO，导致css不能缓存，仅缓存js使得整个缓存方案意义进一步减小&/li&&li&浏览器本地缓存足够可靠持久&/li&&li&跨页面间共享缓存即便有浪费也差别不大&/li&&/ul&移动端webapp值得一试的原因在于：&br&&ul&&li&兼容性好&/li&&li&网速慢，LS读取+eval大多数情况下快于304&/li&&li&都说是webapp了，不需要seo，css也可以缓存，再通过js加载&/li&&li&浏览器缓存经常会被清理，LS被清理的几率低一些&/li&&li&以模块文件为单位，缓存失效率低&/li&&li&不同页面状态直接访问、二次访问、页面状态跳转资源组合是不确定的，不能通过url来缓存资源，否则就不“增量”啦&/li&&/ul&另外，LS缓存作为缓存，我们要先假设它是不可靠的，使用原则就是“LS缓存存在就用，没有就直接加载”，就是所谓的平稳退化（或渐进增强）。那些“写满了”，“写不了”，“被清了”等情况一概当做没有缓存。从统计的角度来看，在合适的模式下开启缓存全局总是有正收益的&br&&br&顺便做个广告，以下UC的产品都是使用这套模块化开发体系进行开发的，后端均为nodejs，UC的前端开发者大多为全栈工程师：&br&&ul&&li&&a href=&///?target=http%3A///& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&神马视频&i class=&icon-external&&&/i&&/a&&br&&/li&&li&&a href=&///?target=http%3A///& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&NBA 常规赛赛季&i class=&icon-external&&&/i&&/a&&br&&/li&&li&&a href=&///?target=http%3A///& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&2014年巴西世界杯&i class=&icon-external&&&/i&&/a&&/li&&/ul&还有一些UC only的产品就不贴了，不方便查看源代码和网络情况。。。&br&&br&最后感慨一下：&br&&blockquote&前端性能优化既是一个工程问题，又是一个统计问题。&br&&/blockquote&&br&===============[ 补充 ]===============&br&收到一些反馈，这里做一下补充：&br&&ul&&li&这是一种“黑科技”，因为LS本身并不是被设计用来干这件事的。从过往历史来看，任何黑科技都是短暂且不可靠的，但就在当下，我也想不到什么更好的工程手段来提升移动端webapp的性能，所以，LS+combo的方案可以说是“有总比没有强”&/li&&li&在未来，HTTP2时代的到来应该会完美绝杀这种黑科技，因此，工程化的具体实施方法必然要与时俱进，不过工程化的方法论不会过时，无论在哪个时代，我们都应该全面、科学的分析工程问题，结合当前的浏览器环境和技术手段来做方案，保持网站的性能&/li&&li&有安全领域大神 &a href=&///?target=http%3A///etherdream& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&@EtherDream&i class=&icon-external&&&/i&&/a& 指出，“&a href=&///?target=http%3A////C77wEket1& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&静态资源存 localStorage 就是水坑漏洞的前兆，风险远远大于优化&i class=&icon-external&&&/i&&/a&”，这点我也认可，一旦有xss漏洞，就会被人利用将恶意代码注入到LS中，导致即便修复了xss恶意代码也存在的问题。所以我们现在采用的策略是每次部署新版本就会清除全部缓存。这会导致缓存利用率的下降，不过至少还有部分浏览器缓存在呢，算是一个折中处理。&/li&&li&腾讯网前端团队做的 &a href=&///?target=http%3A///& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&MT&i class=&icon-external&&&/i&&/a& 方案利用LS把更新机制精细到了字符级别，这个确实更加“丧心病狂”，哈哈。不过看到他们运行的很不错，应该是更加优秀的缓存控制方案。&/li&&li&可编程的缓存控制，我觉得这是一个值得深挖的方向，对前端的工程化价值非常大，尤其是与统计结合起来，根据网站的访问统计、页面间的步长关系计算出最合理的缓存和打包策略，这也是一种方向，【基于统计的资源打包+浏览器缓存】几乎可以完败【combo+LS】，不过这套系统的基础设施建设成本颇高&/li&&li&TBC&/li&&/ul&
谢邀。经常用，所以过来回答一下。 我的看法是：PC上用的价值不大，移动端单页面应用(也有叫webapp)值得尝试。 这里要首先提出一个关于静态资源管理和SEO(搜索引擎优化)方面的关联问题：如果要做SEO，那么CSS必然不能进行LS(localstorage)的本地缓存优化。…
泻药。&br&&br&首先要确定，即使抛开游戏不论，一般的Web应用或者网站，完全用JavaScript开发也是可行的。比如ExtJS、webOS的Enyo等。但是主流Web开发很少采用全JS的方案。原因大体有以下几点：&br&&br&&br&1. 注重考虑那些无法运行JS的用户代理。&br&&br&用户使用不支持JS的浏览器（比如较老的手机浏览器），或者禁用脚本。当然你可以选择忽略这一小撮用户，尤其是现在绝大多数网站和应用也是如此选择的，但是至少我们应该对坚持考虑无JS情况的开发者予以基本的尊重。此外，如 Mobile Transcoder或某些手机浏览器的“极速模式”是基于服务器端对网页的解析和重组，是否能支持JS很够呛。&br&&br&更重要的因素是SEO friendly。如果是全JS生成的网页，搜索引擎无法索引内容。这一点对于许多网站是性命攸关的。&br&&br&注意，有人提到screen reader。但绝大多数读屏软件是根据DOM来的，因此全部由JS生成DOM也不会有问题。然而这前提是JS所生成的DOM是符合accessibility要求的。&br&&br&&br&2. 注重HTML/CSS本身的优点。&br&&br&诚然JS本身也可以通过精心设计的框架和库来实现分离等所有HTML/CSS模型的优点。但是存在许多不确定因素：&br&&br&1) 有足够好的框架和库吗？&br&要考虑是否能满足你的业务需求，还可能要考虑性能、可扩展性、之前提到的accessibility、学习曲线、工具链，乃至此框架和库的长久的生存（有人维护，修bug、加新功能比如对HTML5新API的支持之类的）。关键是，理论上说JavaScript具有更高的弹性，但是更大的自由度未必能得到更好的&br&&br&2) 框架和库给出的抽象模型和HTML/CSS模型的阻抗是否匹配？&br&假如该框架或库本质上仍然使用HTML/CSS模型，只是改变了语法（比如从markup改为json），那么其提供的好处在哪里？仅仅是语法统一？&br&如果该框架或库有自己独立的抽象层，比如widget/component等，那么它是建筑在HTML/CSS之上的额外抽象层（即最终映射到HTML/CSS），还是仅仅以HTML/CSS为纯粹实现工具？对于前者，实际上最终会回归HTML/CSS模型。而后者，可以参考的经验教训就是&a href=&///?target=http%3A//ASP.NET& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&ASP.NET&/span&&span class=&invisible&&&/span&&i class=&icon-external&&&/i&&/a& WebForm和JSF。&br&&br&3) 框架和库所设定的约束能否在开发中一以贯之的执行？&br&无论是理论或者现实，HTML/CSS模型都算不上完美。但是至少是清晰和较容易被一致的执行的。但是单一语言即使提供分层机制，也容易被绕过——尤其是框架和库本身不够好的情况下，可能由于不能满足需求、有bug等情况而倾向于hack之，更不要说deadline紧迫时。&br&&br&&br&3. 注重性能。&br&&br&须知，最终Web应用、页面是在浏览器中执行，而浏览器完全是按照HTML/CSS所设计。抛开Canvas不论，纯JS的实现最终还是要生成DOM。从性能的角度看，纯JS生成DOM自然赶不上直接的markup。同样的道理，就算用CSS预处理器也都会在部署时预先编译——尽管在运行时可以做出更牛逼的特性（然而实际上目前我不知道有任何CSS预处理器干了这样的事情——因为它们都是按照预编译的场景设计的），再如HTML/CSS是按照渐进显示优化的（页面不用全下载完就可以看部分），而纯JS的架构没有精心设计是很难做到的（比如json数据全部下载完你才能parse，数据才可用，DOM才能生成）。&br&&br&［补充：尽管LESS是可以在运行时执行的，但是从性能的角度出发是不合适的，因为CSS通常必须在页面rendering之前就全部就位。而运行时产生CSS，
就要求在页面rending之前至少要先下载执行LESS的脚本，然后解析编译你的.less源代码。这个性能开销至少目前还不容忽视。］&br&&br&［补充：性能优化的另一点是基于HTML/CSS的声明性特点，即只表明high-level的目标，浏览器才能获得更大的优化自由度。比如CSS transition/animation，与JavaScript通过修改style达到效果比，前者性能表现要好得多。］&br&&br&&br&4. 注重Web开发的独特特点。&br&&br&1) HTML/CSS 都是声明式的，也就是其本身并不希望是程序员来编程。当然，一个编程语言能干所有的事情，但是即使考虑编程本身，为什么在通用编程语言之外还要有SQL、还有以各种语法写的配置文件？&br&&br&2) HTML/CSS是基于标准的。这与&a href=&///?target=http%3A//ASP.NET& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&ASP.NET&/span&&span class=&invisible&&&/span&&i class=&icon-external&&&/i&&/a& WebForm、JSF、Flash/Flex等私有技术或一个语言和平台下的标准有天壤之别。具体就不展开了。&br&&br&3) Web开发和一般应用开发有个重大区别是，Web应用、网页的最终表现和行为，或者说Web的用户体验，并不是完全由开发者决定的，而是开发者和用户共同决定的。用户选择不同的设备、不同的浏览器、不同的浏览器设置、不同的浏览器扩展等，都能影响结果。这是缺点，也是优点。看你如何体会了。这里具体不展开。只是一点，纯JavaScript开发通常表示你想更多的控制用户体验，但这并非简单的多写代码就能做到。&br&&br&［补充：举个例子，表单控件上的autofocus属性，乍一看脚本也可以做嘛。但是其实脚本要做对很难！比如页面已然加载一半，用户开始在某个输入框里输入了，但是后续载入的控件要求focus，如果是脚本实现，通常就武断的调用focus()，打断了用户输入（特别是东亚用户使用输入法时被打断很是受伤）。而HTML本身所定义的属性，是由浏览器实现，则可以做恰当的处理。特别注意的是，从老浏览器到新浏览器的升级，你自然就获得了用户体验的提升。另一方面，用户可以主动选择他想用的浏览器，来主动升级他自己的用户体验。这样的例子还有许多许多，不胜枚举。］&br&&br&以上。
泻药。 首先要确定，即使抛开游戏不论，一般的Web应用或者网站，完全用JavaScript开发也是可行的。比如ExtJS、webOS的Enyo等。但是主流Web开发很少采用全JS的方案。原因大体有以下几点： 1. 注重考虑那些无法运行JS的用户代理。 用户使用不支持JS的浏览器（…
&b&（一）商务汇报类&/b&&br&1. 无敌的面包作品集（&a href=&///?target=http%3A///s0lqbfi56h& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&华为网盘&i class=&icon-external&&&/i&&/a&）&br&&b&关键词&/b&：素食主义。&br&无敌的面包（&a href=&///?target=http%3A///Ftopnav%3D1%26wvr%3D5%26topsug%3D1& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&新浪微博&i class=&icon-external&&&/i&&/a&）作品给人最直观的感受就是：我怎么没想到？因为就是一些简单的图形线条，就能让PPT如此美观大方！这就是他所倡导的素食主义。不过他本人生活中似乎更喜欢吃肉:)&br&&img src=&/63edb251e1a277bff96c8a7ade246a69_b.jpg& data-rawwidth=&1348& data-rawheight=&630& class=&origin_image zh-lightbox-thumb& width=&1348& data-original=&/63edb251e1a277bff96c8a7ade246a69_r.jpg&&&br&2.杨天颖的作品集（&a href=&///?target=http%3A///download& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&资料分享 | Presenting to Win&i class=&icon-external&&&/i&&/a&）&br&&b&关键词&/b&：内敛，专业。&br&从他的作品中可以明显感受到，对自己的作品一丝不苟，对他人的感官便是赏心悦目。&br&&img src=&/c124ec67b950d3aeba2b15f_b.jpg& data-rawwidth=&1226& data-rawheight=&473& class=&origin_image zh-lightbox-thumb& width=&1226& data-original=&/c124ec67b950d3aeba2b15f_r.jpg&&&br&3.布衣公子作品集（&a href=&///?target=http%3A//.cn/u//ish& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&他的资料&i class=&icon-external&&&/i&&/a&）&br&&b&关键词&/b&：精致，实用。&br&布衣公子（&a href=&///?target=http%3A///teliss%3Ftopnav%3D1%26wvr%3D5%26topsug%3D1& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&新浪微博&i class=&icon-external&&&/i&&/a&）的作品主题围绕人力资源和PPT技巧展开。相比杨天颖，更活泼，也更易模仿采用。&br&&img src=&/ad5f33aac49b63c831baf38_b.jpg& data-rawwidth=&1338& data-rawheight=&554& class=&origin_image zh-lightbox-thumb& width=&1338& data-original=&/ad5f33aac49b63c831baf38_r.jpg&&&br&&img src=&/816edd59c303d9af15e59b102bfdb20b_b.jpg& data-rawwidth=&1325& data-rawheight=&555& class=&origin_image zh-lightbox-thumb& width=&1325& data-original=&/816edd59c303d9af15e59b102bfdb20b_r.jpg&&&br&&b&（二）演讲演示类&/b&&br&小米（&a href=&///?target=http%3A////zFnaLFV10& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&新浪微博&i class=&icon-external&&&/i&&/a&）和锤子（&a href=&///?target=http%3A///s/1kT0sox5& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&【推荐1】锤子rom发布会PPT.ppt_免费高速下载&i class=&icon-external&&&/i&&/a&）&br&&b&关键词&/b&：少！&br&演讲演示类肯定逃不脱国内这两个最具有“互联网思维”（其实我想说最近听这词都听烦了）的公司：小米和锤子。对于这一类的PPT，反正图多字少是关键。&br&&img src=&/50b061f8974bed9b71cef318b7914364_b.jpg& data-rawwidth=&1283& data-rawheight=&569& class=&origin_image zh-lightbox-thumb& width=&1283& data-original=&/50b061f8974bed9b71cef318b7914364_r.jpg&&&img src=&/5ffd840d3cad22ca1207afa1c3e2f53f_b.jpg& data-rawwidth=&1339& data-rawheight=&554& class=&origin_image zh-lightbox-thumb& width=&1339& data-original=&/5ffd840d3cad22ca1207afa1c3e2f53f_r.jpg&&&br&&b&（三）学术汇报类&/b&&br&1.郑晓适的作品集（&a href=&///?target=http%3A////zE7rbFsfL%3Fmod%3Dweibotime& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&新浪微博&i class=&icon-external&&&/i&&/a&）&br&&b&关键词&/b&：单色系。&br&郑晓适是我的好朋友，学霸一枚，能把学术型PPT做到这个份上真的要手动给赞！&br&&img src=&/0d5a861e32bc638c630a0b_b.jpg& data-rawwidth=&1327& data-rawheight=&545& class=&origin_image zh-lightbox-thumb& width=&1327& data-original=&/0d5a861e32bc638c630a0b_r.jpg&&&br&2.小巴的作品集（&a href=&///?target=http%3A///s/1eetCJ& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&@小巴_1990管理类PPT合集14个.rar_免费高速下载&i class=&icon-external&&&/i&&/a&）&br&&b&关键词&/b&：商业，单色。&br&小巴（&a href=&///?target=http%3A///p/6780/home%3Ffrom%3Dpage_mod%3DTAB%23place& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&新浪微博&i class=&icon-external&&&/i&&/a&）的作品中有很多都是跟杂志合作，故多了很多好玩的案例，即使不拿来参照，饭后休闲看一下也无妨。&br&&img src=&/d9cd78584d6bae50c2ed8d1_b.jpg& data-rawwidth=&1228& data-rawheight=&420& class=&origin_image zh-lightbox-thumb& width=&1228& data-original=&/d9cd78584d6bae50c2ed8d1_r.jpg&&&br&&b&（四）吃喝玩乐类&/b&&br&1.Simon的《我懂个P》（&a href=&///?target=http%3A////AlUTCw0oA%3Fmod%3Dweibotime& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&新浪微博&i class=&icon-external&&&/i&&/a&）&br&&b&关键词&/b&：扁平，有才，无节操！&br&有才且没节操的家伙，人人都喜欢，对吧？&br&&img src=&/2740fcf7a57def0edab157e_b.jpg& data-rawwidth=&1307& data-rawheight=&570& class=&origin_image zh-lightbox-thumb& width=&1307& data-original=&/2740fcf7a57def0edab157e_r.jpg&&&br&2.鱼头PPTer的合辑（&a href=&///?target=http%3A///s/zrO8LiElaE0Qq& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&2013年@鱼头PPTer作品合集.zip&i class=&icon-external&&&/i&&/a&）&br&&b&关键词&/b&：校园，比赛。&br&鱼头的作品真的会让你想起那些美好的校园生活片段。&br&&img src=&/78fd17eba90a98d15645b5e_b.jpg& data-rawwidth=&1295& data-rawheight=&569& class=&origin_image zh-lightbox-thumb& width=&1295& data-original=&/78fd17eba90a98d15645b5e_r.jpg&&&br&最后，再推推自己吧:)&br&&b&曹将的PPT分享（&/b&&b&&a href=&///?target=http%3A///share/home%3Fuk%3D%23category/type%3D0& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&百度云 网盘-曹将PPT的分享&i class=&icon-external&&&/i&&/a&&/b&&b&）&/b&&br&&b&关键词&/b&：学术，游玩，教程，商业。&br&希望你能喜欢。&br&&img src=&/cdb5f5dca68cd12a89bf086_b.jpg& data-rawwidth=&1337& data-rawheight=&579& class=&origin_image zh-lightbox-thumb& width=&1337& data-original=&/cdb5f5dca68cd12a89bf086_r.jpg&&
（一）商务汇报类 1. 无敌的面包作品集（） 关键词：素食主义。 无敌的面包（）作品给人最直观的感受就是：我怎么没想到？因为就是一些简单的图形线条，就能让PPT如此美观大方！这就是他所倡导的素食主义。不过他本人生活中似乎更喜欢吃肉:…
说一下我遇到的吧：&br&1、最痛恨的是红米手机，ua返回iphone，需要结合platform判断，但是还不准确，导致需要ios和android区别对待的时候就坑了。&br&2、是fixed的问题。这个解决办法是尽量不要用，不过ios7及以下才会出现这个问题。某些情况下红米也会有这个问题。（最近刚刚遇到，已经被坑挂了）。&br&3、如果你想要使用css3的动画，那么一定要变着方式使用3d gpu加速的方式，不要试着left，height，width这样的元素进行变换了，android4.4以下版本卡死你。&br&4、ios全线点击会有300毫秒延迟，使用fastclick解决。这个插件最良心了。&br&5、web app像素眼设计会纠结你1px边框问题。解决办法有相应知乎大牛答过。&br&6、qq浏览，uc浏览以及ios的浏览器，滚动时不会触发scroll事件，但会触发touchmove。当停止滚动后会出发scroll。&br&7、滚动有iscroll插件，但是还是使用原生的比较好。&br&8、meta功能要用好，禁止缩放，缩放比例，屏蔽电话号码等功能很实用。（手机回答就不列举了）。&br&9、如果想要像手机淘宝那样的各个平台看起来展示效果一致，那么就使用rem来做单位。&br&10、-webkit-tap-highlight-color可以取消点击高亮。&br&11、localStorage在浏览器开启无痕模式下ios会抛异常，导致js中断。&br&12、一些情况下对非可点击元素监听click事件，ios下不会触发，css增加cursor:pointer就搞定了。当然想要干脆静止点击就是not-allowed。&br&13、android4.4以下版本，设置圆角属性需要在直接元素上，向父元素设置圆角并且指定overflow:hidden是不会生效的。&br& ##########&br&以上，暂时就想到这么些，有些大家都清楚，还是混个条数写上来了。以后再有新发现随时补上来。&br&##########
说一下我遇到的吧： 1、最痛恨的是红米手机，ua返回iphone，需要结合platform判断，但是还不准确，导致需要ios和android区别对待的时候就坑了。 2、是fixed的问题。这个解决办法是尽量不要用，不过ios7及以下才会出现这个问题。某些情况下红米也会有这个问…
我也想收徒弟。&br&&br&前端，后端（PHP/Java/C/C++），运维，安卓，iOS，测试，视频编码解码等等，各种主流技术都可以教，而且有真实的项目将知识巩固为经验。&br&&br&每年我会邀请BAT的明星团队来家里交流，也会拿出一些经费来带徒弟出去考察学习，成长速度很快。&br&&br&学习的内容主要包括（但不限于）以下几大部分：&br&&ol&&li&各自领域的基础技术（必修）&br&&/li&&li&各自领域的工程经验（必修）&br&&/li&&li&高效的团队协作能力（必修）&br&&/li&&li&自身技术形象建设（选修）&br&&/li&&li&3D打印（选修）&br&&/li&&/ol&&br&不过不会收徒弟的钱，每月还要给徒弟一大笔钱。我收徒也有个『仪式』，就是要挑选有慧根的弟子，所以拜师前需要把能体现个人潜质的相关说明发送到我的邮箱里 fouber. （longyun_ 备用） ，我会亲自筛选&br&&br&So，有人愿意来吗？&br&&br&地点上海。
我也想收徒弟。 前端，后端（PHP/Java/C/C++），运维，安卓，iOS，测试，视频编码解码等等，各种主流技术都可以教，而且有真实的项目将知识巩固为经验。 每年我会邀请BAT的明星团队来家里交流，也会拿出一些经费来带徒弟出去考察学习，成长速度很快。 学习…
欠了好多机械类学生学习/职业规划类的问题邀请，写一写吧。&br&&br&我发现很多机械类专业大学生都把一些工具软件看得太重要了，总觉得自己如果会了Ansys，Matlab，Adams什么的就能如何如何。其实这些东西都只是工具，真正的学问在软件之外。对于Catia之类的三维建模软件尤其如此，就算你以后搞设计，整天都在用，他也只是你做好工作的茫茫多必要条件中的一个，还是比较容易习得的那一个。&br&&br&钻研到什么深度？我读本科时就老有外面Pro/e之类的培训班来宣传，传单上都是那些画出来很酷炫的圣斗士什么的，一副你会了这些就能找到工作的腔调。除去爱好因素，我到现在见过的现在主动钻研三维建模到很深的只有搞二次开发的和软件培训的。&br&&br&学肯定得学，机械背景毕业，除了AutoCAD必须熟之外，主流三维建模软件至少要会一个吧。一般而言航天和汽车是Catia，模具和加工行业UG多些，其他机械设计的pro/e多一些。Solidworks我个人比较喜欢，操作友好功能也强，这几年达索比较重视发展得也蛮好。都不存在哪个好哪个不好，行业习惯问题。三维建模软件学了一个之后思路就有了，其他触类旁通。此外我也不认为做个本科毕设就能钻研到什么深度，能搞搞创成式曲面，DMU啥的就不错了。&br&&br&但是也不要太指望Catia玩的溜能给你找工作或者以后工作带来多大好处。人力资源观念稍微成熟点的公司，“要求熟练使用Catia”这种描述都只会放在对intern的要求，而不太可能写在应届生的要求里。如果哪个公司真是主要考虑到会/不会Catia就要不要你，这种公司不去也罢，因为他们一定只是把你当画图民工的，虽然工作以后可能很多时候你会发现自己日常工作好像就是画图民工…但是还是不一样的。而且，工作后一般会有正式或者不正式的培训去让你学，本来就会的话一开始会轻松些，但是几个项目做下来，也都差不多了。&br&&br&机械专业学生很容易陷入一种想学点什么但又不知道学什么的迷茫，不像IT很明确的学几个语言，经管，土建类的考个什么证。机械行业太大太宽了，每个细分产品每个职位，具体的要求都很不一样。不具体到某个具体职位，很难推荐说你该去学点什么。但是对于应届生来说，明确的知道自己就要做什么职业，更加不现实。机械行业的个人积累和提升，大多来自于hands-on experience，或者是汽车行业里爱说的know-how。这些都是很难在书本上学到，只有做了实际项目才能获得，这些难以用自然语言表达的东西，也导致知识工程在机械行业一直是难点。&br&&br&扯远了。好好打好专业基础，拓宽个人素质，这样说很空泛，但也只能说成这样了。最好是能努力去找到自己的兴趣点，然后再去钻研，如果有其他具体的点，欢迎讨论。
欠了好多机械类学生学习/职业规划类的问题邀请，写一写吧。 我发现很多机械类专业大学生都把一些工具软件看得太重要了，总觉得自己如果会了Ansys，Matlab，Adams什么的就能如何如何。其实这些东西都只是工具，真正的学问在软件之外。对于Catia之类的三维建…
嗯，花了不到半个小时，其实非常简单，&br&&img src=&/cae7f295d4f0fc02feff0b_b.jpg& data-rawwidth=&900& data-rawheight=&566& class=&origin_image zh-lightbox-thumb& width=&900& data-original=&/cae7f295d4f0fc02feff0b_r.jpg&&网上随便找的图片，看到大家都百度稻田，我也度的“稻田”，忽视左下角的人影。。。因为这是一眼看过去最可以做背景的图片了。先设置为背景。&br&&br&&br&&img src=&/e9f61e8584def62a52b4f027a07d64d8_b.jpg& data-rawwidth=&1366& data-rawheight=&768& class=&origin_image zh-lightbox-thumb& width=&1366& data-original=&/e9f61e8584def62a52b4f027a07d64d8_r.jpg&&随手插的形状，全部用的是自带的插入图形。透明度设置为20%（我知道没有对齐，配色也是闭着眼睛上的，处女座你们可以笑了：）。&br&&br&&img src=&/f6773bde302ff01a266a_b.jpg& data-rawwidth=&1366& data-rawheight=&768& class=&origin_image zh-lightbox-thumb& width=&1366& data-original=&/f6773bde302ff01a266a_r.jpg&&插入大粗黑线，最好打开网格画，保证对齐（然而我并没有对齐：），然后用对称复制做好四条。插入图形——曲线——右键编辑顶点——顶点设置为角点，线条抻直——颜色黑，粗细7磅。&br&&br&&img src=&/ddb196cfef8c5c_b.jpg& data-rawwidth=&1366& data-rawheight=&768& class=&origin_image zh-lightbox-thumb& width=&1366& data-original=&/ddb196cfef8c5c_r.jpg&&右键调整好顶点之后，粗细调整回0.25磅，右键编辑顶点——关闭路径——插入顶点——调整顶点至大概上面的样子。&br&&br&&img src=&/24d0ec05ca_b.jpg& data-rawwidth=&1366& data-rawheight=&768& class=&origin_image zh-lightbox-thumb& width=&1366& data-original=&/24d0ec05ca_r.jpg&&duang~神技来了，诸人避让！&br&选中图形，使用合并形状技能~duang~切除多余部分，然后就可以看了。&br&&br&&img src=&/8dcffcf49a793a_b.jpg& data-rawwidth=&1366& data-rawheight=&768& class=&origin_image zh-lightbox-thumb& width=&1366& data-original=&/8dcffcf49a793a_r.jpg&&没有切整齐，处女座你们打我啊~：)&br&&br&就酱，全程只用了ppt自带图形功能，包括找图什么的不超过半个小时。&br&&br&-----------------------------------------------------一个月后的更新----------------------------------------------------&br&对于合并形状和曲线调整的那一部分，评论和私信里都有人表示看不懂或做不出，要求更加详细的教程。于是我统一回一下我的观点。&br&根据我的经验，大家之所以做不出，并不是因为这两个工具是非常高深的功能，而是大多没有学过与之相关的东西，对这些工具没有经验。如果你有矢量作图或者三维建模的经验，分分钟就可以知道我在说什么鬼，然后根本不需要对照我的过程就可以自己做出来。但是根据我的观察，问问题的小伙伴应该都没有这方面经验_(:3」∠)_&br&所以与其纠结做不出需要的效果，不如系统学习一下关于ppt的相关操作。引用我自己的一个回复：&br&&blockquote&无聊的时候不一定要在网上瞎逛，可以打开office软件，先研究选中文字然后右键的内容，再研究图片右键的内容，然后页面、动画……把所有要素的右键里的每一个选项都戳一遍，看看是干什么的。然后再研究菜单栏，工具栏，编程、宏，知道每一个功能有什么效果，为什么灰色的功能用不了。到你看到别人做的ppt，你可以分解成为脑海里的步骤的时候，技术方面就解决了。&br&下一步就是研究众多格式的ppt，在不同版本的office里面是什么样子的，在不同宽高比的投影仪上放映出来是什么样子的，在安装了不同插件的的环境里有什么不同。如果你是上班族，这个非常好操作。&br&更高境界的就是研究ppt的构图，字体的设计什么的，这就是一条没有终点、大神遍地的不归路了。&/blockquote&&br&给一个膜拜的ppt大家看看：&a href=&/question//answer/& class=&internal&&有哪些让你相见恨晚的 PPT 制作技术或知识？ - 段晓晨的回答&/a&的第一个例子言叶之庭PPT鼠绘，真正是曲线操作的至高点，透明度颜色处理的尽头。
嗯，花了不到半个小时，其实非常简单， 网上随便找的图片，看到大家都百度稻田，我也度的“稻田”，忽视左下角的人影。。。因为这是一眼看过去最可以做背景的图片了。先设置为背景。 随手插的形状，全部用的是自带的插入图形。透明度设置为20%（我知道没有…
推荐几个方法吧，毕竟也从事过盗版印刷工作。&br&&br&&b&1.ABBYY FineReader软件&/b&&br&这个软件能力还是很强大的，转换效率很高，识别率也很高。遇到的缺点就是对于几十Kb之类特别小的图片转文字无法识别。&br&&img src=&/bc2aa461c36701ccff71f6b5a14b2cfd_b.png& data-rawwidth=&705& data-rawheight=&385& class=&origin_image zh-lightbox-thumb& width=&705& data-original=&/bc2aa461c36701ccff71f6b5a14b2cfd_r.png&&&br&&br&&b&2.CAJViewer阅读器&/b&&br&这款阅读器看着不怎么样，但是功能还是很强大的。文字识别功能，图片、pdf识别都没问题，特别对于ABBYY FineReader软件不能识别的小图片能很好的解决。缺点就是效率低，对于复杂的公式之类的会出现错误。&br&&img src=&/4be3fcc54ab61_b.jpg& data-rawwidth=&373& data-rawheight=&182& class=&content_image& width=&373&&&br&&br&&br&&b&3.扫描&/b&&br&这对于PDF转word来说是一个最笨的方法了，不过也能解决一些问题。对于纸质版转word来说挺好的纸，纸质版的文档，扫描成word，然后对于有问题的部分进行重新排版。&br&&img src=&/575fcafc384_b.png& data-rawwidth=&401& data-rawheight=&394& class=&content_image& width=&401&&&br&&b&4.新版word&/b&&br&2013版本开始支持PDF转Word文档。但是如果PDF里面都是扫描进去的内容的话，得过一遍OneNote。而且有些文档在转完之后格式可能会出点小问题，要手动修正一下。 &a data-hash=&4e556a7d247c5f9faec47bd& href=&///people/4e556a7d247c5f9faec47bd& class=&member_mention& data-hovercard=&p$b$4e556a7d247c5f9faec47bd&&@David Keng&/a&&br&&img src=&/b38d5cc55e_b.jpg& data-rawwidth=&650& data-rawheight=&300& class=&origin_image zh-lightbox-thumb& width=&650& data-original=&/b38d5cc55e_r.jpg&&
推荐几个方法吧，毕竟也从事过盗版印刷工作。 1.ABBYY FineReader软件 这个软件能力还是很强大的，转换效率很高，识别率也很高。遇到的缺点就是对于几十Kb之类特别小的图片转文字无法识别。 2.CAJViewer阅读器 这款阅读器看着不怎么样，但是功能还是很强大…
理论上不必担心，玻璃心做不了招聘。 用pdf发简历说明应聘者至少懂得一些职场规则，对我而言，是应聘者的加分条件。&br&但是由于一些大公司，筛简历属于低技术、低岗级、低薪的三低工作，也就有可能会遇到楼主所担心的问题，既然考虑到这一步了，不妨做pdf和doc两个版本，起好文件名并且在邮件正文中写明你的意思。&b&最主要的是邮件标题，写应聘岗位或者你的专业+姓名+学校+学历&/b&。若对方不看，有可能是这岗位常年招聘，但目前并不缺人，可以追加一封邮件或打电话问一下。&br&&br&我每天要花1-2小时看邮件，每一封都看。确实&b&很多时间都耗费在预览和下载附件过程中，所以心理上会比较偏向正文和标题里有一定信息量的应聘者。&/b&对于标题清晰、正文里有简历内容和联系电话、用语恰当、使用pdf格式、附件中提供了压缩过的证件图片（或成绩单）的应聘者，我会特别认真的看他的简历，也会在向专业面试官推荐时提出这一点。&br&&br&若某个岗位应聘者较多，我会按优先级忽略以下几种邮件的附件：&br&
1、标题无信息量的（绝大多数应聘邮件标题就是俩字“简历”）；&br&
2、只有附件无正文，且附件的文件名也未注明姓名或岗位的，比如“简历.doc”；&br&
3、邮箱昵称或自动签名另类的：比如一堆诡异符号、有暴力倾向的、受感情伤害不能自拔的&br&以上几种情况说明应聘者可能邮件交流的经验不足，或者没做好求职准备（不急于求职），或者情商不够。若不是某个技术类岗位急着招人，我是不会关注这类邮件的——还有另一个主要原因，这类邮件集中出现在低端岗位上，本来应聘者就多。&br&最后&b&个人认为没有安装查看pdf软件的hr是不专业的，因为有很多需要对外发送的文档、合同、公司内刊、行业调研报告都是pdf格式的。&/b&&br&&br&PS 我公司网速足够快，所以文档大小不是问题。但&b&所有附件不宜超过2M&/b&，除非你需要附博士论文。其他加分项比如：获奖证书的图片分类缩排到一页A4纸上，成绩单压缩一下看清即可，设计/策划类的附相关作品等等。&br&&br&&b&好像离题了，中心思想是PDF简历一般不会被忽略。因为筛简历时，形式上，HR&/b&&b&更重视简历投递得是否有诚意、合规矩，是否便于获得信息。&/b&&br&&b&&br&--------------------------------大家可以来围观一个平均水平的实例&/b&&b&--------------------------------&/b&&br&收到这样一份应届生简历，211高校工科，标题清晰，无正文，附件是一个zip包，18M。&br&我当天回信致歉，说下载一个大文件有困难，请他将图片缩小，或解压成多个文件发送以便我们查看。两三天后收到回信，依然无任何正文，就是把18M的zip变成了一个18M的doc
+_+&br&作为重本理工科生，压缩图片、改小word文档体积这些技术问题应该是不费劲的；而且随便谁遇到这种情况也该客套一句正文吧。我认为这样的学生缺乏沟通合作意识，或者不在求职状态，或者对我公司根本没兴趣，于是也没再理会。&br&&b&其实这差不多是我见过的应届生的平均水平。像题主这样已经考虑到pdf还是doc的应届生，算是凤毛麟角了。&/b&
理论上不必担心，玻璃心做不了招聘。 用pdf发简历说明应聘者至少懂得一些职场规则，对我而言，是应聘者的加分条件。 但是由于一些大公司，筛简历属于低技术、低岗级、低薪的三低工作，也就有可能会遇到楼主所担心的问题，既然考虑到这一步了，不妨做pdf和do…
不请自来。&br&&br&大学以来做过的pre将近三十几个，国内国外都做过，课堂展示/case study比赛形式都有。另外在康奈尔学过effective communication专门讲了怎么做pre，以下总结自己的经验。&br&&br&先列一个目录，对于重要的部分后面再着重讲。&br&&br&1. 前期准备&br&&br&1.1 对整个presentation有足够的了解&br&&br&· 我的主题是什么？topic是什么？point是什么？（topic不同于point。topic可能是给定的，那么point就是能动脑筋的地方。）&br&&br&· 我的听众是谁？老师还是同学还是老板还是评委？&br&&br&· 我的目的是什么？一次课堂展示？一场比赛？&br&&br&· 我有多少时间？如果是团队展示，那么团队多少时间，我多少时间？&br&&br&· 我是第几个出场的？（如果靠后且讲的是同一主题，那么评委/老师可能会累，内容上就要尽力有亮点）&br&&br&&br&1.2 展示工具的使用&br&&br&· 能用PPT辅助吗？有麦克风吗？&br&&br&· 如果使用PPT，那么就有很多可以讲究的地方。我在最后专门讲一下ppt。&br&&br&&br&1.3 排练&br&&br&非常重要的一点！&br&&br&我最早的时候仰仗良好的口语，总是不写稿子。后来发现对自己的要求不能仅限于此啊。所有优秀的presentation，（比如乔布斯啥的）都是千万次排练出来的。&br&&br&排练工具：录音工具，镜子，有经验的同学们。&br&&br&&br&2. pre时注意事项&br&&br&2.1 Verbal message&br&&br&Verbal message指我们演讲的内容，包括但不限于屏幕上显示的PPT,老师手中的hard copy上的文字部分。内容部分的好坏这里就不讨论了，与提高presentation能力有些跑题，我认为题主指的应该就是在内容已经定了的情况下，该怎么去讲。（已经知道讲啥了，该怎么讲得更好的问题）&br&&br&注意：verbal message的重要性，视不同场合而定。我的经验是，如果听众手中不能拿到纸质版的文件，那么重要性就降低了。因为听众一般是很难你说的每个点他都掌握，怎么去讲，讲的技巧就变得非常重要。&br&&br&但是也不是说完全不能提高了。Verbal message非常重要的是要使你的Presentation有完整的逻辑和结构：&br&&br&· Effective opening：讲明白topic, point, structure，任何听众需要的background information&br&&br&· Convincing body part：你的论证部分，或者说主体部分&br&&br&· Conclusion：非常重要。而且进入这个部分前，最好动作夸张（举例子）让听众知道你要总结了。总结的东西要精辟，完整。如果听众中间打瞌睡错过了主体部分，听你的conclusion也能抓住重点。而且这可是给听众留下深刻印象的最后机会啊！！力求完美，能够升华。&br&&br&&br&2.2 vocal message&br&&br&这是除了演讲内容以外的部分，非常非常重要，重要性常被低估。我曾经与某个同学对比，TA的演讲内容如果写成一篇report会比我有血有肉优秀的太多，但是讲得好不好直接决定了你的听众愿不愿意听，听不听得进去！所以努力的提高这部分，才是提高presentation能力的重中之重。&br&&br&我大致分一下有这么几点：&br&&br&· pronunciation：我假设了presentation都是英文，非常非常重要&br&&br&· pace：比如重要内容前的停顿，决定了他能不能捕捉到你的Key message&br&&br&· sound and volume：令听众听得清，且舒服&br&&br&· body language and facial expression: 比如你站哪，要不要走动，要不要激情澎湃的用大量动作，还是站定严肃一些，这些都取决于你在什么场合&br&&br&· fluency：非常重要，不然给人没好好准备之感&br&&br&3. 事后evaluation（重要！）&br&&br&这点很容易被忽略。之前会被老师要求，每次Presentation都写总结，自己哪里做得好，哪里做的不好。还会写peer review. 看看别人给自己提的意见太重要了。不然永远无法提高。&br&&br&举个例子&br&&img src=&/ef03b74465ccb93e79c50b_b.jpg& data-rawwidth=&508& data-rawheight=&513& class=&origin_image zh-lightbox-thumb& width=&508& data-original=&/ef03b74465ccb93e79c50b_r.jpg&&&br&&br&前文中的一些补充：&br&&br&关于PPT部分：&br&&br&美观/模版重要，但没有你想象中那么重要，重要的是逻辑。我们有直接用了白底黑字，毫无模版，也不影响你的Presentation.&br&&br&如果听众能拿到纸质版，那么其实字体小一点也没事，他们一般也不会抬头看屏幕上的字。做完ppt以后，邀请一个别人来看，能不能看懂你的逻辑，重点是能不能快速捕捉topic, point, evidence, conclusion这些。&br&&br&如果听众不能拿到纸质版，那么字体要看得清，颜色要看得舒服，字少可以用黑底白字，字多尽量灰白底为主。（字多字少，取决于你讲什么玩意，有的主题你只要放图就好，有的consulting类的话没有字肯定是不行的，所以没有规定）&br&&br&关于如何evaluation的一个tip&br&&br&我之前每次presentation都会录音，回去之后自己听自己的，哪边讲得好，哪边讲得不好。&br&&br&如果能搞到录像，那么是最好了。。。&br&&br&如果是团体Presentation:&br&&br&出场顺序很重要，最后一个要有控场能力，开头的那个人高调霸气以求炸场（joking）&br&&br&团体的话，排练就更重要了，比如队员默契这玩意就不是一天两天弄得出来的…&br&&br&好的…写的有点累了，暂时先这样吧。
不请自来。 大学以来做过的pre将近三十几个，国内国外都做过，课堂展示/case study比赛形式都有。另外在康奈尔学过effective communication专门讲了怎么做pre，以下总结自己的经验。 先列一个目录，对于重要的部分后面再着重讲。 1. 前期准备 1.1 对整个pre…
阿尔·戈尔（Al Gore）&i&难以忽视的真相 &/i&&i&An Inconvenient Truth (2006) &/i&是我见过最精彩的，以幻灯片作为主要演示手段的演讲。幻灯片非常精致，配色、主题、表达，与演讲高度融合为一体。&br&&br&&img src=&/88e058855dddaf_b.jpg& data-rawwidth=&600& data-rawheight=&300& class=&origin_image zh-lightbox-thumb& width=&600& data-original=&/88e058855dddaf_r.jpg&&&img src=&/a1eccd54a987d580148eda11f1d65a30_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/a1eccd54a987d580148eda11f1d65a30_r.jpg&&&img src=&/15fa482d271ea41fe45d5b_b.jpg& data-rawwidth=&841& data-rawheight=&561& class=&origin_image zh-lightbox-thumb& width=&841& data-original=&/15fa482d271ea41fe45d5b_r.jpg&&&br&优酷上有片源：&a href=&///?target=http%3A///detail/show/XMTU3MjIw& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&难以忽视的真相&i class=&icon-external&&&/i&&/a&。以下是片段：&br&&a class=&video-box& href=&///?target=http%3A///v_show/id_XMTU0MjE1NDI4.html& target=&_blank& data-video-id=&& data-video-playable=&& data-name=&难以忽视的真相 片段& data-poster=&/0ECC5CE914E54556E-BC58-A90B-3CD6A1& data-lens-id=&&&
&img class=&thumbnail& src=&/0ECC5CE914E54556E-BC58-A90B-3CD6A1&&&span class=&content&&
&span class=&title&&难以忽视的真相 片段&span class=&z-ico-extern-gray&&&/span&&span class=&z-ico-extern-blue&&&/span&&/span&
&span class=&url&&&span class=&z-ico-video&&&/span&/v_show/id_XMTU0MjE1NDI4.html&/span&
&/a&&br&在阿尔·戈尔背后的，是 Nancy Duarte 和她的公司/团队 &a href=&///?target=http%3A///& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Duarte&i class=&icon-external&&&/i&&/a&。这位大神有 3 部关于 Presentation 的著作，&i&Slide: ology&/i& 细读过，其余 2 本粗粗浏览，质量非常高。我认为是相关著作中能排进前 10 的。&br&&img src=&/bcdeb6dca89e8cd46829c6fc_b.jpg& data-rawwidth=&1200& data-rawheight=&481& class=&origin_image zh-lightbox-thumb& width=&1200& data-original=&/bcdeb6dca89e8cd46829c6fc_r.jpg&&
阿尔·戈尔（Al Gore）难以忽视的真相 An Inconvenient Truth (2006) 是我见过最精彩的，以幻灯片作为主要演示手段的演讲。幻灯片非常精致，配色、主题、表达，与演讲高度融合为一体。 优酷上有片源：。以下是片段： 在阿尔·戈尔背后的，是 …
&p&最近和身边做PPT的朋友聊天谈论到此事，故而今天有意收集整理了对于这个问题的解答，也算是对朋友的回答和对自我认识的梳理。（PS本人于2011年接触PPT，从12年有意识的学习PPT到现在3年有余，从私人、学校、企业各类型各场合的PPT均有接触。）&/p&&p&下面将以广泛使用的汇报类PPT为基础，分普通大众、业余爱好、兼职制作和专业设计四大类来剖析PPT设计水平。&/p&&p&&b&-&/b&&b&普通大众型（以百度文库和百度图片为例）&/b&&/p&&p&百度文库（搜索汇报，类别PPT，最新上传）&/p&&img src=&/a3e97ae9bfb6_b.jpg& data-rawwidth=&2183& data-rawheight=&820& class=&origin_image zh-lightbox-thumb& width=&2183& data-original=&/a3e97ae9bfb6_r.jpg&&&img src=&/87b0c01c138_b.jpg& data-rawwidth=&2996& data-rawheight=&821& class=&origin_image zh-lightbox-thumb& width=&2996& data-original=&/87b0c01c138_r.jpg&&&img src=&/6f951e291be53ce0c313a281ecfea884_b.jpg& data-rawwidth=&2622& data-rawheight=&821& class=&origin_image zh-lightbox-thumb& width=&2622& data-original=&/6f951e291be53ce0c313a281ecfea884_r.jpg&&&br&&p&百度图片（搜索汇报PPT自然排序）&/p&&img src=&/6affdd1b244faafb4a5be1_b.jpg& data-rawwidth=&1317& data-rawheight=&659& class=&origin_image zh-lightbox-thumb& width=&1317& data-original=&/6affdd1b244faafb4a5be1_r.jpg&&&img src=&/c276ecf6c2f44cf7eebcb4_b.jpg& data-rawwidth=&1318& data-rawheight=&660& class=&origin_image zh-lightbox-thumb& width=&1318& data-original=&/c276ecf6c2f44cf7eebcb4_r.jpg&&&p&&i&吐槽：&b&【滥用模板】&/b&——无论字体、配色、排版都完全与其模板相冲突，只有最基本的强调对比，且不一定对比合理。&/i&&/p&&p&&b&&i&【文本堆积】&/i&&/b&&i&——传说中的文不如图，图不如表、一图抵千言、能用一个词的绝不用一句话，这都是强调简洁与可视化设计。&/i&&/p&&p&&i&PS&/i&&i&百度图片除去来自设计公司和专业平台的抓取外，基本和百度文库作品水平一致。&/i&&/p&&br&&p&&b&-&/b&&b&业余爱好型（以锐普论坛为例）&/b&&/p&&p&锐普论坛（原创PPT作品版块最新作品）&/p&&img src=&/c3f0bfa97daf22a6aff66ae3b88130b9_b.jpg& data-rawwidth=&2740& data-rawheight=&515& class=&origin_image zh-lightbox-thumb& width=&2740& data-original=&/c3f0bfa97daf22a6aff66ae3b88130b9_r.jpg&&&img src=&/ceb9ec5d99e_b.jpg& data-rawwidth=&2798& data-rawheight=&525& class=&origin_image zh-lightbox-thumb& width=&2798& data-original=&/ceb9ec5d99e_r.jpg&&&p&&i&吐槽：&b&【参差不齐】&/b&——网友水平不一这是肯定的，当然还是有很多作品已经有了四大原则中的对齐、对比运用，但重复和亲密性还欠佳。&/i&&/p&&p&&i&以前还有爱PPT&/i&&i&论坛、扑奔论坛，最近也都关了。贴吧基本都是教程或转载，所以这里只取了锐普论坛。&/i&&/p&&br&&p&&b&-&/b&&b&兼职制作型（以演界网和pptstore&/b&&b&为例）&/b&&/p&&p&演界网&/p&&img src=&/6635adec98afb204aebec6_b.jpg& data-rawwidth=&3516& data-rawheight=&657& class=&origin_image zh-lightbox-thumb& width=&3516& data-original=&/6635adec98afb204aebec6_r.jpg&&&img src=&/75ab3ce987c3f56dd87f7727afff59bb_b.jpg& data-rawwidth=&1759& data-rawheight=&330& class=&origin_image zh-lightbox-thumb& width=&1759& data-original=&/75ab3ce987c3f56dd87f7727afff59bb_r.jpg&&&p&pptstore&/p&&img src=&/d0b3d6fa65c96f348f0d836_b.jpg& data-rawwidth=&1865& data-rawheight=&350& class=&origin_image zh-lightbox-thumb& width=&1865& data-original=&/d0b3d6fa65c96f348f0d836_r.jpg&&&img src=&/f3ac5c28bacfb6aec2e294_b.jpg& data-rawwidth=&1875& data-rawheight=&351& class=&origin_image zh-lightbox-thumb& width=&1875& data-original=&/f3ac5c28bacfb6aec2e294_r.jpg&&&p&&i&吐槽：&b&【个性十足】&/b&——因为这里仅为模板，所以风格上也就百花齐放，争奇斗艳。有了一定的设计基础和作品积累，整个作品画面感好很多，但细细品味的话，细节之处还是有很多粗糙的地方。&/i&&/p&&p&&b&&i&【抄袭不止】&/i&&/b&&i&——&/i&&i&毫不掩饰的说很多作品都是从国外网站照搬过来的，或互相抄袭，自己模仿练习玩玩可以，不过这是上架销售商业行为就不妥了。中华文明上下五千字，我们自己还是有很多可取的设计理念的。&/i&&i&（我不会告诉你有一个网站叫&/i&&i&envato&/i&&i&）&/i&&/p&&p&&b&&i&【英文装逼】&/i&&/b&&i&——其实我就搞不懂为什么很多人做模板都得用英文，你是在中国销售，买家买回去一换中文，逼格不知掉了好几档。先设置好中文字体和排版不行吗，这里给演界网点个赞，里边作品比pptstore&/i&&i&做的好很多。&/i&&/p&&br&&p&&b&-&/b&&b&专业设计型（以上海锐普演示和北京锐得幻演为例）&/b&&/p&&p&上海锐普演示&/p&&img src=&/2549ddf9336afb4468804dee7afa1520_b.jpg& data-rawwidth=&2816& data-rawheight=&539& class=&origin_image zh-lightbox-thumb& width=&2816& data-original=&/2549ddf9336afb4468804dee7afa1520_r.jpg&&&img src=&/47beabc8b9_b.jpg& data-rawwidth=&2582& data-rawheight=&645& class=&origin_image zh-lightbox-thumb& width=&2582& data-original=&/47beabc8b9_r.jpg&&&p&北京锐得幻演&/p&&img src=&/02f3bb03057baabfeb359e6c71762d14_b.jpg& data-rawwidth=&1956& data-rawheight=&369& class=&origin_image zh-lightbox-thumb& width=&1956& data-original=&/02f3bb03057baabfeb359e6c71762d14_r.jpg&&&img src=&/2a1f4cfce0139eeaaae5ecc9b20c440f_b.jpg& data-rawwidth=&1942& data-rawheight=&486& class=&origin_image zh-lightbox-thumb& width=&1942& data-original=&/2a1f4cfce0139eeaaae5ecc9b20c440f_r.jpg&&&p&&i&吐槽：&b&【高度定制】&/b&——这里的实用性就很强了，行业属性、专业配色、排版设计都不错，锐得那个石油我真的不想吐槽、、、&/i&&/p&&p&&b&&i&【创意设计】&/i&&/b&&i&——版式和表现形式