2010-12-31

2011年的4個網頁設計趨勢

Jacob Gube在Mashable發表了一篇預言明年 (2011) 網頁設計趨勢的文章

這篇文章提出了4個可能在2011年大行其道的網頁設計趨勢,簡述如下:

  1. 行動網頁成為主流
  2. 網頁設計專精化
  3. 更簡約的網站美學
  4. 網頁設計取代平面設計(更甚以往)

想當然爾,Jacob Gube是看著美國而描繪出這樣的2011年。

不過,即使那樣,我們還是可以把它當作2012年、2013年或總有一天台灣網頁設計業的未來發展遠景來看。

從這些或遲或早可能發生的趨勢看來,網頁設計從業者最好加緊腳步,努力厚植打造行動網頁的能力。

至於現在一律被統稱作Web designer的網頁設計師,是不是真的會更專精、分層化為web app designer、mobile app designer、traditional website designers……?

只要台灣仍是一座設計血汗工廠,就算做的是行動網頁,大概還是被稱作美工吧。

2010-12-30

巧克力裹棉花糖的瓦楞紙生物

Crembo這個以色列網站,發現許多用瓦楞紙做成的精巧動物模型。

整個Crembo網站上滿滿全是看不懂的以色列文字。

所以,除了從Eco Dog之類的命名,隱約看出選擇瓦楞紙作為創作媒材乃出於環保考量之外,其實對這些瓦楞紙生物所知有限。

另外,Crembo這個字,原意應該是指用巧克力裹棉花糖的甜點。

不知道為什麼取了甜點名字的網站,賣的卻是瓦楞紙動物模型。

2010-12-29

Pixel style、風格與即興趣味

距離8位元的時代愈遠,Pixel style就消逝得愈快。

曾如雨後春筍的Pixel style網站,後來逐漸死光,其實已是很久以前發生過的事。

不過,發現iotacons這個部落格所創作的Pixel style小人肖像,總覺得Pixel style應用在設計工作上,好像還只是昨天的事一樣。

過去Pixel style應用在網頁設計,特別在低螢幕解析與低網路頻寬的環璄下,除了風格獨具,也還有技術上本益比相對較高的優勢。

當然,那個時代已經過去很久了。

如今,Pixel style就只剩下風格獨具,或許,再加上一些生活上隨手可得的即興趣味

2010-12-28

業配人生奧義:專業記者做白工

文建會慶祝民國百年,毫無意外選出一個醜醜的吉祥物,這件事讓我反覆想到設計做白工。

所謂設計做白工,其實是所有做設計的人都曾有過的邪門經歷:簡單地說,你做過最醜的,往往會被選中。於是,所謂精心設計,就只能當作練習。

其實讓任何一個專業做白工都一樣悲慘,但,要選出一個比設計做白工還慘的,大概就屬專業記者做白工了。

專業記者怎麼會做白工呢?

一個原因是「嗜血」,譬如最近的惡擋救護車幾乎排擠掉所有新聞版面與閱聽眾的關注。

另一個則是「業配」。

新聞媒體因為廣告業務配合報導所引發的閱聽眾信任危機,其實已經暗潮洶湧了好長一段時間。沒意外的話,還會繼續暗潮洶湧下去。

前陣子,中時電子報有位資深記者表明不願同流而出走,繼續以新聞媒體的廣告業務配合為文發表在個人部落格。

這樣的主題,在網路上向來都能獲得普遍共鳴。

這一次比較特別的是:記者原本任職的媒體也認同表態了。

中時電子報以「本報訊」署名,回應時事作了短評《故做清高?》。

我首先想到的是:那個「做」字應該是「作」的錯字吧。

然後,不是有句話說:「人不要臉天下無敵。」

那麼,媒體不要臉呢?

宇宙無敵嗎?

大概是這樣。

只不過,那個宇宙很小,差不多就一張報紙版面大或一節電視新聞時數長。

在那個大小的宇宙裡,新聞媒體五十步笑百步,意想哈哈幾聲就把專業記者的業配人生嘲訕帶過。

新聞媒體想賺錢,確實天經地義。

