Nokia N8 最近先後發表兩部世界上最迷你及最大的電影,來宣傳其產品。

dot
首先,這一部 stop motion 動畫《Dot》, 是用 Nokia N8 手機鏡頭拍攝的,可以說是世界上最迷你的一部小電影。這部動畫在描述一位名叫Dot,身高只有 9mm 高的女孩,在微小世界裡冒險的歷程,當然拍攝這部動畫的動機在展現N系列手機其卡爾蔡司鏡頭和影像編輯功能的優點。



...Read More

Jolin 蔡依林在2010年先後與日本知名攝影家「蜷川實花」和日本當代藝術家「村上隆」跨界合作。


村上隆 × 蔡依林 × ELLE


首先來看看藝術家村上隆首度與台灣時尚雜誌 ELLE 跨界合作。村上隆以他的繪畫和雕塑作品,和 ELLE 及 Jolin 一起大玩封面故事。

ELLE

(左) ELLE國際中文版八月號封面 (2010) (圖片來源); (右) Jolin x Takashi



這次 ELLE 雜誌以“Jolin in Takashi Murakami's Wonderland”為主題,邀請 Jolin 在村上隆的作品中奇幻世界裡遨遊。村上隆這次將他四項作品和 Jolin 結合入鏡,而這些作品是村上隆將日本漫畫還有美國好萊塢的科幻世界結合而成的。他還說,大家剛開始看的時候可能會覺得很幼稚,但是又帶一點成人思想。下圖是其中一個作品「Inochi」,村上隆先生說這個是以史帝芬史匹柏的電影《AI人工智慧》作為概念的來源。

5767231-2391538Jolin 與村上隆的作品「Inochi」未來機器人  (圖片來源)



...Read More

0102 日本東京參與申辦2016年的奧運,不過在還沒有正式宣布那個國家獲選為主辦國家之前,一位名叫 Andreas Leonidou 的設計師在學校設計了一個虛構的Tokyo 2016 olympic games的系列視覺形象設計,包括 logo, poster visual 並將其應用在T恤、戶外看板。

...Read More

2010年世界盃足球賽(2010 FIFA World Cup South Africa),是首次在非洲舉行的世界盃。賽事在南非十個城市舉行,一共有來自世界各地的32支球隊參加,共進行64場比賽決定冠軍隊伍。比賽期間,每天都有精采的好戲上演,想看巴西對上上屆冠軍義大利,還是想看南韓與北韓在球場PK…。為了把這些繁雜的賽程讓球迷清楚接收,網路上已經有些人把這些資訊統一做整理,以視覺化的方式呈現資訊,讓球迷們可以透過設計過的圖表,來方便查閱2010世足賽的賽程。以下,就為大家整理這些2010世足賽的資訊視覺化作品吧!



World Cup 2010 Calendar

這個 World Cup 2010 Calendar 是由 MARCA.com 所設計的一個互動式比賽時程表。球迷可以以國家隊、組別、球場、比賽日期等方式查閱比賽資訊。比賽說你可以查閱 July 2有那支隊伍比賽,或者你想看德國隊在那幾天有出賽。

worldcup_visualization_roundup_02



...Read More

Are you eating right?

The Wheel of Nutrition is a dining plate that reminds us of the fundamental values of nutrition.

Obesity is a severe problem in some of todays commuities. Using visualization to support healthier eating habits is a great opportunity to ignite change in this area. The plate collection “Wheel of Nutrition” created by Hafsteinn Juliusson, Rui Pereira and Joana Pais, is one attempt to tackle this problem.

你吃得正確嗎?

設計師Hafsteninn Juliusson設計了一個名叫Wheel of nutrition的營養餐盤,用來提醒我們要注意飲食的基本營養。針對不同健康、年紀的人有不同的營養比例餐盤,只要照著餐盤上配置的顏色放罝食物,就能吃上一餐的健康營養。

wheel_of_nutrition_04

...Read More

今天我要來分享的是建築設計的大事。

有建築界諾貝爾獎美譽的2010 Pritzker Architecture Prize 普立茲克建築獎得主是日本SANAA 建築事務所 (Sejima and Nishizawa and Associates) 的兩位建築師妹島和世 + 西澤立衛 (Kazuyo Sejima + Ryue Nishizawa)。

