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