• 相關文章
  • 文字效果
  • 調色教學
  • 合成教學
  • 去背教學
  • 照片後製
  • 電腦繪圖
  • 設計教學
  • 動畫教學
  • 簽名製作
  • 其他教學
  • Illustrator
  • CorelDraw教學
  • 攝影教學
  • 3DMAX教學
  • AUTOCAD教學
  • MAYA教學
  • FireWorks教學
  • flash教學
  • 繪畫教學
  • PS作品欣賞
  • 包裝設計範例
  • LOGO設計範例
  • 封面設計範例
  • 名片設計範例
  • CG繪圖設計
  • 海報設計
  • 網頁設計範例
  • PS筆刷下載
  • PS濾鏡下載
  • PS動作下載
  • PS背景下載
  • PS樣式下載




  • 【 設計理論】7個步驟教你製作出時尚大氣的信息圖




    7個步驟教你製作出時尚大氣的信息圖

    這一次的教學是屬於設計理論領域中的設計理論的相關教學。

    文章出處是來自站酷的設計理論類文章,寫教學的作者是Mark_Grove,感謝Mark_Grove提供設計理論的實作教學。

    教學大綱:

    在人類存在的200,000年時間裡,大多數時間(97%以上)我們都依靠閱讀各種圖像來感知環境、獲取信息。而文字直到5500年前才出現,因此,從自然適應和生物進化的角度來說,我們的大腦對圖像更敏感。


    設計理論教學開始

    隨着社交媒體的興起,全民進入讀圖時代。有三種圖,在社交媒體中最受歡迎:1.搞笑內涵Gif圖,不用太多文字,一句”你懂的”就有四兩撥千斤的效果。2.”亮點總在最後”長圖,巧妙的伏筆和意外結局讓看過的人無法抗拒、紛紛瘋狂轉發。3.有營養的信息圖,簡單圖片和數字圖表組合傳達豐富信息,大腦最享受的輕量化閱讀體驗。想要做出好的Gif圖和長圖,要靠機遇和天分,一鳴驚人的創意往往可遇不可求,但是要做出一張被廣泛分享傳播、吸引公眾眼球的信息圖,卻有跡可循。

    下面這篇文章教你如何製作一張有價值的信息圖。

    信息圖的重要性何在?

    在人類存在的200,000年時間裡,大多數時間(97%以上)我們都依靠閱讀各種圖像來感知環境、獲取信息。而文字直到5500年前才出現,因此,從自然適應和生物進化的角度來說,我們的大腦對圖像更敏感。從傳播學的角度,這意味着以圖片為載體的視覺敘事更加引人注意,更容易獲得人們的好感。隨着社交媒體的爆發,人們每天接觸的信息量正在成倍增長,營銷者要吸引到目標客戶的注意力,比以前要困難得多。信息圖通過圖片,將文字信息和數據信息重新包裝,襯上一些點綴圖案,形成像畫卷一般賞心悅目的內容,給讀者提供一種最享受的輕量化閱讀體驗。這樣既取悅了客戶,也達到了傳播企業品牌,對於社會化營銷者來說,是非常好的工具。

    7個步驟教你製作出時尚大氣的信息圖

    7個步驟教你製作出時尚大氣的信息圖

    有趣的信息圖很容易引起人們的注意,增加粉絲數量,在社交媒體中是一種非常靈活、流行的傳播工具。有時候,信息圖也可以作為博客或者網站的鏈接誘餌,在SEO方面可以起到很大的作用。如果你想在社交媒體中獲得更多的關注、使你的品牌贏得更多消費者的好感,那麼你有必要學習一下如何做出一張有價值、有傳播力的信息圖,而不是簡單地將一些文字和圖片結合在一起。這裡有幾張做得比較好的信息圖,值得一看:Pritikin,Coupon Chief 和 漫威公司。

    下面是製作信息圖的七個步驟

    1:明確主題,設計線索故事

    對於社會化營銷人來說,製作信息圖不是意味着隨隨便便把一些圖片、數字和表格複製粘貼在一塊。你必須要意識到自己正在使用一種強有力的工具來接觸你的目標客戶,因此在製圖前一定要明確你的目標受眾,設立好與之相關的主題。

    信息圖的用處很多,往往需要強調的重點、該專註的目標很容易被忽略。你的信息圖要傳達什麼核心觀點?你是否想把信息圖做成一個搜索引擎檢索的信息源?信息圖的目的是為了給企業網站增加訪問量?還是增加郵件訂閱數量?還是為了給企業的社交媒體增加粉絲數量、提高博客知名度?這些效果看起來都很誘人,很多人想一張圖就達到所有目的,但是這是不可能的,每一種目標的側重點都不一樣。你必須摒棄那些無關的內容,只選取那些對你的最重要目標實現有幫助的內容。

    明確目標后,針對目標設計一個故事線索,讓讀圖者容易看明白信息圖的邏輯。很多人製作信息圖時容易犯近視病,認為信息圖最重要的只是數據和表格。但數據和表格只是作為整體的一部分,並不是信息圖的全部,連接數據表格的線索也同樣重要。

    故事線索設計好后,最好寫一個提綱,記錄下你關於圖片、故事、目標、數據表格的一些想法,幫助你進一步細化構思,具體製作信息圖時可以比對參考,方便對信息圖的結構進行二次修改。

    舉個例子,假如你要給一個醫療保健公司製作信息圖,目的是為了推廣醫療公司的康復服務,那你的故事可以圍繞人們一天裡面可能受到的意外傷害發生的頻次、以及傷害帶來的巨大影響而展開,提醒人們注意日常生活中常見的意外傷害,介紹一些意外傷害的緊急處理方法,推動人們在社交媒體上傳播這張信息圖。

    7個步驟教你製作出時尚大氣的信息圖

    2:收集數據,填充信息內容

    數據作為信息圖的基礎內容,要可靠可信才能準確表達表達出你的觀點,並且說服你的讀者。當你已經確定好目標和主題,而苦於沒有相關數據時,這裡有幾個網站可以幫助你。例如,谷歌的公共數據庫 Public Data、搜索趨勢排行Google Trends可以幫你了解公眾的興趣熱點。一些公共的人口普查數據(比如美國的Census.gov) 也可以提供了很多有用的基礎數據。如果你想到一些更加詳細、有價值的數據,IBM的 Many Eyes數據庫是不錯的選擇。在篩選具體的數據時,要專註於設定的目標,讓數據為目標服務,選取那些對你的傳播目標最有幫助的數據。有價值的數據可以吸引到更多讀者的關注,引起更廣泛的傳播。

    7個步驟教你製作出時尚大氣的信息圖

    3:基礎構圖,快速成型

    對於大多數人,紙筆依然是首選的素描和構圖工具,可以快速成型,方便修改。如果你更喜歡電子化工具,推薦使用在線繪圖工具Google Slides, Gliffy 或者 Creatly,Gliffy 和Creatly有免費版本,Creatly還集成有素材庫,裡面收集了很多優秀的信息圖,是不錯的選擇。信息圖的風格樣式不用追求華麗、花哨,最有效的信息圖一般是樸素簡單的老式風格,可以同時兼顧閱讀體驗和突出數據的功能。

    7個步驟教你製作出時尚大氣的信息圖

    製圖一定要突出最重要的信息——你想讓你的讀者一眼就能看清楚的信息,接着通過數據亮點引導讀者去了解更多信息,了解你要表達的整個故事內容。鮮明的元素組織層次可以讓讀者快速明白信息圖的邏輯,記住你要傳達的信息。

    在優化你的線框設計圖時,儘可能使圖片簡潔明了。美國知名數字營銷專家 Avinash Kaushik 曾說過”最好的信息圖應該是你花10秒去掌握精髓,然後花30分鐘來欣賞其中令人愉快的細節布局” (他的最暢銷營銷書籍 Web Analytics 2.0 和 Web Analytics: An Hour a Day 值得一看)只有簡潔明了的設計才能讓讀者一眼看懂你的故事。

    也不要忘記了信息圖底部的品牌LOGO和宣傳口號,某些情況下,底部的品牌LOGO和宣傳口號是唯一可以使你的讀者意識到你的品牌存在的元素,因此也要精心設計。你還可以附上企業微信二維碼,網站鏈接等。在簡單的素描和構圖完成後,再慢慢來改進你的具體細節和元素排版。

    4:尋找設計的靈感,美化信息圖

    如果你還沒有理想的設計方案,建議瀏覽去一些優秀的信息圖,觀察別人的設計方案,尋找靈感。Pinterest 上有很多充滿靈感、富有啟發性的圖片,專業的信息圖網站Daily Infographic 和Visual.ly提供也有很多優秀作品,可以免費瀏覽。

    7個步驟教你製作出時尚大氣的信息圖

    在Daily Infographic,你可以發現找到很多有用的信息圖。這些信息圖來自各種網站和新聞媒體,多是一些非常能引人注意的作品,通過觀察分析,你可以了解大眾對信息圖的喜好,從而將這些技巧運用到你的設計中。如果你看到一些分享量很大的圖片,建議保存下來、寫一些心得見解。

    Visual.ly是一個免費的信息圖圖書館,裡面收集了非常多信息圖,經常瀏覽可以激發靈感。Visual.ly還帶有信息圖編輯功能(付費),如果你有好的想法,可以使用裡面提供的一些創意文字、有趣部件來使你的創意更加出彩。

    在配色上,如果你需要幫助,Pictaculous可以提供非常好的建議。它是一個免費在線取色工具,通過分析上傳的圖片顏色,有針對性地形成一系列的配色方案,非常簡單有效。需要注意一點:盡量避免使用白色作為信息圖的背景。白色背景在網站上使用較多,如果信息圖同樣使用白色,就無法突出信息圖的內容了。

    當然,你也可以借鑒這些配色神器:《取色指南!7款靠譜工具幫你選取完美配色》

    7個步驟教你製作出時尚大氣的信息圖

    5:製作信息圖

    如果你具備專業的美工知識,通過熟練使用各種設計作圖軟件,製作信息圖當然是小菜一碟。如果你不具備這方面的專業知識,那可以使用一些簡單實用的信息圖製作工具,比如Venngage、Infogr.am、Piktochart,它們可以提供自定義的模板、相關圖片部件和小工具來幫助你完成信息圖。

    7個步驟教你製作出時尚大氣的信息圖

    在這些在線工具上編輯和製作信息圖都是免費的,有些會在下載信息圖終稿時收取一定費用(非常少)。Venngage and Infogr.am,每個月20美元的會員費,你就能使用所有功能,相當實惠。Piktochart提供有免費版本,Easy WebContent Presenter處於測試階段,也是完全免費的。如果有時候你覺得在線工具提供的功能不夠強大,你也可以藉助PowerPoint一類的工具來製作一些表格或者部件,然後再粘貼到草稿圖上。

    7個步驟教你製作出時尚大氣的信息圖

    為了適應平板電腦和手機的顯示,讓你的信息圖在智能手機和平板電腦、PC上的顯示效果都如畫卷一般完美。你可以使用 PlaceIt,它可以幫你重新調整信息圖的尺寸比例和元素的布局。

    7個步驟教你製作出時尚大氣的信息圖

    做到這裡,一般人都會覺得一切都很完美了!其實不然,讀者和搜索引擎都希望在保證信息圖質量的同時,信息圖的文件體積更小、載入更快,這樣可以減少等待過程的焦慮感,提供更好的閱讀體驗。雅虎的免費工具Smush.it就可以做到這一點,它可以最優化壓縮你的圖片文件大小,而絲毫不會影響圖片的質量和視覺效果。(神奇的工具)

    7個步驟教你製作出時尚大氣的信息圖

    6:使你的信息圖更社會化

    在做出一張完美的信息圖后,是不是就可以發布了呢?等等!

    你能確定你的圖片在網站或者社交媒體上看起來也是那麼完美嗎?一般來說,當你把信息圖分享到Facebook或者Twitter時,這些站點並不是總能夠完美顯示你的圖片。比如,Twitter的新聞摘要會把你的圖片調整到大約500像素寬,然後按照一定算法來選擇其中250個像素高度的部分來顯示。看看下面的陰影部分,相信你和你的讀者都不會喜歡這種顯示。

    7個步驟教你製作出時尚大氣的信息圖

    為了避免這個問題,建議你選擇信息圖的最吸引人部分,截圖並創建一個新的圖片(500像素X250像素),將這張精心挑選的預覽圖分享到Twitter,在推文中附上你的網站鏈接和一些基本解說 。在你的網站裡面顯示完整的圖片,這樣的做法不僅解決了分享的圖片解決隨機裁剪的問題,還能給你的網站增加更多的點擊率和閱讀量。不同的網站對圖片的處理有不同的要求,可以參照推特的解決方案。另外,你也可以專門為社交網絡上發布的信息圖重新調整比例,讓讀者獲得最完美的閱讀體驗。

    7:推廣你的信息圖

    為了最大程度推廣你的信息圖,增加分享量,可以考慮@一下你認為對你信息圖感興趣的社交媒體賬戶或者博客。對於一些社交媒體賬號或者博客來說,轉發這些免費內容意味着他們不用花很多時間去寫一篇關於類似話題的文章,就可以增加自己的人氣和知名度,一舉兩得。而你也達到了目的——讓儘可能多的人閱讀你的信息圖,關注你的品牌。

    在推廣你的信息圖時,從轉發你的信息圖的賬號角度出發,給它們一些對口的內容,使它們在做”是否轉發”的決策時儘可能簡單。好的信息圖推廣做得好,可得到很多知名賬號的關注和轉發。推文中關於信息圖的一些文字解說是非常重要的,盡量選取一些貼合內容的關鍵詞和標籤,讓搜索引擎更容易發現你的信息圖。

    7個步驟教你製作出時尚大氣的信息圖

    最後,為了使你的信息圖保持持久活躍,可以將它們發布到Visual.ly, Infographic love, Infographics Archive 、Pinterest這些專門收集信息圖的站點,優秀的作品總是能時不時被人們拿出來分享。

    編者說:

    互聯網時代,人們的信息源非常多,各種社交媒體和網站上充斥着家人朋友的狀態更新、新聞、營銷廣告,信息泛濫,沒有多少內容會受到特別關注。但是在絕大多數的文字內容的前提下,一張出彩的信息圖可以將文字”化腐朽為神奇”,讓你的品牌脫穎而出,受到公眾的關注。

    — —

    文章永久連結為: 7個步驟教你製作出時尚大氣的信息圖