一圖勝千言--設計規則篇:學會這4點人人都是設計師

提高信息傳播效率是人類一直的追求,原始人在石壁上繪制圖畫記錄信息,到文字與紙張的發明,今天大數據是最熱門的話題,而數據可視化是其重要一環。所謂一圖勝千言,一頁PPT抵得上1000字的文字描述,一套可交互原型一定程度上可以代替幾十頁的PRD文檔,一頁優秀的海報能讓閱讀者快速獲取信息并做出反饋,一張設計合理的信息圖可以讓你快速了解一個從未接觸過的領域,如下圖所示:

本文適用場景:PPT,原型設計,海報設計,word排版,信息圖繪制

自制工具導航包含文中提到的所有設計工具,建議點擊并收藏網址

評論中回復郵箱,附贈10.6G PPT模板下載鏈接

一、設計規則

1、排版設計四原則:親疏、對齊、對比、重復

(1)親疏:相互關聯,意思相近的內容應該放在一起

根據信息相關性分組,利用空間距離,添加虛線或實線等方法體現信息親疏關系,如下圖所示:

左圖中,如果你要找可口可樂,需要從頭到尾檢索文字,而在右圖中,經過親密性原則調整后,你就可以很快地找到飲料區,從中找到可樂。

設計樣例源于《寫給大家看的設計書》

如上圖所示,通過親疏性將信息從空間上分開,標題使用不同字體和加粗,通過對比,將親疏性表現的更加明顯。

(2)對齊:保證頁面上的某兩個元素之間總是圍繞一條直線對齊

大家可以找一些優秀的設計案例,你會發現,都會有很多隱藏的參考線,保證文字,圖標等設計元素對齊一致,如下圖所示:

效果一目了然
源于《寫給大家看的設計書》

劇中對齊對于大段文字不是非常適合,左對齊效果最佳,如上圖所示,同時運用了親疏和對齊,瞬間讓海報的可讀性提升很多。

(3)對比:有意識地增加不同等級元素之間的差異性,要么相同,要么完全不同

通過加粗,添加底色,修改顏色,增加圖標等方式讓信息展示在視覺上有對比性,明顯可以看出標題或重點。

(4)重復:分析元素等級后,選取相同等級的元素來重復

從單個頁面來說,“解釋說明”部分的字體、大小都體現出重復性原則,保證了單個頁面的穩定性。從多個頁面來說,轉場頁屬于同一等級,所以他們應該具有某些重復的特征,如下圖所示,除了顏色之外,其他特征都是相同的,而顏色的不同讓PPT更有味道。

2、如何配色

提到配色,很多書會介紹各種專業的色彩搭配原理,如何利用互補色,近似色,三色去把握整體畫面的色彩,但是作為一個非專業設計師,如果只是為了制作簡潔的PPT,原型和海報,最好的方式則是選擇自己看著舒服的頁面和配色表,通過吸取和填充完成配色,或是找到適合的PPT模板,因為這種方式更加穩妥和高效,所有設計師都是從臨摹開始的。

評論中添加郵箱,贈送10G PPT模板!??!

PPT配色:PPT的配色可以簡單分幾類,純色,背景圖,紋理背景等,一頁PPT最好不超過三種顏色,不要使用刺眼的純色,可以微調色相,適當調低飽和度和亮度。下文中會介紹制作PPT,原型和海報的常用工具,查看第二章:工具推薦。

原型配色:原型分低保真原型和高保真原型,低保真原型本質上為了將頁面信息結構展示清楚,以黑白灰配色,將信息結構展示清楚即可。高保真原型盡量與設計師合作完成。

海報設計:海報設計屬于系統化設計,不單單只是配色問題,涉及到背景,字體,排版,摳圖,手繪等很多因素,最好的方法是找到內容相符的已經設計好的海報修改文字內容,推薦大家一個神器-創客貼,有了它,所有圖片設計基本都可以搞定,從名片設計,微信頭圖設計,X展架設計,自媒體宣傳海報設計等都是拖拽式操作,模板修改文字,一步搞定。

3、選擇字體

