因為工作原因柒莉，最近瀏覽了很多互聯(lián)網(wǎng)公司的網(wǎng)站，突然發(fā)現(xiàn)很多網(wǎng)站的設(shè)計完全可以借鑒到PPT中來尘吗。
為什么要從網(wǎng)頁中獲取靈感和資源逝她？
很多企業(yè)官網(wǎng)，尤其是互聯(lián)網(wǎng)企業(yè)睬捶，在設(shè)計風(fēng)格上都很類似：高清大圖 + 文案黔宛。這種風(fēng)格簡潔大方，一頁就像是一張幻燈片擒贸。而且這種網(wǎng)頁上都有絕佳的素材臀晃，包括圖片、icon和優(yōu)秀的排版樣式（畢竟是專業(yè)UI設(shè)計的）介劫。
舉個例子徽惋，最近我做了一些法律相關(guān)的PPT，當(dāng)時完全就可以打開幾個法律相關(guān)的互聯(lián)網(wǎng)企業(yè)官網(wǎng)座韵，看一下別人的設(shè)計思路對我的PPT有沒有借鑒意義险绘。
找到適合借鑒的頁面
從哪里找到法律類相關(guān)的互聯(lián)網(wǎng)公司呢？這里推薦一個網(wǎng)站：IT桔子（itjuzi.com）誉碴，這是一個提供IT互聯(lián)網(wǎng)公司數(shù)據(jù)的網(wǎng)站宦棺。在這里檢索“法律”，就可以找到幾乎所有的法律相關(guān)的互聯(lián)網(wǎng)公司黔帕。經(jīng)過篩選代咸，找到兩個網(wǎng)站設(shè)計的還不錯的：
可以看到很多頁面的設(shè)計其實和PPT的設(shè)計是很類似的，而且很多法律相關(guān)的圖片蹬屹、素材侣背，完全可以直接拿到PPT中使用。
如何借鑒慨默？
如何借鑒網(wǎng)頁的排版呢贩耐？我們舉例來看。
- 高清大圖 + 蒙版 + 文字
這個頁面是個很好的例子厦取。背景的高清圖片完全可以用到商務(wù)類的PPT中潮太。但是要注意給背景圖片要注意加上一層帶不透明度的蒙版（在PPT中其實就是矩形），這樣才不會和文字產(chǎn)生沖突。
- 用矩形框規(guī)范頁面元素
這個頁面上有 9 個律所的logo和名字铡买。因為logo的大小不一更鲁，顏色各異，如果直接擺到頁面上會很凌亂奇钞。這個頁面采取的方法是給每個logo和名字套上了一個矩形框澡为，讓原本很凌亂的元素規(guī)范化了。這個也值得借鑒到PPT中景埃。
- icon的使用
這個頁面的 icon 使用有點講究媒至。(1) icon 和文案的搭配使用讓界面很整齊；(2) 很好的示范了什么是同類型的 icon（推薦一個 icon 下載網(wǎng)站：iconfon.cn谷徙，在使用的時候盡量在圖標(biāo)庫中檢索拒啰，這樣可以確保使用的 icon 是同類的 ）； (3) 6 個特性之間用低透明度的線段進行了分隔完慧。
怎么下載素材
如果你使用的是谷歌Chrome瀏覽器谋旦，那么直接按 F12 - Network - 點擊F5刷新頁面。等待頁面加載完畢后屈尼，可以左側(cè)列表顯示了所有頁面的元素（包括圖片册着、icon、logo 等等）脾歧，這時直接右鍵 - save 即可保存到本地指蚜。
需要注意的是，官網(wǎng)上的素材都是有版權(quán)的涨椒，所以請不要商用喔~
引申：所以啊，以后各位可以直接到 Pinterest, Dribble, Behance 等設(shè)計站點直接搜索 'web design' 來獲取 PPT 設(shè)計靈感绽媒。還可以到優(yōu)設(shè)網(wǎng)看看有哪些推薦網(wǎng)站~法律類相關(guān)的互聯(lián)網(wǎng)公司還是比較少蚕冬，但仍找到了一些蠻不錯的資源，相信如果是設(shè)計其它行業(yè)的PPT是辕，此方法會更實用一些囤热。