這是該獎項第三度頒發給兩位建築師,也是繼1987年頒給已故建築師丹下健三(Kenzo Tange)、1993年得主槙文彥(Fumihiko Maki),以及1995年獲獎的安藤忠雄(Tadao Ando)後,第四次由日本建築師得獎。

0079SANAA_Takashi_Okamoto_v2(左) 西澤立衛    (右) 妹島和世



...Read More

我最近好想在辦公室或家裡擺幾個綠色植物盆栽,除了美化怖置,綠化做環保,而養對植物也可以開運招財,所以上網找了一下有沒有看起來很厲害的盆栽,結果找到了一些創意盆栽和設計產品,整理出去和大家分享。

1. Ambiente 2010: Urban Garden von Authentics

9e8ab7fe92 ...Read More

新年期間,大家是不是沉浸於大吃特吃,大玩特玩的歡樂時光了呢?今天開工第一天,推薦三個由 TAT 在過年期間發怖的三個mobile UI影片,新的開始,大家一同努力激發更棒的靈感與創意喔!

1. TAT Home


2. Dual Drift

...Read More

760634230_Yws6q-M



自2007年Polaroid拍立得相機停產後,現在Polaroid將重新開啟新的生產線,這次首先推出的產品是one pic1000. 在技術和樣式上將售價將定為$100USD以下,並隨副贈送10張底片。預計將於3月份左右推出,而其他經典款示將會陸續推出。

另外,Polaroid還請到Lady GaGa擔任系統新產品的創意總監,產品也會在近期公布。

...Read More

現在已經有許多icon被設計的非常精緻,不過所謂「精緻」的設計,難道都一定要在一個小小的範圍,把所有很細節的東西都放上去嗎?原本一個可以很簡單表達的icon,最後都被設計的非常複雜,讓人看不太懂它所要傳達的意思。如果將icon簡化,回歸最原始的象形文字(pictogram),其實他可以稱上是一個很好的icon的設計。最近看到一位叫做Stefan Dziallas的設計師在他的iconwerk網站,放了icon設計作品,這些icon都非常極簡,但卻可以很清楚的表達它要告訴我們的是什麼。就讓我們來欣賞,他一連串icon或pictogram設計的作品吧!

Good2bHome store
Minimalistic pictograms for a dutch design furniture web store. The pictograms show the different categories.

good2b 02

good2b 03
...Read More

前陣子去了一趟曼谷,也順便參觀了泰國創意設計中心(TCDC )。TCDC的前段是兩大展區,分別為常設展及短期展覽。目前常設展展出的主題是《What is Deisgn?》,展示了來自全球十個國家的經典設計,包含英國、法國、義大利、美國、日本等,像是福斯第一部金龜車、第一台偉士牌機車,還有Burberry為軍方設計的外套、香奈兒為女性打造的套裝、愛瑪士的凱利包、年輕人必備的Sony Walkman、 來自巴西的Havaianas(哈瓦仕)人字拖鞋等,在設計史上都佔有不可取代的重要地位。

2


展區規劃


1


...Read More



RedDish is a TAT Cascades powered demo UI, developed for ARM Mali-200 GPU based hardware. It features hardware accelerated 3D geometry, taking full advantage of OpenGL ES 2.0 shaders and anti aliasing functionality. In RedDish, all contacts and communication applications can be accessed from one place. Navigation between applications in the foreground and widgets in the background is seamless. ...Read More

今天要來介紹幾個有創意的月曆及日曆設計,雖然這些設計多半屬於實體的工業產品,但是或許我們可以透過其中的巧思及設計,把它轉化成另外一種形式,例如把它變成數位化的設計,加上一些互動及視覺元素,或許又會是一個不錯的設計。


上面的Demo影片,就是蒐集了一些非常有創意的Calendar設計,上面出現的calendar你都可以至TrendsAddict這個網站挖寶。我很喜歡下面這個設計,如果我家裡也有一大面的日曆牆,我會在上面記錄daily life,把它當作日記來寫!


calendars_v1_1


