版權(quán)聲明： 轉(zhuǎn)載時請以超鏈接形式標明文章原始出處和作者信息

作者：zsign (www.nordridesign.com)

web2.0后的網(wǎng)站設(shè)計從布局到內(nèi)容都開始重視起用戶體驗與可用性原則，網(wǎng)站整體簡潔，干凈，各個信息點力求一目了然。
我們做ppt設(shè)計可以從一些優(yōu)秀的web界面中尋找靈感。


1、web中的版式設(shè)計表現(xiàn)


我們從web中尋找ppt設(shè)計的靈感不是針對與所有的web界面，必須經(jīng)過篩選和辨別。

以上網(wǎng)頁中上下結(jié)構(gòu)的布局在web設(shè)計中算是比較常見的一種。類比于一個新建一個空白的ppt文檔，當我們用色塊填充了一半的空間后，就已經(jīng)形成了一個布局。

從web中尋找ppt設(shè)計的靈感還需要學(xué)會對web界面中內(nèi)容的過濾，去除一些不必要的元素，尋找可以參考的表達形式。

以上網(wǎng)頁中左上圖片選擇和處理方式與這種色塊填充的布局相協(xié)調(diào)。（如何判斷協(xié)調(diào)的概念：想象一下如果將左上圖片換成一張四方的矩形圖片，是否還有和諧的感覺）



以下為PPT中的設(shè)計嘗試



左右結(jié)構(gòu)的web界面設(shè)計。網(wǎng)頁中的頻道菜單設(shè)計現(xiàn)在也被越來越多的用在ppt設(shè)計當中，通過導(dǎo)航菜單的鏈接設(shè)置，可以方便的跳轉(zhuǎn)到相應(yīng)的頁面。



以下為左右結(jié)構(gòu)+菜單導(dǎo)航在ppt中的運用



2、web中的圖片表現(xiàn)技巧（剪貼畫形式）

也是現(xiàn)在web界面中比較流行的圖片設(shè)計方法。剪貼畫的概念圍繞著“拼貼”二字。以下web設(shè)計中banner一塊，很明顯的兩個圖層，人物圖片置于上層用了剪貼畫的形式，大于背景區(qū)域，形成不規(guī)則輪廓。這樣的設(shè)計避免了全部是矩形圖片的平庸，同時顯得很有設(shè)計味道。




以下為ppt中的設(shè)計嘗試，同樣是上下兩個圖層，上面用了png圖片（在ps中去除背景，導(dǎo)出png格式）



為了強調(diào)“剪貼畫”的概念，我們把png圖層縮小到背景圖以內(nèi)，對比之下就顯得平平。




3、web中色彩設(shè)計

講到色彩，是一個很泛泛的概念。這里的技巧在于，如果你在設(shè)計一個ppt時為如何配色而犯愁時，不妨查看一下同樣行業(yè)特征/類型的網(wǎng)站。
web是基于屏幕顯示，ppt基于屏幕和投影。投影下，色彩的飽和度會降低。所以寧可選擇一些高亮的顏色，通過色彩對比突出主題。




ppt中的設(shè)計嘗試