想做好設計，5個設計大師不說的秘密法則

作者：


掌握記憶點、 資訊層次、視覺動線、顏色運用與互動性 



大家常常問我們：「什麼是好的資訊圖表設計？」
除了好的資訊整理之外，在設計上滿足這5個法則是我們對自己作品的標準，若你看過許多好的資訊圖表，你會發現，它們大部分都滿足這些法則。
時報出版-人人都能上手的資訊圖表設計術：台灣第一家INFOGRAPHIC設計公司，經典案例、操作心法、製作祕笈全公開！

1.難忘的記憶點—你希望讀者看完以後帶走什麼資訊內容？

最怕讀者看完資訊圖表以後什麼也沒留下
記得將設計重點放在你想傳達的資訊重點，是澄清事實、提出問題、統整比較，還是鼓勵採取行動？
一味地將所有資訊圖像化只會失去焦點。 超過3個重點就等於沒有重點，參考下圖範例，如果想要強調台北市長的市「讚」率，可以將資料分成2類：「台北市長的市讚率」和「其他五都市長的市讚率」來觀察百分比，如此一來就可以發現 台北市長的數據比其他五都市長全部加起來還要多！
同時因為圓餅圖中的組成類別減少為兩類，調整為甜甜圈圖（中空的圓餅圖）更能一目了然，還可以將想要強調的資訊圖像化置放於圖表中。
時報出版-人人都能上手的資訊圖表設計術：台灣第一家INFOGRAPHIC設計公司，經典案例、操作心法、製作祕笈全公開！
台北市長臉書市「讚」率圖

小提醒

不過建議還是要將完整的資料來源附上，讓有興趣的讀者可以自行判斷和探索，也增加資訊圖表的可信度喔！ 

2.資訊的層次分明—不怕資訊多，只怕資訊沒層次 

1秒鐘、1分鐘、10分鐘⋯⋯ 
你的設計能夠讓目光停留不同時間長度的人
讀到不一樣的資訊深度嗎？ 
通常資訊看起來又臭又長是因為缺乏「層次」，要讓資訊呈現層次分明，首先要搞清楚這些資訊的「結構」和「重要次序」： 
資訊的結構：一個適當的標題，再透過視覺化的方式呈現資訊結構，能讓人在第一眼抓到這些資訊之間的關係，接著看資訊內容時就比較不容易迷失在資訊裡。 
資訊的重要次序：將你想要傳遞的訊息按照重要順序分層，再透過視覺呈現設計來突顯重點，例如字級使用大至小，使層次清楚呈現（最大為標題、最小至附註）、善用顏色區分重點（詳細說明請參考原則5：顏色運用有邏輯）、依照資訊的重要性安排其所佔的版面大小。 
圖說：參考後頁圖範例，若只是將資訊分成不同區塊呈現，乍看之下只有幾個不知所云的標題關鍵字，但若像右側的示範，將事件發生的脈絡透過簡單的視覺化呈現，則在第一眼就能大致抓到三中全會到底發生了什麼需要關注的改變和順序。
除了將資訊架構具體視覺化呈現之外，我們也將資訊分層，讓趕時間的人第一眼能夠透過資訊圖表中的次標題和圖像了解三中全會造成的影響，接著可以就自己有興趣的部分細看文字，清楚的架構讓讀者隨時挑自己想看的段落閱讀也不至於迷失在文字海裡。 
時報出版-人人都能上手的資訊圖表設計術：台灣第一家INFOGRAPHIC設計公司，經典案例、操作心法、製作祕笈全公開！
改革？改革！解析習近平圖 文字版

時報出版-人人都能上手的資訊圖表設計術：台灣第一家INFOGRAPHIC設計公司，經典案例、操作心法、製作祕笈全公開！
改革？改革！解析習近平圖 資訊結構視覺化版


小提醒 

沒有資訊圖表製作經驗的人很喜歡「簡化」資訊，這樣一來儘管呈現資訊的難度降低不少、設計也有更大的發揮空間，如果忽略資訊呈現的完整性，很容易造成讀者的偏見和誤判，所以在簡化資訊時要非常小心。
好的資訊圖表設計不能一味簡化資訊，而應該盡力運用視覺化、善用資訊分層、結合故事 或配合資訊本身的特性，讓原先不易吸引或被理解的條件轉換成其吸睛的特色，並降低溝通對象理解的門檻。更何況，很多時候，資訊的美正好在其複雜性或其他難以呈現的特性，不是嗎？ 

3.清楚的視覺動線—掌握注意力及眼球運動的軌跡 

讓人無所適從的不是資訊內容本身，而是混亂的視覺動線設計。
只要觀眾在接受資訊時感到混亂、困惑，就會阻礙他們理解資訊，在這種情況下，你的資訊圖表在第一眼就很有可能被觀眾的大腦打槍。 
影響視覺動線的重要因素：閱讀慣性 
人們平常的閱讀習慣是最難改變的一件事情，其建立在閱讀行為的便利及效率之上。閱讀慣性雖然會因為文化而有所不同，但大致上遵循著從上而下、自左而右（文案採橫式書寫時）、自右而左 （文案採直式書寫時）的方向。
如果想要打破一般的閱讀方向慣性，就要很清楚這樣做的動機，可能和傳遞的資訊本身內容有關，如樹的蒸散作用過程（從樹根在地底吸收水分一路往上到頂端的樹葉被蒸散出去）、也可能是為 了透過打破規則創造更大的視覺張力。 
想要打破規則的視覺動線需要更清楚的視覺動線引導與暗示，這時候就需要知道一些「眼睛的語言」。
除了常見的視覺引導符號（如箭頭、輔助線）和前面提到的資訊層次規劃（圖像和字體大小層級的安排），善用下頁四種「眼睛的語言」，你也可以做出視覺動線清楚的資訊圖表！
時報出版-人人都能上手的資訊圖表設計術：台灣第一家INFOGRAPHIC設計公司，經典案例、操作心法、製作祕笈全公開！

★有興趣的朋友可以在認知心理學的領域中找到更多跟眼睛溝通 的「潛規則」喔！

 4.顏色運用有邏輯—加法比減法容易

資訊圖表連顏色使用也需要經過思考規劃！ 
初學者製作資訊圖表很容易迷失在顏色的遊樂園中，每個迷人的顏色都想嘗試，最後卻花花綠綠的讓觀眾眼花撩亂，模糊了最先想要傳達的訊息。
建議初學者從兩到3種顏色開始練習，再慢慢增加。 在思考顏色運用的規劃時，可以想想這幾個問題： 
． 整張資訊圖表想要給人的感受是什麼？ 
「是歡樂、和諧、悲傷、強烈、理性或是感性⋯⋯？」 依照自己想要傳達的感受選擇適合的主色系，再依照資訊內容選擇輔助的顏色，如果想要傳達的感覺相對中性，或是沒有特別想要傳達的感覺，可以依照資訊內容本身的特性選擇對應的顏色，接著看下個問題！
色盲人口比你想的還要多
紅綠色盲（色覺辨認障礙）人口占全球男性人口約 8%，女性人口約 0.5%，他們能看到多種顏色，但是會搞混某些顏色，尤其是紅色與綠色。另外全球約 6%人口為三色視覺（色弱）， 約 2% 人口為二色視覺（色盲）。因此顏色的選用對於色盲的閱讀影響是非常值得好好思考的議題。 好用的工具讓你在設計時測試色盲眼裡的顏色：https://goo.gl/aOeg01 
想要傳遞的資訊本身有沒有特別適合的顏色，能否與生活經驗做連結？
「想到辣椒，你會想到什麼顏色？」
 如果想要重製史高維爾辣度表，你會怎麼做呢？ （請參考下圖Re-lab的重製） 顏色的聯想往往和生活經驗的連結和共鳴有很大的關係，如提到水，很多人會想到藍色，提到愛情，大部分的人會想到紅色或粉紅色系，如果你想要加強讀者對於資訊圖表中提到的關鍵事物的連結和印象，用符合該事物形象的顏色會是很好的選擇；相反的，如果該事物在資訊圖表中只是配角，其實它本身的顏色更適合跟著整張圖表的色調搭配。
時報出版-人人都能上手的資訊圖表設計術：台灣第一家INFOGRAPHIC設計公司，經典案例、操作心法、製作祕笈全公開！
史高維爾辣度表

 ． 顏色的語言 
「『禁止』和『通過』，你會分別用什麼顏色表示？」
除了具體事物之外，還有一些抽象的感觀或體驗， 像是「禁止」和「通過」，相信很多人都會聯想到「紅綠燈」，因此回答「紅色」和「綠色」。使用能夠引起溝通對象共鳴的顏色，通常能夠大幅降低誤解和困惑發生的機率，若應用得當，還能夠提高資訊吸收和記憶的效果！
如果是你，會怎麼配色呢？
來看看我們與台北市政府社會局合作的線上懶人包，想想看，我們為什麼選用綠色和黃色作為「從單次禮金到永續社福」的主色調呢？
本主題想傳達的關鍵訊息是「永續是政策推動的重要考量，也需要大家一起來思考」，所以選用綠色做為整個懶人包的主色，而黃色作為次要色用於和禮金相關的資訊說明上。
另外，因為想要呈現幸福輕鬆的感覺，所以其他的圖像和圖表還是少量運用了暖色系的色彩點綴，使得作品更活潑親切。
其實仔細觀察做得好的資訊圖表作品就會發現，其中的顏色規劃 運用都是大有學問的喔！
時報出版-人人都能上手的資訊圖表設計術：台灣第一家INFOGRAPHIC設計公司，經典案例、操作心法、製作祕笈全公開！

5有共鳴的互動性—創造不一樣的溝通體驗 

建立連結與參與感
除了多從讀者的角度出發思考之外，還有一些具體的面向可以著手：
． 文案設計：最容易創造互動性的方法，可以對讀者說話、用問句作開頭引發思考等等。 ． 引導設定：清楚的引導讓讀者知道當下該做什麼、該思考什麼，或是讓讀者知道事後該怎麼做、該改變什麼。
． 資訊提供：提供更多資訊、資源，在溝通對象的興趣和共鳴被勾起之後，可以去哪裡做更進一步的學習和了解呢？
良好的互動性案例可參考與台灣專業社群分析團隊QSearch數位合作的Facebook社群媒體季報。
時報出版-人人都能上手的資訊圖表設計術：台灣第一家INFOGRAPHIC設計公司，經典案例、操作心法、製作祕笈全公開！

 〈摘文選自〉

時報出版-人人都能上手的資訊圖表設計術：台灣第一家INFOGRAPHIC設計公司，經典案例、操作心法、製作祕笈全公開！
《人人都能上手的資訊圖表設計術：台灣第一家INFOGRAPHIC設計公司，經典案例、操作心法、製作祕笈全公開！》 
#購書快易門

 #悅讀電子書

分類標籤:

最多瀏覽

胃氣很重要，一起來喝粥養生吧

作者：
你的身體健康嗎？胃氣衰弱是退化和疾病的原因，所以想辦法讓胃氣能夠強化、活潑，是身體保健的第一門關。 1.手腳心經常保持溫熱。不冰冷，也不高溫燥熱。臉部的溫度低於四肢。 2.每日早起後、早餐前能大便一次，整條結實成形，沉水不化，顏色為深褐色或咖啡色。寬度約有自己的二指寬以上，長度最少有身高的1/10以上。如果早起後沒有便意，可以先喝一大杯太極米漿粥。 3.小便的顏色亮黃透明，每日平均約有八至十次。剛排出時無氣味，尿液入水後少有起泡或是不起泡。 4.口中經常能保持有唾液微濕的感覺。舌頭本體為粉紅色，舌面潤澤，無齒痕，最好無苔，只有一層透明光亮的薄液。 5.一起床就精神好，心情穩定。就寢後約10分鐘以內就能沉睡，睡眠過程安穩，作夢醒後沒有印象，不夜尿，約6小時就能睡飽。 6.出汗時，全身均勻微量出汗。全身皮膚沒有特別乾燥、粗糙、乾裂的部位。 7.指甲光面無痕，質堅有韌性，紅潤透明，十指的根部都有白色半月痕。半月痕的大小代表由脾胃通往該經絡的水精充足程度。 8.胃氣三力常在：容得下、化得消、睡得沉。 太極米漿粥的做法是一杯白米兌20杯水，將米粒煮到完全化開即完成。 以《內經》的生理觀點看胃氣 我們的身體原本就有一套自己求取平衡的機制。但是，如果確實感覺到不適，就表示單純依靠原有的機制已經不能恢復，必須用更有效的辦法來對應：虛則補之，實則瀉之。至於「放著等他自己好起來」的想法就可以省省了。就像廣告裡頭說的：「有病千萬不能拖」，如果我們不主動做些什麼，健康是不進則退的。 身體每天藉由消耗養分以及能量，供應我們一日之所需。就像我們花錢消費一般，就算日子過得儉樸，仍有食衣住行等基本開銷。如果帳面上入不敷出，除了節流，當然就需要開源；所謂的開源，在中醫之中，就是「補」。 《內經》提到：「脾者，土也。治中央，常以四時長四臟。」《傷寒雜病論》的序文裡則有所謂「夫天布五行，以運萬類；人稟五常，以有五臟。」身體的各種內臟可以概分為五個系統＊，並各推舉一個內臟為總帥。本於五行生剋，各有自己的特質，彼此之間緊密合作。其中，脾系統的特質就像是土：可能堅若磐石，又或細如散沙，但是在涵養高度的養分時，則質地黏稠而色褐黑。土能夠承接雨水，甚至天打雷劈，一方面還可以生長萬物。廢棄物經過土的掩埋更可以變成無害，甚至化消成養分。大量的土能夠隆起成為高
繼續閱讀

為什麼要讀書？引導孩子找到讀書的理由

作者：
「在乎成績」一定是「不快樂的童年」嗎？「不在乎成績」一定能保證「快樂的童年」嗎？「不喜歡讀書」就不代表「不需要努力」嗎？「成績優不一定會成功」，所以「毋須努力學習與準備考試」？ 當家長和孩子提到為什麼要讀書？總會掀起一番家庭風波，該如何引導孩子找到讀書的理由，一起聽廣受父母們喜愛的親子作家、《誰說分數不重要？》一書的作者彭菊仙怎麼說？ 為什麼要讀書？在孩子有限的人生經驗裡，這個問題非常抽象而遙遠，你跟孩子說「是為了讓人生充實有意義」，或者非常務實的讓孩子提前認知到「社會取用人才的殘酷面」、「擁有學習力對往後進入社會有絕對的優勢」，孩子可能根本沒興趣聽，甚至也聽不太懂。 於是，為了達到立竿見影的效果，父母只好採取非常手段—紅蘿蔔與棒子，也就是獎賞與處罰。孩子會為了得到獎賞而讀書，也會因為害怕受罰而不得不用功，但是當孩子因而願意用功、也得到好成績之後， 父母千萬要持續引導孩子去思考「為什麼要讀書」、「為什麼讀書對未來的人生很重要」這些最核心的問題，因為唯有釐清目標，孩子才可能持續不斷的努力。 畢竟，隨著孩子逐漸長大而有自己的想法與目標，總有一天，再多的獎賞或再嚴厲的處罰都將不再奏效！ 讓孩子自己想通，是場長期抗戰 我有位親戚的兒子，在國中時只對一件事情有興趣，那就是打籃球。每天一下課就迫不及待衝到操場，打到天色昏暗還捨不得回家。 在平常詢問孩子課業的對話中，這位爸爸當然清楚兒子根本連書都懶得碰，他看在眼裡也非常憂心。但是他非常清楚，說得再多、罵得再兇都沒有用，因為眼前的兒子只聽得進與「籃球」有關的事情。 他說：「我非常清楚，罵他、逼他，只會讓他覺得讀書就是件很痛苦的事，一點效果都沒有，只會把青春期的孩子愈罵愈遠，所以我不斷提醒自己一定要忍住，但我總是會找機會和他分析『讀書與不讀書』的現實差別，其他講再多真的一點用都沒有，我只能默默等他自己想通。」 當然，這個孩子考高中時考得糟透了，放眼望向身邊的同學，他便不免自慚形穢起來，爸爸過去理性的分析此時自動地跳了出來。想著別人或許都擁有燦爛的未來，他開始為自己擔心起來。 於是，進了高中之後，不待任何人催逼，這孩子完全大轉性，每天一下課就鑽到圖書館裡讀到筋疲力竭才回家，最後，他考上一所還不錯的私大；而進入大學之後，他又發現大家都來自排名不錯的高中，這更促使他自我鞭策不能停止努力，
繼續閱讀

