設計&PPT設計-版式設計

寫之前,在聲明一下本人從事設計10餘年,期間做過設計師、做過項目經理、做過產品經理、最後回歸設計。所以,對於設計的理解和價值可能有更多元的理解。

這樣的工作履歷,卻長期混跡在知乎的「國內&國外的房產圈」,甚是汗顏啊!

雖然我不專門從事PPT設計,但是設計一路相承,有很多可以互通的地方。所以,將最近公司內部分享「設計&PPT設計」的分享內容,發布出來。希望能有一點拋磚引玉的效果吧。

首先本次分享目的,是希望在認知了解設計、提高PPT設計效率、提升PPT設計品質三個方面起到一定的幫助作用。

1,認知美

有一句話「人人都是產品經理」,其實同樣可以說「人人都是設計師」,其實很多時候思考的過程就是設計的過程,只是最終表達的方式不同而已。

但是,作為一個設計師來說,不僅僅要有自己喜歡的美,而且能從不同角度、不同視角、不同維度來更全面的審視美。

就如同一個廚師,要根據客戶不同的口味製作美味佳肴,而不是根據自己的喜好去做。這樣就是專業設計師和業務愛好之間很本質的不同。

第一章:什麼是設計?

這一章節主要和大家分享一些設計的理解和設計分類以及設計和藝術之間有什麼區別等問題!

第一節:什麼是什麼?

我很喜歡無印良品設計總監 原研哉的解讀「通過創造與交流來認識我們生活在其中的世界。好的設計和發現,會讓我們感到喜悅和驕傲。」 很真誠、很厚重的一種解讀。

而我,作為一個設計小學生,我個人的理解用一句話說就是「用創造和美,實現目標的一種方法」。

設計是一種實現目標的方法,只是為了有更高的要求,需要用更美的方式表達出來。

第二節:設計和藝術的區別

設計和藝術的區別?其實寫到這,我也有點恍惚,好像就在身邊時刻都能感受到。但是如果具象的表達好像又不知道怎麼去明顯區分。既相互相融有相互保持個立。

所以也是求教了知乎的一些大神,最終梳理這麼幾條相對容易理解的詞條來表達一下。

藝術是一種表達;設計是一種表現;

藝術追求更多可能;設計追求更少可能;

藝術極致少人看懂;設計極致更多人懂;

藝術讓世界更多元;設計讓世界更美好;

可能還有更多的不同與相同,共探討!

從我個人感受來說。藝術不為目標,但是會有一種目的。不管是存在於想像之間,還是要情緒之間產生共鳴,都是有一定目的。但是設計,更多是為了實現某一個目標,比如讓產品更好看,更多彩,更易用,但最終的目標一定是增加銷量。從而增加收益。

藝術作品-」流淌「

設計作品-高端耳機

第三節:設計的分類

此章節的目的就是讓大家對於設計有一定了解,避免再出現對於設計師的理解誤區,什麼動畫設計、平面設計、界面設計、手機端設計、好像應該都是設計師應該具備的能力。

不否認有這樣的大神,能把設計融會貫通與各個領域。但是大部分設計師還是術業有專攻的。做平面設計的可能了解一些UI設計,但是對於用戶體驗、界面的操作流程、業務流程的視覺承載這些更細緻的問題也是一知半解的吧。

反過來,對於UI設計師更多是針對電腦屏幕、手機屏幕作為設計輸出的載體。而對於平面設計中特別是關於印刷。例如出血、材質的表現、模具、成本等等應該也不太了解。

所以,專業的人做專業的事很重要,能找到專業的人也很重要。但是,怎麼找呢?最起碼你的了解一些吧。

這只是其中幾個我比較熟悉的,其實還有很多很多很多分類的。而且,不同的設計師所產生的價值點也都各不相同。

第四節:認知設計的美

認知美,並不是讓大家都是認同每一種美;而是認識不同的美,發現不同的美!

主要分為版式之美、色彩之美、創意之美、風格之美、字體之美

版式之美

色彩之美

創意之美

女孩的心思你別猜 呵呵

風格之美(我在不同的地方收集的素材,就因為風格的類似,毫無違和感)

字體之美

騰訊斜體

創意字體

綜上所述,其實我們應該在更多維度去理解美和審視美。也應該更全面的理解美和認識美。

第二章節:PPT設計

其中包含PPT的類別、什麼是好的PPT、PPT的版式設計、色彩設計、字體設計等PPT相關設計內容。

第一節:PPT的類別

我們所講的如何設計PPT,大多數都是針對演講類的PPT而言的。

第二節:好PPT的準則

什麼是一個好的PPT不能一概以論,就像美沒有統一標準一樣。但是還是有一些設計準則可以參照的。

首先要目標清晰,PPT的目的是什麼,針對什麼人,解決什麼問題?都要非常清晰表達出來。