但,新聞媒體想利用廣告業務配合報導來賺錢,最好先把守門人的招牌砸掉,然後永遠閉上那張鬼扯人民有知的權利的唬爛嘴。

概觀台灣的媒體生態:幾個敗德新聞媒體擺明就賭閱聽眾罵完敗德新聞媒體,還是乖乖回去守著敗德新聞媒體。

這樣的窘境,講起來是人民的媒體識讀有問題,但,人民的媒體識讀有問題歸根究柢不還是媒體的錯嗎?

如果不是媒體長年以守門人自居,以人民有知的權利對大眾洗腦,閱聽眾也不會潛意識認為世界就只有那幾十分鐘或幾張版面大。

更糟糕是,類似中時電子報的作法,沒面目沒身段扯天下鳥鴉一般黑,則讓閱聽眾的媒體識讀從質疑走向澈底否定。

所有新聞媒體、所有的新聞記者都在玩弄同樣一套「嗜血」、「業配」的戲法嗎?

如果不是,那麼在整個新聞媒體沈淪裡,對閱聽眾傷害最大的,無疑就是讓專業記者做白工。

任憑你有再高的新聞專業,寫出新聞價值再高的報導,在「嗜血」與「業配」之前,都只是白費工夫。

有時當設計做白工發生的時候,總不免會想到:如果去除專業不足或泯滅的官僚體制、流程,也許好的設計將更容易出頭。

設想在新聞媒體,又未嘗不是?

創意雙面刃:Samsung WB5000

創意經常是雙面刃。

同樣令人激賞不已的創意,也可能招致恰好適得其反的傷害。

舉最近一個IMPACT/BBDOSamsung WB5000所作的平面廣告稿為例:

為了要強調相機的最大賣點(Unique Selling Proposition),廣告創意人員決定衍生「大頭狗」這個點子,以表現Samsung WB5000強大的24倍光學變焦神能。

作出這樣的創意表現,在媒體採購上,大概就只能挑分眾專業的媒體來下了。

畢竟,對一般不甚重視相機規格的消費者而言,看到這麼有創意的廣告,大概潛意識都會認為:

這是一部可能會拍出怪照片的相機吧。

2010-12-27

手作品牌:Herokid™的Magic Box

Herokid™是一個走街頭塗鴉與滑板裝飾風格的西班牙服飾品牌。

Herokid™的logo長得有點像DOMO君,但,親和力顯然不如故事性豐富的DOMO君。

該怎麼為品牌Logo注入更多情感呢?

Herokid™決定與插畫家Andreu Zaragoza合作。

為了彰顯Herokid™的街頭塗鴉與滑板裝飾風格本色,Andreu Zaragoza先設計一個立體化Herokid™ logo的版型,放在Herokid™官網提供下載

藉由鼓勵街頭塗鴉與滑板裝飾愛好者下載來自由創作,Herokid™也在這個參與過程裡借眾人之手打造了情感更豐富的品牌資產。

2010-12-24

極簡主義(Minimalism)的設計應用

極簡主義(Minimalism)對初始原形與本質的追求,往往在卸除主觀表現的同時,也一併減輕了閱聽眾藉由接觸創作時,所感受到創作者無意間加諸主觀意識的壓迫感。

由此,我們很容易可以理解何以在進行使用者介面(User interface)設計時,遵循極簡主義的應用往往能夠增添使用者介面的親和力。

然而,回到設計的溝通本質來看,給予閱聽眾更多自由解讀的空間,未必對溝通有利。

以極簡主義應用著稱的ANTREPO作了一系列實驗

在這些被極簡主義化的產品包裝設計裡,經由簡單的觀察,我們確實發現壓迫感消除了。

但,這些不再「贅述」的設計,也因為簡化到無法一目瞭然的程度,除非產品本身的品牌知名度與消費認知度夠高,否則,消費者很可能把吃的喝的用的抹的全都搞混。

藉由這樣的實驗,我們或許更清楚:在設計上,有所信仰是件好事,但,如何妥善應用,則是讓好事成真的重要關鍵。

2010-12-23

紙雕:插畫的立體具像化

前幾天,突然想到從前做平面設計工作還要做紙雕,然後進棚拍照做成雜誌封面那樣的事。