...Read More

為了提供更好的blog環境,我們搬家了。

http://blog.fihspec.com/idc
敬請舊雨新知,蒞臨指教。

...Read More

organzied by Amanda





...Read More

organized by Bill


紀錄片有很多種,紀錄戰爭的、記錄人生的、紀錄史實的。Objectified是一部屬於工業設計的紀錄片。由拍攝Helvetica的Gary Hustwit所策劃,已於日前在美國播送(可惜台灣還看不到)。

Gary Hustwit記錄了當代最有名也最有影響力的幾位設計師,觀察他們如何用設計改變我們的生活,觀察整的設計流程。並從借由這些產品,讓我們了解自己,並找到未來的路。設計師名單如下:

Paola Antonelli (Museum of Modern Art, New York)
Chris Bangle (BMW Group, Munich)
Ronan & Erwan Bouroullec (Paris)
Andrew Blauvelt (Walker Art Center, Minneapolis)
Tim Brown (IDEO)
Anthony Dunne (London)
Dan Formosa (Smart Design)
Naoto Fukasawa (Tokyo)
Jonathan Ive (Apple, California)
Hella Jongerius (Rotterdam)
David Kelley (IDEO)
Bill Moggridge (IDEO)
Marc Newson (London/Paris)
Fiona Raby (London)
Dieter Rams (Kronberg, Germany)
Karim Rashid (New York)
Alice Rawsthorn (International Herald Tribune)
Davin Stowell (Smart Design)
Jane Fulton Suri (IDEO)
Rob Walker (New York Times Magazine)
and more participants TBA

雖然台灣還看不到,但Objectified上有一個預告片,我們先來看看:


附帶一提,一開始的海報中每個都是知名產品的剪影,有人可以全猜出來嗎?

資料來源
...Read More

edited by Emily Lee

近年來由於大眾對於數位生活的重視, 有越來越多的廠商要面對市場的競爭就必須在短時間內開發出新的商品, 及有好的行銷策略來增加產品的普及。在這樣的趨勢下,如何了解消費者對於數位生活的需求就顯得非常的重要! 各品牌大廠紛紛開始投入心力在使用者經驗的研究上,以蘋果iPod為例, 提倡的就是去除濃濃的科技味,而像是美國著名的智慧型錄放影機TiVo便是善用了體驗式行銷,成功的打入美國家庭。今天要介紹的就是擁有自己的一套 "經驗設計" (Experience Design) 哲學的老牌電子科技大廠-飛利浦。


荷蘭皇家飛利浦公司,早在1925年就成立了設計中心,實驗室遍及荷蘭、比利時、英國、法國、德國、美國、中國和印度。近年他們提出新口號「Sense and Simplicity」,便是強調產品的情感連結與簡約、容易使用的生活情境,並提出情境智慧概念,創立Philips Research(iLab)與 Homelab研發未來20年後產品,開始訪談全球消費族群,深入瞭解他們心中渴望的生活情境,Philips找來心理學家、人類學家、田野調查學家和社會學家,一起合作提出Persona設計研究手法。並反覆地讓消費者「參與」他們的設計流程,資料庫涵蓋了每位消費者的「背景」、「價值觀」和「生活細節」等3大元素,從年齡、國情、文化;他的週遭環境、人際關係、對大趨勢的解讀;人生觀、價值觀、對教育的看法;到個人的生活和工作流程、休閒方式、使用哪些科技產品、聽哪些音樂、看哪些雜誌、嗜好等。
而光是在使用者經驗的研究上, 飛利浦公司就區分了ExperienceLab以及SimplicityLabs兩大實驗室。

ExperienceLab為一個模擬使用者真實環境的實驗室,飛利浦邀請使用者或顧客參與他們的研究,並在經過參與者允許的情況下,在模擬的真實環境中,像是家中、商店及照護地點,觀察參與者的實際行為與新技術的互動情況,以及發掘他們使用此技術的難易之處。這樣的研究可以輔助設計師了解使用者的偏好,也能正確的掌握一些開發的限制與困難點,如此一來才能產品才能更貼近市場的需求。

