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

作者：zsign (www.nordridesign.com)

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


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


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

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

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

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



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



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



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



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

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




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



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




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

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




ppt中的設(shè)計(jì)嘗試