做紙雕,其實跟畫插畫有些相似,只不過表現材質、色彩與光影的手法不同。

曾經看人做過紙雕,或者親自做過的紙雕的人,大概能夠同意:紙雕有時就是把插畫給立體具像化。

同樣的道理,大多數的紙雕草稿,看起來其實就像插畫。

我們從南韓紙雕藝術家Cheong-ah Hwang的作品,很容易看到紙雕是立體具像化插畫的特質。

許多設計師其實都做過紙雕,但,在創意執行上,或許認為那樣的表現形式太過大費周章,缺乏效率。

然而,在往覆秒殺工作的繁忙倉促間,我們追求更適切合宜表現形式的能力與決心,確實已經逐漸喪失。

2010-12-22

iPhone所啟發的化妝品潮流靈感

看到The Color Institute Eyemobile Eyeshadow Compact,不免讓人聯想到iPhone

成功的商品,往往能夠引領潮流。

而當潮流成形,任何些微近似,都可能被劃歸作為潮流助陣的一部份。

照理說,眼影盒之類的化妝品包裝設計顯然早於iPhone。

也許在iPhone面世之初,也曾有人覺得它長得很像眼影盒。

但在iPhone熱爆發之後,任何些微近似,就盡歸iPhone了。

同樣的道理,也應驗在不乏有人把Samsung Galaxy Tab,甚或Amazon Kindle,都一概稱作iPad。

2010-12-21

Twitter 2010:個人即媒體的勝利

專做社會媒體(social media)觀察與分析的Sysomos,最近公布了一份關於Twitter 的調查報告

根據Sysomos的報告,簡單地說:人們愈來愈願意在Twitter上表現自我;愈來愈願意在Twitter上將現實生活中的個人資訊數位化;愈來愈願意在Twitter上具體細節化個人的Twitter帳號。

推論這樣的演進,未來,人們或許將以交換Twitter帳號取代email帳號,甚至名片。小老鼠(@)將爬到你的頭上而不是屁股,以作為網路上用來代表你的符碼。

當然,要談到讓用戶自願把個人資料丟到網站上去,就不能不提Facebook。

相較於Facebook,Twitter的優勢顯然是沒有那麼多繁複干擾、意圖侵犯隱私的陷阱。

相較於Facebook,Twitter是一個更個人自主的網路服務。

以「更個人」這個特質為例,同時使用Twitter與Plurk的人,應該很容易察覺你的Twitter很單純就是一套「完全以你為主軸的互動邏輯」在運作,而Plurk則完全不是那麼回事。

Via 網路相對論:Microblogging與Microforum

從網路媒體的角度來看,Twitter或許可說是現有所有媒體裡最接近於個人意志延伸的存在。

從這樣的觀察看來,Twitter無疑是名符其實的微網誌,而Plurk則更像是微論壇(Microforum)。

如果我們進一步從使用率來談,相對於Plurk之類的微論壇大行其道,微網誌在台灣其實還是一塊有待開發的新市場。

Via 網路相對論:Microblogging與Microforum

也因此,Twitter在2010年所獲致的成功,或許也可以視為個人即媒體的勝利吧。

2010-12-20

從自由女神透視美國機場安檢爭議

撇開反制恐怖攻擊的國土保安措施與雙重標準不談,美國真的是一個很重視人權的國家。

不過,即使聯邦運輸安全署(TSA)再三強調機場安檢乃必要之惡,人們依然普遍認為機場通關看光光確有違憲、侵犯人權之虞。

TSA的爭議始終不斷,各方抨擊也從未停歇。

The New Republic雙週刊的歲末年終封面,或許是所有爭議與抨擊裡最讓人印象深刻的一個。

看著這一幕,相信任何人都得為「美國真的是一個很重視人權的國家」打上一個問號。

2010-12-19

delicious要賣給誰?

delicious官方部落格以《What’s Next for Delicious?》對外說明delicious從來沒有關站的打算,所有delicious的使用者也無需費心另覓網路書籤的替代服務。

Is Delicious being shut down? And should I be worried about my data?

- No, we are not shutting down Delicious. While we have determined that there is not a strategic fit at Yahoo!, we believe there is a ideal home for Delicious outside of the company where it can be resourced to the level where it can be competitive.

