槑設計™©Antonius

關於部落格
2007~2009Copyright © 槑設計™©Antonius, All Rights Reserved.

「侘(ㄔㄚˋ)」:平安末期逐漸演變有種「靜寂」之意...一種禪意的美學.....
  • 71477

    累積人氣

  • 0

    今日人氣

    0

    訂閱人氣

在七月場的UiGathering看到魔鬼…Ⅰ

五年以上的互動介面設計經驗,先後於BenQ數位時尚設計中心,以及ASUS設計中心服務,
為GUI Design、Scenario Prototyping,以及Design Communication上的資深設計好手。
設計風格鮮明奔放,對於介面設計有獨到的觀察與見解。
這次分享應該會帶來一些精采的實務案例分享,並且傳授個人的設計心法。
個人網站:www.ivangraphic.idv.tw
 
由於晚到了,大多是轉自Yvonne的線上轉播分享。在此十分感謝她的文字轉播。
不免俗的,一開始的開場還是由UiGathering成員David為大家談談UiGathering的演化和辦過的活動!!。
另外也公告,8月1日開始開放報名,9/16使用者經驗高峰會。
 
以下為整理Yvonne的線上轉播分享。
 _________________________________________________________________________
Ivan Wei 魏銘信:由動而靜的新體驗 - Motion User Interface..
 
Ivan一開始從GUI發展歷史說起,
GUI的演進..從1970年代就開始囉..
‎1995年的Window 95.. 有了視窗和graphics...
‎2005年開始有了widgets.. 介面越來越華麗囉…
GUI designers最近10年的演進: 10年前的GUI在做的事就是在畫icons/graphics...
再來的GUI designers開始做icons/graphics的整合
現在的GUI designers開始從事互動的設計.. 從靜態的icons到後來的互動設計..
 
 
合作無間的developers and designers.. (要擁抱喔!!)
(由於當時還沒到,暫以此圖代表...
圖片來源:http://www.flickr.com/photos/planetargon/511292936/)

 















同時也談到,GUI不只是個靜態的設計.. 還包含了很多動態的細節!!
手機UI的演進, 從黑白的icons, 到彩色的icons, 到現在的有互動的設計..
從前的GUI就是幫UX設計出來的workflow和Spec把圖畫出來...
 
然而他也提出幾個想法與問題, 
‎1. 如何由動態思考切入介面設計?
2. 靜在視覺細節, 你察覺了多少?
3. 激發動態思考的方法?
 
一般UI設計的流程: Ideation -> Evaluation -> Implementation -> Verification
但常常遇到,當你做完Prototype後.. RD卻告訴你很多東西是做不了的!!! @@
那如果流程改了一下, 把Prototype放到Ideation階段.. 在初期就和RD溝通可行性喔!!
如果Project很趕, 那就做做Sketch prototype吧!!
 
↑上述這段,不禁讓我想起1009 design總監Angie所提的Lean UX。
 
 
不要做沒有意義的動畫.. Remember那個Powerpoint的例子嘛?!
還有1996年的Windows Bob.. 那隻Windows小幫手的小黃狗..
 
Ivan老師的名言一:"所有動的經驗, 都是來自真實世界的物理變化"
1. Carrypad的例子.. 預先使用動畫來提示介面的操作行為或方式..
2. MobileBurn.com 隱性的指令..
3. Windows 7 利用時間差的效果揭露操作動線或Navigation的主從關係..
4. iOS motion - 漸慢就像煞車, 有到達的意思
 
動態的Spec如何描述?!
函數圖形:X代表時間(毫秒, 格數), Y代表透明度(旋轉, 縮放, 位移)
還要透過RD了解的語言進行溝通喔!!
 
Ivan老師的名言之二:視覺的亮點靠對比堆砌出層次
 
Ivan老師名言之三:細節就在每1px裡!!
 
Ivan老師名言之四:搶眼不一定是好事, 耐不耐看才是王道!!
 
Icon設計:
1. Icon的功能:幫助user記憶而不是執著於意義的詮釋, 品牌識別
2. 隱喻的適切性
3. 如何經營icon的細節:sketch, 著色, 縮小後仍舊看的到細節
4. 如何創造Family look:色系和視角的統一, 利用框架Template統一 (iOS), 整體視覺大小的比例要一致,
 
Ivan老師關注的東西:Motiongraphy, Typography, Movie Visual Effect (電影後製特效), Title Sequence (電影特效), Video Games
(Ivan老師在當晚十點多時,後來有補充,UIG的Core member,希望今天的分享大家都能有所收穫,不只是讓各位對GUI有不同的看法,更能感受到Motion User Interface的價值,至於在Practical的面向,能了解如何設計Look and feel很棒的介面。)
 
 
最後,他講到一個最重要的重點。
「魔鬼都在細節裡。」
相簿設定
標籤設定
相簿狀態