2011年12月8日 星期四

【好站介紹】meaningful transitions


這個網站,是同事找到的,就在我們大家苦思一些轉場效果的時候,給了大家一盞明燈。

這個網站由德國的研究生整理了在 mobile device 上常用的一些轉場的效果,並且將其分為六大類(Orientation, Spatial extension, Awaking, Highlight, Feedback and Feedforward),雖然我覺得有些分類其實沒那麼精準,但是也一樣可以當做參考的依據。

有些在做 wire frame 的時候都可以參考,畫出來也比較可以讓其他人理解要如何切換畫面。
整理的內容之中,有詳細的說明每個範例內容,並且有簡短的動態 prototype,點進去看還會有說明每種效果的優缺點,我沒有每個都看,把目前想用的看過而已。


紀錄一下,當個過程。


2011年9月28日 星期三

學學文創-白雪公主走進桃花源 插畫原畫展



某天下午,走進了學學文創的建築裡。
在看完無趣的竹子展覽後,正要搭電梯下樓,我看著電梯內的樓層指引,一時興起的就點了三樓,門一打開,乾淨得過頭的大廳,放著插畫展覽的海報,Yvonne Gilbert & 丹尼納諾 Danny Nanos 首度來台。


咦,義大利的插畫家,竟然取材 陶淵明 的「桃花源記」做為故事主軸?
這也太神奇了,一定要去看一下,結果……真的不虛此行。


這兩個義大利插畫家的功力真的非常深厚,一筆一勾勒,整個人物的立體感馬上就從畫面湧現出來,有時候只是簡單的幾筆白邊,就讓主角的頭髮、衣袖層次立現,尤其是展出原稿,因此就更讓人著迷了吶!


而且,桃花源記裡面,其實非常非常少的文字,真的是名符其實的”繪本”,完全就是用圖畫來說故事,但有背過/聽過陶淵明”桃花源記”的其實完全都不用文字也能夠理解的喲!


這次的a原畫展,只展到9月底,所以喜歡的朋友要看要快喲!!晚上也是有開放的!





【認識國際插畫大師】

尹芳吉伯  Yvonne Gilbert
  • 出生於英國諾森伯蘭的尹芳先後在紐斯卡爾學院和利物浦學院攻讀美術,做了五年的美術設計之後,在1978年轉為自由插畫家,陸續和全球許多大出版社、雜誌和廣告公司合作。她為Frankie Goes to Hollywood’s “Relax” 設計的唱片封套,被“Q”雜誌評選為「唱片封套最佳經典100」之一,該設計也被BBC 電視台譽為「經典之作」。她的插畫也榮獲許多國際獎項,英美藝廊爭相收購她的原畫展出銷售。
  • 尹芳為英國皇家郵局設計的五套郵票,紛獲「金郵票獎」Il Franco Bollo d’Or 以及「世界最美的郵票」獎Gran Premio del’Arte Filatelica的殊榮 。

丹尼納諾  Danny Nanos
  • 加拿大籍的納諾(Danny Nanos)自1985年起,為知名設計公司和廣告經紀公司擔任「廣告設計總監」一職,廣告作品獲當地和國際競賽獎項和肯定。納諾的設計範圍廣泛,包括書封設計、商品包裝設計、企業形象、互動媒體、建築設計等等。



資料來源:dpi 設計雜誌


提供相關連結:
唯美夢幻魔術雙人組-Yvonne Gillbert & Danny Nano

2011年7月11日 星期一

【Case Study】折疊式螢幕的平板電腦 - prototype from Imerj and Frog Design


這款折疊式的平板電腦我覺得做出了許多不同的 UI 體驗。
很多手勢的運用都有盡量講求直覺性,也有做出雙螢幕時可能會出現的一些情境發想。不過一些運用都需要記憶,有些我在看 DEMO 的時候就會混亂了,到底要怎麼放才會變成全螢幕?怎樣會變回一半的頁面?

但雙螢幕的 UI 設計和單一螢幕的就真的差非常的多,可能的運用也變得非常不同。

整理一下這裡面有用到的手勢和 UI 特殊之處:

2011年7月8日 星期五

【Case Study】Windows 7 平板電腦 - ViewSonic Viewpad 10 pro



既然都做了 Android 3.0, BlackBerry tablet OS 的功課,那當然也要來一下 Windows 7 系統的平板電腦比較一下囉!

這款平板電腦是我參加微軟開發者大會時,特別早到要去體驗區試用的,在場展示了蠻多台的,有 Gigabyte、Viewsonic、Pegatron、Dell 等,但因為很多人搶著試用,我是在最後一個 session 因為都沒興趣就跑出來趁沒人的時候試用的,就寫一下我對 ViewPad 的感想吧。


【Case Study】Black Berry - playbook 平板電腦



今天繼續 survey 相關的 pad。發現要看完一款 pad 的所有評論要花很久的時間吶…而且每看一篇就很想真的有實際來直接 run 一次,雖然我都沒實際的玩過,但至少有一些概念啦。今天就來寫 blackberry 的 playbook 吧!

心得分享 - Card Sorting

去年辦的 OpenID RP 工作坊時(翻一翻發現還沒整理起來,有空來補),原本和同事討論的是想要採用 Affinity Diagram 的方式,也實際的 run 了一遍,不過後來請教了更專業的人士,一場討論下來,發現我們採用的比較像是 Card Sorting 的方式,什麼是 Card Sorting 呢?列一些簡單的定義:


卡片分類法(Card sorting)是一種在網站或其他規劃初期常用的測試方法,透過卡片分類法可以讓我們了解一些在設計網站架構時十分有用的使用者資訊(資料來源: Wikipedia):
  • 了解真正符合使用者習慣的資訊分類。
  • 比對網站設計者與使用者在對網站資訊分類上的認知差異,作為調整架構的依據。
  • 找出項目命名上的問題。
 在 IDEO Card 上的定義和用法為-
HOW:On separate cards, name possible features, functions, or design attributes. Ask people to organize the cards spatially, in ways that make sense to them.
WHY:This helps to expose people's mental models of a device or system. Their organization reveals expectations and priorities about the intended functions.

看過了定義後,覺得當時採用的方式的確比較像是 Card Sorting。
今天又看到 xxc 整理的投影片,裡面有蠻清楚的方式的,不過其實我整篇看下來,還是會有一些疑惑,這可能和我沒有實際的 case 可以帶入在腦海中模擬有關吧…影片在此:


2011年7月7日 星期四

【Case Study】Motorola Xoom,首款搭載 Android 3.0 系統的平板電腦



這款平板電腦是今天我才看到的,覺得它把 Android 3.0 的功能發揮的很好,所以也來做一點筆記,記下自己看到這款平板的想法。

大致規格:(詳細的規格,可以上手機王去看,這邊就簡述就好)

這款是全球首先搭載 Android 3.0 作業系統的平板電腦,是在 2011 年的 CES 消費性電子展中有展出。螢幕是 10.1 吋,重量是 730g,相較於 iPad 2 的 601g 以及 9.7 吋,比較重也比較大台,不過感覺產品設計得很好,並沒有讓我有很笨重的視覺產生。

Xoom 有支援 mini HDMI 輸出,mini USB,micro SD 卡,雙鏡頭(照相鏡頭支援 500 萬畫素,視訊鏡頭支援 200 萬畫素);和 iPad 一樣有 3G 和 WiFi 版本,目前只推出 WiFi 版本,因為台灣目前網路環境並不支援 LTE 4G 上網,單機售價 $19800,也比 iPad 2 價格稍低,中華電信也開賣提供 3G 的一些特惠方案了喲。