所以,delicious即將結束的是與Yahoo的關係,並且希望悉數留住既有用戶。

delicious可以脫離Yahoo獨立而繼續存活當然是件好事,但,也讓人更納悶Yahoo當初到底想把delicious買下做什麼?

我記得從前曾經試用過一個叫作Writely的網路服務,當時覺得它直覺好用得簡直就像從沒出現過的線上版Word一樣。

結果,沒多久就被Google買來下做成Google Docs了。

到現在有誰還時時刻刻記得Writely嗎?

大概沒有,但Google Docs卻熟用得幾乎要取代Word了。

2010-12-17

從前從前有一個網站叫作del.icio.us

從前從前有一個網站叫作del.icio.us

回想起來,絕大多數del.icio.us的使用者,在五年前,當它被Yahoo!買下時,感覺總是難掩失望。

就像眼見老態龍鍾的有錢員外準備迎娶荳蔻年華的青春少女一樣。

五年後,老員外說他準備要親手結束掉少女的性命。

就這麼簡單。

del.icio.us即將被Yahoo關站的消息傳出後,網路上不斷冒現準備收容del.icio.us難民的網路書籤替代方案。

真的有什麼方案可以替代del.icio.us嗎?

我在Twitter上看到一則被銳推(Retweet)不斷的推訊:

"Mommy, when did people stop using folders & start using tags?" "Well honey, once upon a time there was a web site called del.icio.us ..."

via Twitter / @Gina Trapani

這位科技專欄作家Gina Trapani說,或許有一天她的孩子會這樣問她:

「媽咪,什麼時候人們不再使用目錄,而開始使用標籤、關鍵字呢?」

而她將會如此回答:

「是這樣的,親愛的孩子,從前從前有一個網站叫作del.icio.us……」

穿上Facebook的社交之手

無論你從何種論點反駁,世界上確實有人只要連上網路,就會在Facebook流連忘返。

如果他們的電腦桌面有個藍色F圖示,他們絕不會再去點那個藍色E圖示,甚至還誤以為那就是連上網路的象徵。

對他們來說,世界上最廣為人知的一隻手,無疑就是Facebook上的按讚之手,那熟悉得不能再熟悉的社交之手。

依循相同邏輯,那些人理當也很願意把Facebook的社交之手穿在身上。

於是,有人開始賣這些印有社交之手的衣服

這樣的衣服像極Facebook離線手冊,引導Facebook的子民們即使連不上線,也能用社交之手的手勢彼此溝通。

2010-12-16

咖啡污漬插畫杯

我一直覺得咖啡污漬其實很有彩色墨水渲染的效果,甚至曾經真的把咖啡拿來當彩色墨水用過。

然而,對多數人而言,咖啡污漬就像是殘羹剩餚一樣的廢渣。

當你喝完咖啡,特別當你用的是淺色咖啡杯時,鮮明的咖啡污漬總像是催促著你即刻把杯子洗淨,免得給人看到太過失禮。

要怎麼為為平凡無奇撒魔法金粉呢?

日本設計師金内幸裕反向思考:以彩色墨水渲染的效果繪製可以水平環繞的插畫,預先印在咖啡杯內。

乍看之下,就像是鬼斧神工渾然天成的咖啡污漬插畫。

尤其,當咖啡污漬真正渲染到杯緣時,更是以假亂真。

2010-12-15

QE便利商店的詼諧幽默低價量販路線

這幾年看全聯社的廣告,有時會想到馬來西亞(Malaysia)的QE便利商店(Convenience Store)

QE便利商店跟全聯社的行銷定位與策略大致相仿,兩者都是走低價量販路線的賣場。

不過,全聯社決定以比較詼諧幽默的調性來走低價量販路線,應該是最近幾年才發生的事,而QE便利商店則相對早已行之有年。

從QE便利商店最近的便宜買更多(Big on value)系列稿來看:

策略上也完全呼應先前的為你省每一分錢(For people who like to save every sen.)系列:

策略衍生戰術,並且指導戰術,擬定策略是一件重要的事,而長期堅持力行策略而不悖,是更重要的事。