一圖勝千言|設計規則篇:學會這4點,人人都是設計師
本文適用場景:PPT,原型設計,海報設計,word排版,信息圖繪制
提高信息傳播效率是人類一直的追求,原始人在石壁上繪制圖畫記錄信息,到文字與紙張的發明,今天大數據是最熱門的話題,而數據可視化是其重要一環。所謂一圖勝千言,一頁PPT抵得上1000字的文字描述,一套可交互原型一定程度上可以代替幾十頁的PRD文檔,一頁優秀的海報能讓閱讀者快速獲取信息并做出反饋,一張設計合理的信息圖可以讓你快速了解一個從未接觸過的領域,如下圖所示:
一、設計規則
1、排版設計四原則:親疏、對齊、對比、重復
(1)親疏:相互關聯,意思相近的內容應該放在一起
根據信息相關性分組,利用空間距離,添加虛線或實線等方法體現信息親疏關系,如下圖所示:
左圖中,如果你要找可口可樂,需要從頭到尾檢索文字,而在右圖中,經過親密性原則調整后,你就可以很快地找到飲料區,從中找到可樂。
設計樣例源于《寫給大家看的設計書》
如上圖所示,通過親疏性將信息從空間上分開,標題使用不同字體和加粗,通過對比,將親疏性表現的更加明顯。
(2)對齊:保證頁面上的某兩個元素之間總是圍繞一條直線對齊
大家可以找一些優秀的設計案例,你會發現,都會有很多隱藏的參考線,保證文字,圖標等設計元素對齊一致,如下圖所示:
效果一目了然
源于《寫給大家看的設計書》
劇中對齊對于大段文字不是非常適合,左對齊效果最佳,如上圖所示,同時運用了親疏和對齊,瞬間讓海報的可讀性提升很多。
(3)對比:有意識地增加不同等級元素之間的差異性,要么相同,要么完全不同
通過加粗,添加底色,修改顏色,增加圖標等方式讓信息展示在視覺上有對比性,明顯可以看出標題或重點。
(4)重復:分析元素等級后,選取相同等級的元素來重復
從單個頁面來說,“解釋說明”部分的字體、大小都體現出重復性原則,保證了單個頁面的穩定性。從多個頁面來說,轉場頁屬于同一等級,所以他們應該具有某些重復的特征,如下圖所示,除了顏色之外,其他特征都是相同的,而顏色的不同讓PPT更有味道。
2、如何配色
提到配色,很多書會介紹各種專業的色彩搭配原理,如何利用互補色,近似色,三色去把握整體畫面的色彩,但是作為一個非專業設計師,如果只是為了制作簡潔的PPT,原型和海報,最好的方式則是選擇自己看著舒服的頁面和配色表,通過吸取和填充完成配色,或是找到適合的PPT模板,因為這種方式更加穩妥和高效,所有設計師都是從臨摹開始的。
(1)PPT配色
PPT的配色可以簡單分幾類,純色,背景圖,紋理背景等,一頁PPT最好不超過三種顏色,不要使用刺眼的純色,可以微調色相,適當調低飽和度和亮度。下文中會介紹制作PPT,原型和海報的常用工具,查看第二章:工具推薦。
(2)原型配色
原型分低保真原型和高保真原型,低保真原型本質上為了將頁面信息結構展示清楚,以黑白灰配色,將信息結構展示清楚即可。高保真原型盡量與設計師合作完成。
(3)海報設計
海報設計屬于系統化設計,不單單只是配色問題,涉及到背景,字體,排版,摳圖,手繪等很多因素,最好的方法是找到內容相符的已經設計好的海報修改文字內容,推薦大家一個神器-創客貼,有了它,所有圖片設計基本都可以搞定,從名片設計,微信頭圖設計,X展架設計,自媒體宣傳海報設計等都是拖拽式操作,模板修改文字,一步搞定。
3、選擇字體
PPT主要靠邏輯說服聽眾,原型主要靠用戶頁面展示讓團隊清楚信息流程和展現樣式,所以沒必要在字體上做文章,中文字體微軟雅黑和英文字體MS YAHEI非常適合PPT的一種無襯線字體,如果微軟雅黑的粗體依然不夠,可以考慮下載?方正超粗?并且黏貼到到windows/Fonts的文件夾。
如果文字放在單色背景上時,文字顏色和背景顏色一定要對比度夠大,不可使用色彩相近顏色填充。
字體和線條的搭配可以讓PPT變得特別簡介,也給大家幾個模仿案例,非常簡單,大家可以在制作PPT的時候使用,建議大家模仿制作一次,模仿是學習設計的最好方法。。
4、圖標
圖標不要隨意使用,圖標是為了幫助觀眾/用戶理解內容而存在的,讓觀眾/用戶可以在圖標就了解演講內容的方向,并且加深觀眾的印象。
圖標與標題同等重要,在有圖標的情況下,圖標與標題同等重要,甚至比標題更需要動腦。
150萬圖標,高效中文檢索,可選顏色,可改大小,導出png格式下載,PPT制作,原型制作,海報制作必選工具!
5、扁平化設計(扁平化、簡單偽扁平化和偽扁平化)
IOS和Android設計規范引領了設計趨勢,現在互聯網產品、海報和PPT設計均從擬物化向扁平化發展,而什么是扁平化呢?扁平化可以簡單的分為三種:真的扁平化,簡單偽扁平化和偽扁平化。真的扁平化沒有陰影明暗變化,簡單偽扁平化有陰影但是沒有高光和細節,扁平化有陰影,有高光和細節,如下圖所示,附設計方法,建議大家模仿制作一次,模仿是學習設計的最好方法。
二、工具推薦
創客貼(在線制圖最強神器,沒有之一)
花瓣網(瀑布流圖片搜索神器)
Piktochart(信息圖制作)
Color Scheme(在線配色工具)
trianglify-generator(在線紋理背景生成)
Optimizilla(在線圖片壓縮)
pexels(高清免費圖片背景)
三、學習方法
學過素描的朋友都知道,最初都是臨摹,從簡單的石膏幾何體臨摹開始,到幾何體寫生,再到景物臨摹,景物寫生,石膏像臨摹,石膏像寫生。而對于非專業設計,我們最好的方式也是臨摹+創作,很多朋友上來就憑借自己感覺制作,然后感覺很丑,于是給自己心理暗示“自己沒有設計天賦”,最終放棄。
1、PPT設計方法
首先梳理PPT的邏輯和金字塔結構,根據內容選擇適當模板,千萬別為了套用模板而修改PPT的內容,為了使用模板而調整內容,新人很容易犯這個錯誤。當時間充裕時,可以使用PPT的圖形工具,模仿模板內容,進行臨摹設計。內容排版上分別從親疏、對齊、對比、重復四個維度進行設計。
2、原型設計方法
如何快速熟悉一個產品的業務邏輯?筆者認為最好的方式就是使用xmind將其功能模塊進行拆解,再使用axure根據思維導圖模仿現有平臺主要頁面和交互流程,可以將軟件原圖作為底圖,在其上面臨摹各類元素。
海報設計方法。使用創客貼,搜索滿意的模板,修改文字內容,二維碼,頁眉和頁腳等信息。
#專欄作家#
田宇洲(微信公眾號:言之有術),人人都是產品經理專欄作家,北京大學軟件工程管理碩士,北京電信4年產品經理,負責B2B電商平臺的前后端產品設計,擅長游戲化產品設計,挖掘用戶畫像。
本文原創發布于人人都是產品經理。未經許可,禁止轉載。
題圖來自 Pexels,基于 CC0 協議
66666666
10G PPT模板百度資源下載鏈接: https://pan.baidu.com/s/1kVvaq83 密碼: 3qvy
6666