對岸UI設計的強者:Rigo design

Uimaker發現一篇介紹對岸出品的平板電腦─AIGO pad N700,英文名念起來是"愛國“的諧音,所以對岸叫它愛國者平板。想出這名字的人真牛逼!直覺讓人聯想到波灣戰爭中大出風頭的愛國者飛彈,這時髦3C商品非常有軍用品的調調阿~~~不過我想不改名直接進口到台灣的話,應該是淪落到滯銷變成贈品,結果又送不出去的下場吧!誰想拿一台很愛國的平板電腦勒~~~

 

原本以為愛國平板的介面設計是由老外操刀,點了連結一看,乖乖不得了,對岸黃種人耶!實力也太強大了吧!工作經驗列出曾在Microsoft擔任Mobile介面設計,難怪!作品集裡無論網站、軟體、行動裝置介面、品牌識別,都有濃濃的微軟風,甚至比微軟的幾個知名軟體介面更漂亮。識別度很高的漸層色調、光影氣氛、高度對比,精準的比例配置,營造出強烈的科技感,符合3C商品的未來感。他在色調與比例的控制上相當厲害,光是這兩項能力的修練就很不簡單。以Rigo design的官網首頁為例,同樣是灰色、冷色系的配色方式,畫面呈現出來的效果不會只有冷冽感,或是因色數少而顯得單調無味。上方背景帶有藍紫的深色,就是跳脫灰階以外的變化;另外選用的圖檔即使類型不同,有相片也有電腦繪圖作品,經過精心處理的色調讓畫面非常和諧。另一項特點是網頁區塊的比例配置,從整個網站所有頁面都可以感覺出設計者深厚的功力,區塊之間的搭配剛剛好,放大縮小都不對,很難找出比現在更好的設計方案。

 

大致看完的感覺是………….這傢伙已經是世界級的水準了,他如果沒放自我介紹的話,真得會讓人誤認是某個老外高手的個人網站。

 

 

所見即所得網頁編輯器:IM creator

IM creator

類似的服務或功能已經很多國外案例了,IM creator算是其中小而美的代表,很適合製作頁數少的小型網站、個人網站,或是單頁EDM。這套服務沒有提供一大堆功能設定,剛接觸不會眼花潦亂,所以學習門檻低,這點相當不錯。介面規劃清楚簡潔,編輯方式直覺易懂,整體精緻度不輸給專業級繪圖軟體。加上官方提供的網頁樣板,視覺水準超優,數量也不少,又是免費的………………………..不用白不用阿!

Balsamiq Mockups 非常好用的介面規劃軟體

這軟體是目前為止我用過最快速方便,也最有草圖風格的介面規劃工具。軟體已經內建很多常用的介面元件,而且都模組化了,設定、修改規格都很快速。操作方式很像illustrator,快速鍵也相通,所以幾乎沒有學習門檻。繪製介面框架的時間越短,就越能專心規劃更細節的操作流程,光是這點就比visio好上太多。

另外官方blog還持續供應做好的介面元件,讓我感動到刷卡買正版。單機版美元79,合台幣兩千多,非常划算。

這軟體的開發團隊相當有意思,看他們擺在網站首頁上的一段話,多率真阿!

Balsamiq is a small group of passionate individuals who believe work should be fun and that life is too short for bad software.

Steve Jobs 1955-2011

Steve Jobs

原本對Apple不怎麼關心,對它的印象就是特別、前衛,但是很貴,窮學生買不起。從Jobs回鍋Apple後推出的iMac,一直到iPod,都沒有讓我很感興趣想去了解,大家為什麼瘋這些產品~~不就是比較炫一點的電腦和隨身聽嗎?而且還特別貴!不可諱言當時心理上很排斥,總覺得非Apple不用的蘋果迷和盲目的追星族沒啥兩樣…

直到iphone出現,多點觸控和操作上的強烈表現,慢慢翻轉了我對Apple的看法。

後來因為工作緣故,需要購入一台平板電腦。原先僅考慮ASUS、acer、Toshiba、Samsung、HTC等機種,最後峰迴路轉選中ipad2。這是我第一次擁有Apple的產品。

挑中ipad2不是因為它最合我需求。至少USB和flash我很需要,它都沒有,而且也沒有俗擱大碗。當時還很擔心Android陣營狂打ipad2的封閉式系統這點,會不會成為我買ipad2的關鍵錯誤!

幾個月下來,我對於ipad2這個產品的心得是,如果像我一樣非Apple迷,之前對Apple不瞭,對平板電腦也不熟的人,光是在賣場試用幾分鐘,不容易比較出各類機種之間的差異,所以很難帶出決定性的理由,讓自己非買ipad2不可的關鍵理由。因為這個緣故,很多人也許就會錯過劃時代的創新產品,而選擇其他的品牌了,相當可惜。擁有ipad2之後,它不但沒有令我失望,反而開始改變了我部分的工作方式,也包含了部分的生活習慣。比方說展示提案,手邊沒有電腦的話,之前一定得把圖檔印出來。現在只要把檔案丟到dropbox,再從ipad2開啟,就能邊走邊講,機動性無敵。下班之後也很少開pc了,雖然性能比ipad2強很多,也有鍵盤可以打字,但它沒辦法讓我躺著上網上到睡著阿~~ @.@

