用ppt做一個網易嚴選頁面

原圖來自網易嚴選首頁banner的截圖。因為覺得其包含的內容挺豐富的,涉及到的元素也比較多,所以在這裡模仿這個圖片的設計。

用ppt做一個網易嚴選頁面

而這樣的設計,也是網易嚴選常用的banner設計風格,符合網易嚴選性冷淡、精緻生活特點。

一、原圖分析

用ppt做一個網易嚴選頁面

這裡主要分析這個圖片的組成,大致可以看作是由黑板部分和黑板邊緣其他小元素部分組成的。而黑板部分又可以分為黑板裡面內容和黑板邊框,邊緣其他元素就使用PNG圖片,只是要注意元素的陰影。所以,我們可以按照這樣的思路進行模仿設計。

二、製作方法

(一)製作背景

用ppt做一個網易嚴選頁面

這個背景使用了漸變,所以在圖中我也使用漸變,從左下到右上一個藍色到粉紅色的漸變。

(二)製作黑板

用ppt做一個網易嚴選頁面

首先用兩個圓角矩形畫兩個框還是很簡單的

到了製作黑板內部紋理就顯得相對複雜一點:

用ppt做一個網易嚴選頁面

用ppt做一個網易嚴選頁面

這裡使用的是之前插件篇有提到的OK插件,OK插件的圖片混合功能有點類似與PS圖層之間混合的功能。也分別具有變暗、變亮、疊加的模式。不同的模式出現的效果自然也不一樣。在這裡我選擇的變亮大板塊下面的濾色模式。

用ppt做一個網易嚴選頁面

用ppt做一個網易嚴選頁面

最後由於濾色模式下黑板的顏色與之前的顏色有不同。所以在這裡就又使用一個和之前黑板顏色相同的半透明色塊覆蓋,達到顏色的統一。

(三)製作黑板文字

用ppt做一個網易嚴選頁面

用ppt做一個網易嚴選頁面

文字方面比較簡單,選擇一個差不多的字體即可。這裡我選擇使用的是站酷快樂體;而需要注意的是,這裡的文字有添加紋理,我們也需要把文字選中,然後選擇設置形狀格式——文本選項——文本填充——圖案填充,選擇一個類似的團即可。

還有就是文字的間距在這裡是有加寬的

(四)添加其他小元素

用ppt做一個網易嚴選頁面

小元素可以在千庫網找去背景的圖片,也可以在百度圖片下載之後,自己利用PPT去除背景功能做一個透明背景圖片出來。然後放大縮小需要的圖片即可。

用ppt做一個網易嚴選頁面


最後推薦書籍:


分享到:


相關文章: