2016/12/5 視覺化概念

本周重點在於將數據「視覺化」，解釋一張易讀性高的圖表該包含哪些元素，以及如何用正確的圖表表達資訊。


→建議閱讀：性別暴力解碼計畫駭客松　goo.gl/fWNXUK

• 整理好數據，作圖前可以先參考這張建議圖：

　　

▲這裡提供大家一個超簡單的視覺化軟體─piktochart

→視覺化工具連結：https://piktochart.com


它能夠做資訊圖表、簡報、一般圖表、印刷品(海報)，進入網站登入後有許多模板可以選擇，為一成不變的報告增添不同樣態。

1. 點進去先從右上角的 Sign Up 註冊帳號



進去後可以任選模板。

左邊第一個Dashboard會顯示目前已哪些做過的成品。



左邊的 Infographics 是資訊圖表，有非常多模板可以直接套用



Printable 是可以到影印店或印刷廠實際印出的海報及報表尺寸。




選一個自己喜歡的，點選進去後會要等套件Loading完成（也要看網速），會先顯示Starting Up



工具：裡面有Charts、Maps、Videos



選擇左邊的Text ，可以新增不同字型的文字



Background 可以改變背景，除了選擇下面免費素材外，還可以在上方修改背景顏色，如果有自己喜歡的色票號碼，可以直接在框框內輸入。




Uploads 可以上傳自己的照片或圖片（免費版最多40MB）



Graphics 有不同的 圖型、ICON、相框可以選擇





在完成設計編排後，可以按下右上角的Download 開始「輸出」！
有粉紅Level Up字樣表示要付費才有的功能。

若免費版只能下載成圖片檔，畫質可以選Original（800 x 1813 px）、Medium（1200 x 2679 px）兩種。



也因為免費版的關係，它會有Piktochart 的浮水印（watermark）在你的作品的最下方（詳見下方的輸出作品）




除了輸出圖檔外，還可以變成程式碼，鑲嵌在你的網站或網頁裡

首先要點下右上角的 SHARE



由於它在一開始編輯時，是呈現未發佈的狀態，若要將作品變成程式碼的話需要先發佈到網路上，將這個作品集的名字取好後（60字元），點選Public，讓它公開！



點選之後，它會跳出一個警告提醒你，一旦發佈成Public後，就無法更改連結網址



點選OK後就發佈成功囉！



下來在下方會看到一個 Embed Code，請點它



這邊就會出現程式碼（藍色框起來的地方）
有程式碼的好處就是：今天把這些作品集放到網站上面，解析度不會因為上傳而壓縮變模糊，而是完整無損呈現，這樣就OK了！

以上是這周教導的視覺化軟體PiktoChart。