有段時間沒更新修改過的文章了。
所以我今天帶著修改過的系列回來了。
與幾頁改版文章不同,我的一頁改版系列有以下特點:
1.更系統一個頁面代表一種類型,會更系統的呈現整個設計過程
2.更深每一次改變都會理清背后的設計思路,讓你知道為什么,為什么
3.比較實用與注重酷炫形式的風格不同,我的修改稿會更加注重內容文案的拆解,切實解決問題而不是只看著好看
4.更具創新性雖然文稿的類型很常見,但我會盡力想出不同的形式來設計,而不僅僅是完成
好了,不多說就開始今天的內容吧。
今天就來聊聊。
如何更有創意地設計頁面PPT
手稿如下:
這是一個很普通的圖表頁面,主要介紹了上半年一汽解放的車輛銷售情況。
面對這個PPT頁面,你會怎么修改簡單思考3秒鐘
如果你也有同感,那么今天的文章一定會對你有所啟發。
在我看來,這個頁面還有很大的優化空間在這里,我將通過三個步驟教你制作一個獨特而有創意的圖表頁面設計
它們是:統一規范,建立聯系和視覺設計。
1.統一規格
先做對,再做好。
任何設計之前,首先要檢查內容本身是否規范正確。
以下是我發現的問題:
主要有三點。
1.缺少單元
2.橫坐標不標準。
3.配色不合邏輯。
有關更多設計標準,請參見這兩篇文章:
對于工作PPT圖的設計,看這篇文章就夠了。
專業PPT的內頁是怎樣的。
前兩點很好理解。添加公司并修改橫坐標名稱后,得到以下版本:
如何優化配色。
雖然沒有明確的標準來衡量色彩,但我們不妨從結果出發,明確配色的目的是什么。
配色是為了呼應主題,從而更清晰的表達出來。
因此,首先要明確頁面的主題。拆開文案,你會發現頁面中的兩個核心句子,伴伴隨著三個核心信息:
它們正好對應三張圖表所以我們堅持重要信息突出,次要信息輔色的原則,對圖表重新上色
以大多數類型是拖拉機為例進行修改:
原文:配色不合邏輯。
優化后:重點突出。
通過強調色和輔助色的合理分配讓拖拉機部分凸顯出來,與主題文案多種拖拉機的類型相呼應
其余部分也根據此標準進行了優化:
我們拿到了標準膠片,然后就進入了第二步——建立聯系。
建立聯系
理清圖表之間的內在聯系。
如果我們從觀眾的角度來看最后一稿,會發現它有一個明顯的問題:
三張圖表相互獨立,缺乏內在聯系,很難講出一個完整的故事。
所以要盡量把三者串聯起來。你可以從數據本身尋找線索:
圈出數字后,你有沒有發現背后的規律。
事實上,這三者之間存在包容關系:
實際銷量99輛,分為半掛車65輛,解放主機34輛解放主機分為牽引車,載貨底盤,自卸車底盤和自卸車
所以,我們將闡明這種內在關系,并得到以下版本:
與之前的草案相比,是否更有利于理解。
不過此時右側區域有兩個餅狀圖,略顯繁瑣。我們不妨借助這種包容關系把它們融合成一個整體:
因此,您會得到一個標準,清晰,簡潔的頁面:
能夠做到這一步,足以應付日常工作中99%的任務。
但是,作為設計師,這遠遠不夠我們還需要使頁面看起來更好
3.視覺設計
參考視覺元素,讓頁面更加生動。
這個時候視覺效果確實豐富了很多,但是左邊的車輛都被遮住了如何進一步優化
拉出車輛并按在圖表頂部:
是不是很酷然后優化右半部分
方的白長方形,很僵硬,不聽話。我們不妨按照圖表的輪廓,直接把它變成一個圓,做一些細節上的調整,得到最終的版本:
最終草案
你能找到任何細節嗎歡迎留言區讓我知道
至此,定制圖表的設計完成。
我們來來回回看看最終草稿頁面的邏輯:
第一眼:被左下角的車輛吸引,然后看到實際銷量高于計劃銷量,超額完成任務。
第二眼:右邊的圓引出99,表示右邊的圓延伸99,定義了包含關系。
第三只眼:圓圈紅色部分占三分之一,呼應解放主持人占三分之一。
第四眼:逐漸看物品明細,突出拖拉機。
是否美觀易讀。另外,我試用了這個版本,分享給大家:
最后,我們來看看修改稿前后的效果對比:
總結起來,有三點:
標準化,建立聯系和視覺設計。
你學習失敗了嗎。雖然這只是一頁紙的修改稿,但也傾注了大量的時間和精力:
工藝草案
讓設計的每一步都有意義,而不僅僅是為了好看。
鄭重聲明:此文內容為本網站轉載企業宣傳資訊,目的在于傳播更多信息,與本站立場無關。僅供讀者參考,并請自行核實相關內容。
|