PPT主要靠邏輯說服聽眾,原型主要靠用戶頁面展示讓團隊清楚信息流程和展現樣式,所以沒必要在字體上做文章,中文字體微軟雅黑和英文字體MS YAHEI非常適合PPT的一種無襯線字體,如果微軟雅黑的粗體依然不夠,可以考慮下載 方正超粗 并且黏貼到到windows/Fonts的文件夾。

如果文字放在單色背景上時,文字顏色和背景顏色一定要對比度夠大,不可使用色彩相近顏色填充。

字體和線條的搭配可以讓PPT變得特別簡介,也給大家幾個模仿案例,非常簡單,大家可以在制作PPT的時候使用,建議大家模仿制作一次,模仿是學習設計的最好方法。。

4、圖標

圖標不要隨意使用,圖標是為了幫助觀眾/用戶理解內容而存在的,讓觀眾/用戶可以在圖標就了解演講內容的方向,并且加深觀眾的印象。

圖標與標題同等重要,在有圖標的情況下,圖標與標題同等重要,甚至比標題更需要動腦。

圖標下載神器:http://www.iconfont.cn/ ?也可以點擊筆者自制設計師常用網址查看!

150萬圖標,高效中文檢索,可選顏色,可改大小,導出png格式下載,PPT制作,原型制作,海報制作必選工具!

5、扁平化設計(扁平化、簡單偽扁平化和偽扁平化)

IOS和Android設計規范引領了設計趨勢,現在互聯網產品、海報和PPT設計均從擬物化向扁平化發展,而什么是扁平化呢?扁平化可以簡單的分為三種:真的扁平化,簡單偽扁平化和偽扁平化。真的扁平化沒有陰影明暗變化,簡單偽扁平化有陰影但是沒有高光和細節,扁平化有陰影,有高光和細節,如下圖所示,附設計方法,建議大家模仿制作一次,模仿是學習設計的最好方法

二、工具推薦

點擊 我的工具導航 ,快捷一鍵使用下文介紹在線工具,建議保存到收藏夾,便于使用。

創客貼(在線制圖最強神器,沒有之一)

花瓣網(瀑布流圖片搜索神器)

Piktochart(信息圖制作)

Color Scheme(在線配色工具)

trianglify-generator(在線紋理背景生成)

Optimizilla(在線圖片壓縮)

pexels(高清免費圖片背景)

三、學習方法

學過素描的朋友都知道,最初都是臨摹,從簡單的石膏幾何體臨摹開始,到幾何體寫生,再到景物臨摹,景物寫生,石膏像臨摹,石膏像寫生。而對于非專業設計,我們最好的方式也是臨摹+創作,很多朋友上來就憑借自己感覺制作,然后感覺很丑,于是給自己心理暗示“自己沒有設計天賦”,最終放棄。

PPT設計方法。首先梳理PPT的邏輯和金字塔結構,根據內容選擇適當模板,千萬別為了套用模板而修改PPT的內容,為了使用模板而調整內容,新人很容易犯這個錯誤。當時間充裕時,可以使用PPT的圖形工具,模仿模板內容,進行臨摹設計。內容排版上分別從親疏、對齊、對比、重復四個維度進行設計。

原型設計方法。如何快速熟悉一個產品的業務邏輯?筆者認為最好的方式就是使用xmind將其功能模塊進行拆解,再使用axure根據思維導圖模仿現有平臺主要頁面和交互流程,可以將軟件原圖作為底圖,在其上面臨摹各類元素。

海報設計方法。使用創客貼,搜索滿意的模板,修改文字內容,二維碼,頁眉和頁腳等信息。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 228,739評論 6 534
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 98,634評論 3 419
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 176,653評論 0 377
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 63,063評論 1 314
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 71,835評論 6 410
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 55,235評論 1 324
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,315評論 3 442
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 42,459評論 0 289
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 49,000評論 1 335
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 40,819評論 3 355
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 43,004評論 1 370
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,560評論 5 362
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 44,257評論 3 347
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 34,676評論 0 26
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 35,937評論 1 288
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 51,717評論 3 393
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 48,003評論 2 374

推薦閱讀更多精彩內容