一樓分到的比樓上還少？你不得不知的都更真相

作者：
合約密密麻麻，行政程序一關又一關。你，真的知道怎麼保障自己的權益嗎？ 台北市南港區有一個都更案，其中有一棟兩層樓高的公寓。譚小姐的房子位於一樓，並與建商談好了合作都更的條件：她(地主)所提供土地的法定容積及都更獎勵容積，均是地主分得57.5%、建商分得42.5%，合約並記載房屋面積價值之換算，是依建方第一次對外公開銷售時表列標準層之價格為計算標準。 除此之外，本案為爭取稅捐減免優惠，將以權利變換方式實施，不過合約明確約定：「若權利變換應分配條件或價值與本合約應分配條件或價值不同時，以本合建契約分配結果為實際分配結果，雙方不得異議。」 房子快要蓋好時，譚小姐收到建商寄來的「選配房屋找補金額計算表」。依合約計算可分配的房屋面積沒有多大問題，換算的標準層每坪單價58萬元，即是建商所稱第一次對外公開銷售時表列標準層的價格，譚小姐因選配更新後一樓和二樓，其中一樓的單價為105萬元、二樓則為52萬元，但如此的選屋結果是譚小姐要找補很多錢。換言之，譚小姐原本的可分配坪數如果要換更新後的一樓，必須多花費快一倍的籌碼，而她原本就住在一樓，卻要用將近一倍的代價來換(已扣除營建成本)。 不懂蓋房實務，法條內容像天書，都更合建規劃讓人心慌慌！ 合約未注意一樓樓層效用價值 樓上同樣是選兩間房子，但因為譚小姐選一樓，要找補的錢便比樓上多很多。看完「選配房屋找補金額計算表」，譚小姐氣得快要昏倒，馬上聯絡建商。建商表示完全依雙方合約約定辦理，無任何問題。譚小姐打電話到都更處陳情，並且申請閱覽及影印權利變換計畫(當時行政實務尚未於核定通知送達時一併提供計畫書光碟)，一看計畫書才知道她更新前的權利價值比例比樓上層高了不少，因此如果依照她更新後的應分配權利價值，同樣選配一樓和二樓，實際要找補的錢並不多。然而在談合約的分配條件時，她沒有將一樓的樓層效用價值考慮進去，因此如果是用樓上標準層的單價換算可分配坪數的價值，再拿去選配高價的一樓，當然吃虧。 但是合約的白紙黑字就是如此約定，而且又因為合約明文約定雙方分配以合約為準，還沒有「擇優」的空間，因此譚小姐就算尋求司法救濟恐怕也沒有辦法勝訴；房子已經蓋好，向主管機關陳情大概也沒有用。不過或許是當時的景氣狀況還不錯，建商合建獲利不差，且自知理虧，因此還是選擇與譚小姐和解，雙方另行協商了一個差額找補的金額。 特
繼續閱讀