SimplicityLabs則提供一個虛擬、線上的環境,讓使用者參與新軟體產品概念的實驗,進而試驗該產品或軟體的概念及特性。藉由這樣的實驗方式,參與者能夠幫助研究人員了解使用者是否喜歡這樣的產品概念、哪一個功能比較受歡迎、以及哪些需要被改進。目前SimplicityLabs在官網上已有些測試的項目,大家可以點此進入,提供個人一些保貴的經驗囉!

相關連結:
Philips:
About Philips Research
Experience Research
飛利浦創新源頭-使用者經驗研究
...Read More

organized by Wendy

昨天我們談到了如何製作一個屬於自己的AIR Widget,今天就來分享我們在研究AIR的過程中所收尋到的一些有趣的AIR Apps,有些都是設計師不錯的小幫手喔!!

1.klok
湯姆就是瑪莉!(Time is Money)
這是一個非常便利且簡單使用的時間管理系統(Time management system)

完整且豐富的客製化功能,而且使用者介面友善。自訂資料夾及子資料夾來track時間,當然也可以自訂任何事件,然後拖拉放到預定的時間上。大致上就類似Google日曆(google calender)一般,但是既然是在桌面上執行,就不會受到網路快慢的影響。


還有個不錯的功能,就是會自動把你的時間安排作成圓餅圖分析,讓你知道自己的時間跟百分比如何運用。
點此下載安裝 Klok

2.色彩篇(四款)
以下幾套都是用來找顏色,以及做色票管理的的桌面小工具。

COLOURlovers Desktop Color Finder


Kuler Desktop
在之前SPEC BLOG的分享中有介紹到這個方便的工具


Color Browser


Color Picker


3.MiniTask & Remember The Milk Notifier & Doomi


這三款都是to-do list的管理工具,使用方法就像是隨手的記事本一樣,自訂想做的事情並且分類列表,也可任意的將各個事項拖曳位置,並設置提醒的功能,如果你是個離不開電腦的重度user,這兩個工具會是不錯的選擇!
* 點此下載安裝 MiniTask
* 點此下載安裝 Remember the Milk Notifier
* 點此下載安裝 Doomi

4.Twitter:Twhirl & Tweetdeck


Twhirl絕對是Twitter使用者不容錯過的好玩意,而Tweetdeck一樣是由Adobe AIR開發的另一個Twitter桌面工具,比起 Twhirl 更多了一些不錯的功能,例如支援多重帳號,自訂不同欄位,螢幕模式,搜尋功能等等。
* 點此下載安裝 Twhirl
* 點此下載安裝 Tweetdeck

5.RSS:Snackr & ReadAir Google Reader

在桌面管理你的RSS feeds,如下圖所示,介面會顯示在工具列的上方,,並於介面上顯示RSS的文章標題,點選標題後會彈出一個小視窗顯示文章的摘要。若是習慣於使用Google Reader也可以選擇ReadAir Google Reader。

* 點此下載安裝 Snackr
* 點此下載安裝 ReadAir

6.Google Analytics Reporting Suite & Woopra


Google Analytics是一個很棒的訪客及網頁流量分析工具,Woopra也工具一樣,安裝後就能夠在桌面上來觀看各種流量分析,當然,飛爾酥比較喜歡Woopra的介面設計,以及『即時性』的監控,隨時都能知道有多少人在你的網站,在看哪些頁面呢!更詳細的Woopra介紹可以點此閱讀。
* 點此下載安裝 Google Analytics Reporting Suite
* 點此下載安裝 Woopra

7.Web Snapshot & WebKut


Web Snapshot能方便你做網頁的Snapshot跟縮圖,WebKut則是方便你截圖的工具,都很實用且方便!
* Web Snapshot
* WebKut

8.Pixus & PixelPerfect


一把以像素為單位的尺,讓你隨意的丈量網頁上任何圖像的尺寸,對於做網頁設計、介面設計的人真的是個很棒的工具呢!
* Pixus
* PixelPerfect

9.Web2.0 & CS3 Icon Generator

簡單三步驟就能生成一個Web2.0或CS3風格的的小icon,並提供四種size(16,32,48,128px)。
* Icon Generator

10.Font Picker

