視覺設計─用圖像說話

2010/01/06 資訊社會學

   

• Information Visualization 視覺化資訊 
• Information Visualization reliable information 很重要 
• Persuade skills 
• 五感
• 文字造型 Font family:文字造型變化

• 視覺設計元素

          ◎ 文字

          ◎ 圖像

          ◎符號(箭頭…)

• 視覺傳達：純然的藝術v. s 設計
• 設計是在提供一個服務，要針對使用者需求作思考設計，想想目的是什麼？才能設計出好的作品。

• 視覺設計在做什麼？老師說word is graphics，是用圖像來說明事情，解釋一個過程(explanation graphics)，例如：教科書、圖像解釋，醫學教科書手術圖，你能想像如果醫生學習手術的過程都是用文字來描述，在肚臍下二公分處劃下一刀，……在手術房中會發生什麼樣的情景呢？如果沒有了文用，如何用圖像來說故事呢?

• The power of information visualization 資訊視覺化的力量

         以生活為例，設計名片即是一種資訊視覺化，內容要放什麼？(我希望對方知道我的名      

         字、電話，還是稱謂呢？)那一項要最大最清楚，要有英文版嗎？排版(Hierachical)該如何

         呢?(我希望對方得知資訊的順序)

• 縫合理論常應用在視覺設計中，例如漫畫和動畫的差別在於，漫畫必需透過讀者本身去將前後兩者圖之間作想像而連結，動畫則是幫觀眾縫合完成。所以有的人對於看漫畫這些事，會感到困擾，這是由於縫合的技術還不夠成熟，這是可以多練習的。

• Apple 圖解辭典
•  
•   
• 代表人物: 
• Nigel Holmes  
• (其網頁很有趣，亦有許多視覺設計之作品，包含平面和影片。)

圖片來源

Richard saul wurman

    圖片來源

•  視覺設計短片範例：

Shoes-infographics

台科大設計所學生設計動畫《愛子》（Love_Child）獲得有「動畫奧斯卡」之稱的SIGGRAPH評審獎提名。詳細新聞

airport

(本堂課由台灣科技大學商業設計學系L教授演講)

社會網絡分析─公司裁員的好幫手

2009.12.23 資訊社會學

為什麼說它是公司裁員的好幫手呢？因為根據社會網絡分析後，可以知道一個個體在一個團體中的重要性，與他人之關係愈低者，即愈容易被作為第一個淘汱的對象。當然，這並非只用在公司裁員，可以應用在許多社群分析。而我們可以將分析結果利用視覺化軟體(如:touch graph)呈現成圖，則圖比文字更能說明其間的關係，以下兩張圖即是將社會網絡關係視覺化。

視覺化網絡分析圖例一來源
視覺化網絡分析圖例二來源

●How does it work?
Ex:facebook-friend connect work
把人的關係視覺化，可以知道人與人之間的潛在關係。

●肺結核的社會網絡分析
● Cluster analysis

●Company: team. 公司利用社會網絡(relationship)分析來淘汰員工, 最無關的人先fired.

●Relationship
◎Content : formal focus
Intimate focus
Leisure focus
◎Direction: directed 有方向性
Indirected 無方向性，在同一空間
◎Strength: 關係愈深，強度愈強。

●把社會網路畫成圖示，可畫成有方向性的。
用顏色代表不同型態關係，co-working, monitor, meeting
用粗細代表關係強度，用圓圈大小代表強度。
視分析目的決定圖示要有向的或無向的。

●Cliques (topological property):兩兩之間有關係，即是cliques

●Structure equivalence:將相似結構(上層、下層、無向)合併成一張組織階層圖

●Density(密度): 連結數/最大連結數。密度愈大，團隊強度愈強。

●Centrality for measuring prominence 集中性：連結/數量

●Betweeness 橋樑-某個節點是不可或缺的: 找出團隊中兩人的關係最短路徑(非得經過你，撇開老闆不算)，
被經過次數最多者為最重要之人。

●Closeness:假設要傳播一件事，如何最快？你和公司所有人的最短路徑，總和/總人數。

●Particion 分群，是將betweenner拿掉。

●SNP typical process

(本堂是由師大的C教授演講)