以上這些,其他平板也都做得到阿!

是沒錯啦~~~不過續航力就很抱歉了!真正在生活中使用平板電腦,才驚覺續航力非常非常非常重要,也才理解為何Jobs反對支援flash,而這問題正是ipad2以外機種難以面對的痛處。我可不想會議中,還得擔心它沒電。我也想泡在星巴克,悠閒喝咖啡、上網、看電子書、玩game、聽音樂、看影片,而我的平板可以讓我玩一整天。目前除了ASUS號稱加上鍵盤組的變形金剛比ipad2持久,其他機種大多很快就沒電。其中Toshiba最誇張,5小時不到,虧我還差一點點敗下去。至於變形金剛+鍵盤組,那我買eee pc就好了阿,還比較省錢勒  -_-

Apple之所以能橫掃平板電腦市場,把其他品牌全部打趴,靠的不是Android陣營訴求的那些重點。那些根本不是重點,是廣告話術而已。像我現在就對acer的平板電腦廣告很不以為然,雖然我持有他們家的股份,但那則相聲廣告真的很遜,不知道是決策者沒更新思維,還是刻意要誤導消費者?ipad的成功,靠的是超越式的使用者體驗,一種很難量化,非現存既有,也與技術規格沒啥關係的抽象經驗,甚至不是人因工程足以解釋的境界。有些部分反倒接近頓悟式的創造,比較像藝術,不是科學。Steve Jobs讓世人佩服、感念,就在他想改變世界的理念,充分落實到產品的每一個細節,也兼顧到整體的完美,讓其他對手很難還擊,也讓使用者很難抵擋它的魅力。例如介面切換的順暢度,除了ipad2之外,我試用過的機種都會卡卡。一點點小地方,有沒有差別?

沒差別的話,很多個小地方的差距總合起來,有沒有差別?

ipad2連配件smart cover的包裝都讓我讚嘆不已!

要實現這樣的藝術品,相當相當困難,Steve Jobs做到了。他的眼界超越當代,他確實有非凡能力領導團隊完美實現,一件又一件令世人大開眼界、改變世界的藝術品。

肚爛IE

從來沒有這麼強烈的 厭‧惡 IE系列瀏覽器…..即使之前做網頁要用一堆css hack解決IE6排版的問題,當時還視為一種技術挑戰,頗樂在其中。
 
直到案子很逼
IE7和IE8也現身
我得ㄧ直浪費寶貴的開發時間找各種css hack和語法特效藥
只為了讓layout同時在IE6、7、8不會出錯
結果一直測試還是有問題
越做越火大
 
好好的網頁標準被ㄧ家獨大的爛軟踐踏
繼世紀無敵爛又很多人用、存活最久的IE6之後,IE7歷經短暫的生命週期,IE8出現了….
然後光是678三種IE版本
套用同一份css樣式設定
就可能顯示三種不同的結果…………………………………
無疑是增加網頁開發的麻煩
 
即使有辦法同時處理掉目前所有IE版本的排版問題
那又如何????
只要新版的IE推出
很有可能目前為止沒問題的版面又出槌了
那是不是又得花時間除錯??
 
與其這樣
倒不如退回被應用最久的製作方法
把table、frame通通拿出來用
成功率高
又可以確保在時限內完成
 
有時候感覺
研究css技術真難保值
沒有一種很踏實的確定感
畢竟目前被研究出來的一堆hack不是根本的解決方案
在我看來比較像是特效藥
也沒什麼深奧的邏輯可言
要學也很簡單
開google查詢就很多資料了
 
技術的立意當然很好
當初也是因為在zen garden見識到css的魔力
才花時間研究這項新技術
也相信這會是以後的主流
壞就壞在被自大傲慢的爛軟惡搞之後
開發者對新技術的態度會趨於保守
 
對於像yahoo這種大型入口網站或是blog
改成分離內容與樣式的原始碼結構
當然有它的好處和必要性
但是對於製作時間和預算有限的中小型網站
採用新式的做法反而會增加不確定因素
客戶除非感受到新式技術帶來的實質利益
否則也不會感謝你設身處地為他著想
 
那我還管那麼多幹嘛??
就用最保險的table layout就好了嘛~
 
 

如果由微軟操刀ipod的包裝設計…….

 
 
假想原本ipod的外包裝落到微軟手上,會被改成啥副德性,是這部短片的用意,內容針針見血阿!除了視覺表現變得很微軟,原本概念性的設定都被清理得一乾二淨,六面體方盒狀的包裝盒,每一面都是資訊爆炸,設計元素多到氾濫。雖然改版後看起來也ok,就是一般商業稿的招式,不過裡頭放著強調簡潔概念的ipod,味道怪怪的,simple和complex的強烈反差。

即使從設計的角度看不太搭,十個業主當中還是有九個會選微軟的商業稿,因為這樣做比較保險。太概念化、實驗性,或者說,包裝看起來很"空"的,通常被打槍的機率,很高。

 

設計資源庫