安裝在電腦裡的字體都是檔案格式,如果想要用圖片的瀏覽方式除了開啟繪圖軟體找,還可以選擇Font Picker!
* Font Picker


介紹完了這些apps之後,也許有人會問AIR優點在哪?

1. Cross Platform:跨平台的特性,讓Windows和Mac都可以使用一樣的AIR應用工具,這對於開發者來說更有意義。據稱Linux版今年就會推出,未來也會有Mobile的版本。
2. It's beautiful:美麗的外觀是AIR給人的第一眼印象,不要說介面不重要,優秀的操控體驗絕對是軟體應該有的核心之一。
3. It's not in the browser:讓你直接透過桌面上的小工具來使用網路服務,而不需要透過瀏覽器,讓你執行網路服務實更加方便。
4. Thermo:這個特色是指Adobe AIR設計上的特殊功能,就是它可以方便地和自家的Adobe Photoshop、Illustrator、Fireworks繪圖設計軟體搭配應用。
5. It combines the responsiveness of the desktop with the cloud of the web:搭配AIR本身強大的介面元件,讓你可以用更精彩的方式來和各種網站、網路服務互動,甚至比原本的網站還要好用。

* 以上介紹引用自-AIR Goes Live: The Best Things About Adobe's AIR Platform

文章參考連結: http://philsu.tw/index.php/web-design/412-10-adobe-air-apps
...Read More

edited by Emily Lin

ADOBE釋出flash AIR 已經有一段時間
不過目前國內還沒看到很多人在嘗試
上禮拜五終於灌了有AIR的新版FLASH
馬上來試試 簡易的 背景透明小時鐘
可以做不規則外觀透明背景
這樣就可以設計一套自己的 widget 在桌面摟~


STEP1. 開啟FLASH ,新增一個AIR檔 ,檔案->AIR設定 視窗樣式->自定顏色(透明)


STEP2. 數位簽名->變更 建立自己的憑證 密碼


STEP3.設計要顯示的時鐘背景


STEP4.製作時針(hours_mc),分針(minutes_mc),秒針(seconds_mc),記得中心點必須在最下方中間位置


STEP5.再把這三根對齊


STEP6.把三跟針的位置對齊錶面中心點 再製作一個關閉視窗按鈕(close_btn) (註.屬性為movieclip)


STEP7.寫上程式

stop();
//每一個frame都去讀取一次
TimeUpdate
addEventListener(Event.ENTER_FRAME, TimeUpdate); //時間確認

function TimeUpdate(e:Event):void {
var my_date:Date = new Date();
trace(my_date.hours);
trace(my_date.minutes);
trace(my_date.seconds);

hours_mc.rotation=Number(my_date.hours)*30;//把數字換成角度

minutes_mc.rotation=Number(my_date.minutes)*6;//把數字換成角度
seconds_mc.rotation=Number(my_date.seconds)*6;//把數字換成角度
}

close_btn.buttonMode=true; close_btn.addEventListener(MouseEvent.CLICK, onClose);

function onClose(e:MouseEvent):void {

NativeApplication.nativeApplication.exit();//關閉視窗
}

//滑鼠按下開始拖拉至MOUSE_UP結束
body_mc.addEventListener(MouseEvent.MOUSE_DOWN, onDragStart);

function onDragStart(e:MouseEvent):void {

stage.nativeWindow.startMove();
alpha=0.5;
}

body_mc.addEventListener(MouseEvent.MOUSE_UP, onDragStop);

function onDragStop(e:MouseEvent):void {

alpha=1;
}


STEP8.再次檢查元件名稱是否有錯誤
時鐘背景=>body_mc
時針=>hours_mc
分針=>minutes_mc
秒針=>seconds_mc
關掉視窗=>close_btn
所有的元件屬性都是movieclip

STEP9.檔案=>AIR設定 發佈AIR檔 你就會得到一個副檔名是.air的檔
如果你還沒灌過air 請先灌AdobeAIRInstaller.exe (在adobe網站可以找到)
再灌了自己的檔案,就會得到:


背景透明,陰影的效果很好 就算背後有壓字也很漂亮


結束.enjoy it!
...Read More