一個好的PPT,應該分為三個層面。」骨「」肉「」皮「三個層級,骨:為架構,肉:為內容,皮:為外在設計。只有具備這三個要求準則,才能算是好的PPT.

然後,風格統一性、優秀的版式設計、合理的色彩搭配、和諧的字體搭配都是一個好PPT的必備要素。

第三節:版式設計

版式設計-設計案例

這樣的PPT,不知道大家是不是常見

這樣的PPT,不知道大家是不是常見

版式設計-格柵系統

三個系統的組成

計算公式

應用案例

應用工具

柵格改造的實際案例

動圖演示

版式設計-設計原則

設計中四大原則親密性原則、對齊原則、重複原則和對比原則

親密性原則:

將相關的項組織在一起,讓相關項看做凝聚為一體的一個組,而不是彼此無關的片段。

左圖:我們無法將兩個人的關係關聯到一起。右圖:我們很容易將兩人關聯在一起。這就是親密性的重要性。

通過親密性設計,很容易讓用戶將信息分組。哪怕是顏色和形狀有所區別。

微信的親密性設計

一個親密性設計的錯誤案例!(其中5和YES是因為動態出現的,所以有點突兀了)

順便大家也看一下,嘗試回答一下問題。

  • 第一視覺焦點是什麼元素?

答:肯定是天創信用幾個大字

  • 閱讀的順序是怎樣的?

答:左上角到右下角

  • 閱讀完整信息需要幾次?

答:一般為五次,因為每一個設計元素的視覺焦點都很遠,都必須一個焦點一個焦點的看和記憶。

  • 閱讀完成後是否重複?

答:一般情況下,短期記憶更擅長記住4-5組的信息,而該案例中五個記憶點,很容易在記錄到第五個記憶點的時候,會淡忘前面的幾個點,所以會潛意識的回顧一下。

更改後的效果。將信息重新分組,公司名稱和宣傳口號為一組信息,聯繫方式會成為一組。這樣更容易閱讀和記憶。

親密性設計小結:

目標:

  1. 實現信息組織性
  2. 信息更有條例性
  3. 更能表現設計層次
  4. 增強閱讀體驗

方法:

  1. 信息組合/分層
  2. 減少視覺焦點
  3. 增加信息關聯度

注意:

  1. 避免太多孤立元素
  2. 區分信息層次
  3. 相關聯元素距離不能太遠

對齊設計原則:

任何元素都不能在頁面中隨意擺放。每一設計項都應當與頁面上的某一個內容存在某種視覺聯繫。

左圖:凌亂而無秩序,讓人感到發燥;右圖:有序整齊,看起來更舒服而有邏輯

對齊設計錯誤案例:

對齊方式過多,且無序!讓人不知道從哪裡還是閱讀。

改善後的版式設計。

對齊設計小結:

目的:

  1. 快速定位視覺中心
  2. 引導閱讀邏輯
  3. 統一性、條理性

方法:

  1. 形成固定的對齊方式
  2. 形成對齊差異性表現
  3. 增強對齊邏輯性表現

注意:

  1. 避免多種對齊方式同時展現
  2. 對齊方式孤立

重複設計原則:

設計的某些方面需要在整個作品中重複。重複元素可以是字體、符號、顏色、空間關係等。

重複設計小結:

目的:

  1. 表達視覺一致性
  2. 強調設計元素表達
  3. 增強視覺效果
  4. 提升設計認知

方法:

  1. 一致的表現方式
  2. 差異性的設計方式
  3. 增強對齊邏輯性表現

注意:

  1. 過多的重複
  2. 同質的重複
  3. 過於強烈對比的重複

對比設計原則:

頁面上的不同元素之間要有對比效果,達到吸引讀者的對比效果。如果兩個項不完全相同,就應當讓其截然不同。

對比設計小結:

目的:

  1. 突出設計意圖
  2. 強調設計表現
  3. 增強視覺衝突
  4. 提升設計認知

方法:

  1. 找到表現主體差一點
  2. 放大差異性變現主體
  3. 增強對比邏輯性表現

注意:

  1. 過多的對比
  2. 對比強度過小
  3. 過於強烈對比方式

版式設計-設計方法

集中常見的設計表現方法,可以根據設計需求進行參考。其中包含每一種設計方法的設計要點,表現要素和注意事項等相關內容。

版式設計的內容就到這裡,我們可以回顧一下:

格柵設計其實是所有設計的基礎,設計原則是指導設計方向,設計方法是實現設計目標。相互關聯,相互影響,是一個完整的設計思維體系。

下一章節是關於色彩設計,其中包括色彩的含義、色彩的應用、配色的方法和應用。

陸續更新*****


推薦閱讀:

靠做ppt能迅速賺錢嗎?
哪些幻燈片讓你賞心悅目?
怎麼做好PPT的提案?
如何下載 PPT 模板 ?
文字很少很少的幻燈片頁面怎麼設計?

TAG:PPT設計 | PPT分享 | PPT |