2010年10月21日 星期四
2010年1月14日 星期四
2010年1月7日 星期四
2009年11月28日 星期六
2009年11月15日 星期日
2009年8月10日 星期一
2009年7月27日 星期一
2009年6月4日 星期四
Data Visualization資料視覺化
在我們平常的資料中,總會有數據相關的資料,有經驗的人就會想到"「文不如圖,圖不如表」能將數據轉成長條圖,圓餅圖等等的,已經達到了數據視覺化的效果。
先來維基一下
數據視覺化,最主要能提供比文字更強的資訊,簡單的來說, 30 和 90 誰大?一看就知道 90 比30大,兩個單純的數字比較,對於閱讀上是沒有問題的,但是,假如變成圖
除了文字的比較外,更多了視覺上長條圖的比例,在看兩真的比較,更強化「90 比 30 大很多」的概念。這個就是數據視覺化的好處,在 Google 中打入關鍵字「圖表」你馬上第一眼就看到相關呈現的方式。
可見圖片的威力,確實可以省略一堆不必要的描述,但也強化閱讀者的概念。
最近對於 Data Visualization 收集了不少的內容,想與大家分享一下,現在,對於如何製作,其實問題都不大,最大的問題是在於「如何表達」我們來看以下內容
- 30 Artistic and Creative Résumés
所謂創意自傳,其實概念是"Data Visualization",利用圖像化來將以往條列式的自傳內容變得容易閱讀。 - 50 Great Examples of Data Visualization
現在很多的社群網站,都會開發出在自己服務中的人脈地圖,像是 Flickr , Twitter, Plurk 等,使用這個概念來看 Internet ,就非常有趣。
- Auto Industry Statistics - Nate Silver on Car Culture – Esquire
這個圖特別的地方,是 點 → 線 → 面,讓圖表變得更吸引使用者。 - Modernize Corporate Training: The Enterprise Learning Framework
這種算是最難的一種圖像化,就技術而言沒有難度,但是就內容而言,要怎麼把這相關的內容作排列,那是一定要對於整體學習藍圖非常瞭解的人才能夠完成。 - Who is coming to America?
這張,讓全世界的數據集合後,搭配主題”Who is coming to America?” 結合成美國國旗的樣子。 - 70 прекрасных примеров инфографики
.
.
.
.
這個很 High 哦……除了 70 個讓人high之外,看不懂的俄文,更是讓人high
這個站很讚…裡面很多的作法在雜誌中看得到,請務必收藏。
2009年4月30日 星期四
2009年4月29日 星期三
2009年4月8日 星期三
簡報製作-Web 2.0視覺佐證篇
…很怪的標題,什麼「視覺佐證篇」
最近,剛好為了許多的訓練及演講來製作投影片,當我們在使用簡報來演講或上課時,都會說「文不如圖,圖不如表」,簡報的用處,就是多利用圖來取代文字。而基本的多邊形、線條等等,為一般常用的製圖元素。不過,有時看到很多優質的簡報會帶許多強烈視覺效果的圖片,它代表的意含就更超出文字的境界,而產生不同層次的差別。聽起來很玄,不過,就是這麼玄。
有使用過PowerPoint2007的,就知道微軟出了個”Smart Art”,這個功能的好處可以很快速的就將以前的重點,改換成包含概念性的圖像。
例如：
只要能先照內文的方式填入文字方塊,再選擇自己想要的圖,就可以輕輕鬆鬆的將左邊的圖變成右邊的。但是,當2007越來越多人使用的時候,特別,也變得不別了。這時,就要多多運用網路上可以運用的服務,來作出特別的效果。
信不信…以下這個圖,十秒就可以作出
That’s Go.
Google Trends 是將使用者所輸入關鍵字,再與 Google 自己的資料庫中的資料比對,可以產生關鍵字之間的搜尋比走趨圖(例,我在 Search Trends 中 輸入 elearning, web 2.0 ←我要同時比較兩個關鍵字時,可以用逗號隔開)
這時,得出的走勢圖就很有趣,不過先在這裡提一下,使用這類似工具時,需要自己”看圖說故事”,因為這些服務,只會把你的內容秀出,並不會提供什麼建議。
我的解讀：從2004年到現在 Web 2.0 的應用已超越 elearning
Google Insights of Search 算是 Google Trends 的進化版,可以利用右方的 Filter ,設定一些過濾項目之後,會得到有趣的數據
我的解讀：台灣民眾在2009年上網尋找最興趣的主題是”消費卷”
將搜尋出來的結果,以分佈圖來看(註：要裝 Java )
在中間輸入關鍵字,就有效果(例,elearning)
一進去,就黑黑的一片,在 Search Terms 輸入關鍵字後,效果就出來了(註：要裝 Java )
還可移動及旋轉
接下來,這個圖的概念,就是從 Web 2.0 來的不過,這個服務的設計也有夠簡單(註：要裝 Java )
按下 Create 後,可以輸入自己的字串,Blog 或是從 delicious 來亂數產生
我在 delicious 中輸入 mars
不滿意,再按一下 Randomize
ok..快偷學,下次上台讓別人驚豔一下
2009年2月15日 星期日
Vision Y Mision
這個內容…說實在,我看不懂,但會與大家分享的原因是這份簡報的作者,使用了很多線條造型的圖片作為簡報的內容
從(各位可以邊看文字內容,邊看下方的投影片)
第01頁看起來就知道,以光線放射型的線條將使用者視線集中
第02頁就使用了道路延伸視覺的方法
第03頁用了錯視的視覺效果,
第04頁是手扶梯,運用了一點透視加上水平的階梯
第09頁用了一個人在透明玻璃後的效果,強化只有線條及文字的單調
第13頁使用虛擬的數位隧道
第14頁用的是電路版
第15頁將網路上人際關係用了三角型相連
第24頁使用樓梯
整體的設計,看起來是講有關網路或電腦科技的吧,內容看不懂,但看得懂設計
2009年2月14日 星期六
2009年2月12日 星期四
2009年2月7日 星期六
How to make effective presentation
"How to" : Visual Effects in PowerPoint 2003
2008年1月29日 星期二
PowerBacks
