Category: 電腦新鮮事

【建築室內設計課程】巨匠電腦分享,謝宗哲談建築─在東京Gallery MA看到「丹下所看到的自己」

錚/

1507160946530.jpg
丹下健三1913年出生於大阪,2005年於東京逝世。1938年東京大學畢業,1961年成立自己的事務所。獲獎無數的丹下,也是第9屆(1987年)普立茲克建築獎得主,更是日本建築師獲獎第一人。1960年催生「世界設計會議」於東京舉辦,對於城市的未來提出大膽的計畫方案,也帶動後續代謝派的產生,在日本建築譜系裡,可視為日本現代建築之父。(Photo Credit:TOTO Gallery MA)

巨匠電腦分享,謝宗哲談建築─在東京Gallery MA看到「丹下所看到的自己」

Gallery MA 位在東京乃木坂大樓內,雖然展覽空間不大,並為私人機構經營,但推出的建築展覽屢屢獲得專業者的好評。繼上一檔「伊東豊雄展——臺中大都會歌劇院的全軌跡2005-2014」之後,緊接著是這次丹下健三建築展「透過丹下健三的眼,看見丹下健三」(Kenzo Tange as seen through the eyes of Kenzo Tange)。

日本在二次世界大戰戰敗後,急欲重建國家認同感,也面臨自我識別的關口,丹下健三致力推動日本建築的現代化,同時引動了後輩建築師們,對於社會現象具有批判性與反省性格的集體運動。為了紀念丹下健三逝世 10 周年而舉辦的本展,透過丹下健三對自己早期(1949~1959)作品所拍攝的幻燈片裡,讓人一探這位日本一代建築巨匠的形象。現在,就來聽聽謝宗哲教授對這場展覽的看法吧!

這是我近年來,看過最為「安靜」的一場建築展。

沒有張牙舞爪的模型,也沒有過度渲染的圖像,更沒有彷彿編織神話般的3D模擬與動畫。相對之下,只以丹下健三當年親自拍攝的幻燈片,再加上編年史的陳列,與純粹攝影的妝點,便成就出一場無比素淨但又充滿力量的建築展。

這些丹下在成為日本建築神話和傳說前的個人攝影記錄,呈現出年輕的丹下,就如同(每個世代的)年輕建築師對建築皆會有的那股滿滿熱情,構思該如何截取幻燈片影像,又該怎麼呈現自己作品的過程所存留下來無比真摯的軌跡。



(Photo Credits:Nacasa & Partners Inc.)

這麼說或許有點奇怪,但這卻是難得能如此靠近丹下的一個觀展經驗。過去,「日本現代建築之父——丹下健三」就如同一座壯麗森嚴的城堡地高聳在我的面前,(也許這與我早期是以位於新宿的「東京新都廳」來意識丹下健三有關),加上明治神宮旁宛若神蹟般的傳奇之作——「代代木競技場」曾深深啟發「建築雙雄」伊東豊雄與安藤忠雄的緣故吧,於是丹下不知不覺地被放大,成為無比巨大的存在,並且顯得有些難以親近了。

這場為紀念丹下健三逝世 10 週年的展覽,策展人豊川齋赫先生表示,透過丹下健三本人針對自己的作品,所拍攝的 70 餘張幻燈片縮圖影像(contact sheet),呈現出建築家丹下健三在正式成為建築巨匠前的初期形象。

「東京新都廳」(右上)位於東京都的新宿區,1998年興建,落成於1990年底,於隔年1991年正式啟用。近年成為東京旅遊的熱門景點,除了是丹下健三具代表性的建築之外,在45樓還有個免費入場的展望室,可以俯瞰東京的都市景觀。(Photo Credit:丹下都市建築設計)



(Photo Credits:Nacasa & Partners Inc.)

丹下在這些幻燈片影像裡,使用紅筆標記下來的截圖指示線,在本次展覽裡,則試圖藉由這些紅色指示線,探索年輕的丹下是怎麼看自己的建築,並如何與建築對峙。這些幻燈片呈現的作品包括:「廣島平和會館原爆紀念陳列館」(1953)、「東京都廳舍」(1957)、「香川縣廳舍」(1958)、「今治市廳舍.公會堂」(1958)。

而最主要的策展目的,就是透過丹下本身的眼睛,來追尋、探索丹下直到創造出「國立代代木競技場」(1964)與「東京天主教聖瑪麗大教堂」(1964)這兩大傑作為止之前的足跡。

左圖為展覽海報。(Photo Credit:謝宗哲)


二次世界大戰結束後,戰敗的日本百廢待舉,丹下健三因「廣島平和會館原爆紀念陳列館」一案而開始嶄露頭角,並受到矚目。曾有人問到他為什麼應該由他來設計時,據說丹下回答:「因為我曾經是一個在廣島念書的學生。」廣島國際會議場(左)與廣島和平紀念陳列館(中、右)。


廣島和平紀念陳列館主建築。(Photo Credit:Hiroshima)

在廣島市的「平和紀念資料館」設計裡,丹下與這些從廢墟中重新站立起來的人們,有著共通的感動,於是大大地動搖過去以追求機能至上的現代主義建築觀。於是從那兒誕生了美與機能一體化的傑作。而在其後的創作過程中,丹下在完成「香川縣廳舍」的 3 年前,在他發表的文章裡,寫下一句極為經典的宣言:

「機能的なものが美しいのではない。
美しきもののみ機能的である。」

意思是說,「只有美的東西才是機能的」。這句話可能會被視為是對所謂的「機能美」而作的發言。然而這裡頭的真正意涵,應該是在表達:「擁有真正美的素質的東西,才是真正具有機能」的意思。因此,或許應該進一步表達成作為「美」的這個機能。
  
落成於1958年的「香川縣廳舍」,是丹下健三評價極高的作品之一,這棟建築呈顯了丹下將日本傳統建築風格與現代建築達到極佳的融合。(Photo Credits:丹下都建築設計)

在本展當中,佔據極大篇幅的「香川縣廳舍」,便是體現了丹下這段傳頌後世之話語精髓的重要傑作。這棟建築是丹下將學自西洋的鋼筋混凝土建築,藉由柱梁系統的組構,與日本建築的傳統技法加以融合,最後以高層大樓的形式初次實現的結晶。透過清水混凝土表現出梁柱構造之美的設計,受到全世界高度評價。東大名譽教授、名建築史家藤森照信便指出,「這個作品可以說是第一個影響外國的日本現代主義建築。實現真正獨創性的丹下先生,於是便一個人從這裡開始走向世界的舞台」。


「東京都廳舍」現在成為東京知名地標,也被視作為丹下健三轉向後現代主義的設計作品,不過設計之初,因日本已出現泡沫經濟現象,在成本問題曾引發社會極大的輿論。(Photo Credit:Markus Leupold)

同時期的重要作品,還包括基地位於現在有樂町 Tokyo Forum 上的「東京都廳舍」,其立面雖然令人不禁想起丹下最敬愛的柯比意(Le Corbusier)的「馬賽公寓」,但是丹下融合了日本建築傳統較為纖細的梁柱,使得這個作品散發出些許靠近密斯(Ludwig Mies van der Rohe) 作品的韻味,我個人認為,「東京都廳舍」也是丹下宣告自身建築與國際接軌,甚至是進軍世界之企圖心的里程碑。

而和「香川縣廳舍」共通之處,皆是透過現代建築 5 原則中的「底層挑空」與「庭園」,以及「寬廣的大廳」來迎接市民大眾。這樣的形式也被譽為是在戰後民主思潮影響之下,官方建築裡所呈現出的開放性。藤森教授表示,「丹下先生創造出日後官方廳舍與文化設施的Building Type(典型)。到現在似乎都變成了理所當然(的開放性),卻在當時初次創造出來時,是不被大眾理解的結果。」後來,有著美麗懸吊式屋頂與動態造型,並受全世界稱讚,還在東京奧運扮演重要角色的「代代木競技場」,是這些作品完成 6 年之後的事了。


1964年日本首度舉辦奧運會,為了迎接東京奧運的到來,日本政府邀請丹下健三設計「國立代代木競技場」。位於東京都澀谷區代代木公園內的「國立代代木競技場」有兩個場館,分別作為游泳館與籃球館,也有許多歌手曾在此舉辦演唱會。建築結構採雙重鋼懸吊構造,讓內部空間無落柱,精采的結構設計使空間產生流動感,加上充滿生命力與能量的造型,被譽為是丹下健三最傑出的作品,也無怪乎會深深地啟發伊東豊雄和安藤忠雄!


「東京天主教聖瑪麗大教堂」與「國立代代木競技場」同樣於1964年完工。聖瑪麗大教堂於1899年便成立,因遭逢二次世界大戰戰火波及,教堂建築被焚毀。1961年舉辦競圖,由丹下健三獲得首獎。在丹下健三與結構設計師坪井善勝(也為代代木競技場的結構設計師)的共同合作之下,建築以8片薄殼面組成,直角交叉的雙曲拋物薄殼由地面延伸為屋頂,內部空間無樑柱干擾,是丹下健三應用當代建築技術,重新體現莊嚴崇敬宗教空間的經典之作。(Photo Credit:Morio)

這是一場或可稱為是建築家丹下健三之「建築首部曲」的展覽,我也因而從中找回自己那份熱愛日本現代建築的初心。

以下配合在 Gallery MA 現場取得的展覽宣傳單裡(下圖),所附上的會場平面圖,針對本展的展示構成作簡單的介紹。

(Photo Credit:謝宗哲)

展區規劃:
3F內部—Contact Sheet/幻燈片縮圖展示區
3F外部庭園—攝影輸出展示區
4F 內部— Contact Sheet/幻燈片縮圖展示區+投影放映區

Contact Sheet/幻燈片縮圖內容說明:
Ⅰ 都市之核與建築之核
1-1 廣島、1-2 東京都廳舍
Ⅱ 對大空間的挑戰
2-1 廣島兒童之家、2-2 愛媛縣民館、2-3 圖書印刷原町工廠
Ⅲ 與傳統的對峙
3-1 住居(自宅)、3-2 桂離宮
Ⅳ RC表現的摸索
4-1 倉吉市廳舍、4-2 墨會館、4-3 今治市廳舍.會館
Ⅴ 與外部的交流
5-1 初次的義大利之旅、5-2 聖保羅雙年展、5-3 米蘭、5-4 印度、5-5 劇團民藝「法隆寺」舞台
Ⅵ 從統合50年代的建築邁向60年代的序曲
6-1 香川縣廳舍、6-2 在MIT(麻省理工學院)的設計講義

A. Introduction
B. 年表
C. 幻燈片投影放映
3F「丹下健三所看到的丹下健三」  7分22秒
4F「丹下健三的話語」  5 分4秒
D. 牆面寫真(如右圖)
1廣島平和會館原爆紀念陳列館「廣島縣廣島市,1952年」
2 住居(自宅)「東京都世田谷區,1953年」
3桂離宮「京都府」
4倉吉市廳舍「鳥取縣倉吉市,1957年」
5香川縣廳舍「香川縣高松市,1958年」
E.航空寫真(如右圖)
1東京都廳舍「東京都千代田區,1957年」
2住居(自宅)「東京都世田谷區,1953年」
F. 丹下研究室為香川縣廳舍所設計的椅子。製作年份不明。之後也使用於其他的作品當中,丹下本人也使用於自宅的庭院裡。
G. 書籍閱覽
《現實與創造 丹下健三1946-1958》(1966,美術出版社)
《技術與人類 丹下健三+都市.建築設計研究所 1955-1964》(1968,美術出版社)

編輯 / 黃毓瑩

巨匠電腦另外也設計了建築室內設計課程,內容包含軟體使用、室內設計實務等等,快來巨匠電腦讓你輕鬆學!

文章與圖片出處: http://www.mottimes.com/cht/article_detail.php?

 

【建築室內設計課程見證】建築室內設計不再是夢,巨匠電腦幫助你完成!

【建築室內設計課程】巨匠電腦分享,住哪層都能享受頂樓風光─台灣設計師發想「旋轉大樓」

【建築室內設計課程】巨匠電腦分享,藝象iDTown設計酒店

【建築室內設計課程】巨匠電腦教你打造綠建築、智能建築

【工業設計課程】巨匠電腦分享,ARTIFACTS 時尚科技新體驗

錚/

巨匠電腦分享,ARTIFACTS 時尚科技新體驗

科技商品一直是ARTIFACTS在複合式精品店脫穎而出的重要品項,近期結合時尚話題,推出一系列隨身3C商品:時尚大叔尼克最愛的耳機Master & Dynamic、工業設計師Mathieu Lehanneur的音響Boom Boom、奢華動物皮紋手機殼2Me Style和顛覆傳統的多彩質感手機傳輸線Le Cord,除功能性強大外,也可以是時尚配件。
1507160928550.jpg
Master & Dynamic耳機_Nick Wooster每日必備品(圖片來源:ARTIFACTS)
時尚指標耳機尼克大叔最愛Master & Dynimic 複合式精品店和時尚聯名首選

ARTIFACTS全台獨家販售的Master & Dynamic是紐約的高級音響品牌,秉持著創造完美的音質與設計的核心理念,將手機打造成為功能性時尚配件。以時尚為訴求,其選定複合式精品店為銷售點,如Mr. Porter、Lane Crawford與Colette等,更與時裝品牌Proenza Schouler合作特別款式的耳機,型男大叔Nick Wooster也有在個人網站上介紹MH40耳機,受到許多時尚人士的青睞。Master & Dynamic的耳機製作精細,幫助與激發配戴者的創作力。運用高科技的零件與材料,在外部使用皮革與不鏽鋼零件,並運用輕質鋁外殼使配戴舒適,45mm的釹製高性能驅動器確保聲音和音量晶瑩剔透的品質,是時尚與功能兼具的耳機首選。

Master&Dynamic_MH40耳罩式耳機(棕)_14000元(圖片來源:ARTIFACTS)


Master&Dynamic_MH40耳罩式耳機(黑)_14000元(圖片來源:ARTIFACTS)

當代工業設計大師Mathieu Lehanneur傑作 Boom Boom音響3D錄音效果絕佳

多角形極簡工藝感的Boom Boom音響是出自當代工藝大師Mathieu Lehanneur之手,結合Binauric的3D音效技術,打造錄音、播放和多方通話功能兼具的時尚配件。Boom Boom是一組革命性的隨身音響,流線多角的外型設計由工藝設計大師Mathieu Lehanneur操刀,以時尚配件為概念進行設計,輕巧方便攜帶,隨處都可以被音樂環繞。除了是一般的藍芽音響外,它也可以是會議中多方通話的接收和發送器,同時播放兩個Boom Boom音響還可達到更為立體的播音效果。其錄音功能以3D音效為訴求,將現場最真實的音場全程記錄,增加聽者臨場感。時尚度與實用性兼具,Boom Boom是當代音響的絕佳代表。

BOOM BOOM! 幾何設計無線藍芽隨身喇叭 _8900元(單個)(圖片來源:ARTIFACTS)
傳輸線也時尚 Le Cord提供高品質和精美外型的手機配件商品

Le Cord 於2013年成立於瑞典斯哥德爾摩,提供高品質與多樣化的布料充電線,其商品更獲得Apple總公司的認可。時尚的電子產品不斷的在發展,由其是需求量大的手機殼與耳機,因為手機與平板電腦已被當作日常生活的配件,所以消費者對於外觀亮眼及獨特的科技周邊產品的需求變高。Le Cord秉持著提供獨特設計3C周邊商品的核心理念,期望冷冰的科技商品也能有時尚溫度。

Le Cord_深木紋編織皮革 Lightning 充電線_黑_2280元(圖片來源:ARTIFACTS)


Le Cord_海洋藍防打結設計 Lightning 充電線_1080元(圖片來源:ARTIFACTS)


Le Cord_藍x綠防打結設計 Lightning 充電線_1080元(圖片來源:ARTIFACTS)


Le Cord_紅x白x藍防打結設計 Lightning 充電線_1080元(圖片來源:ARTIFACTS)


Le Cord_深木紋編織皮革 Lightning 充電線_白_2280元(圖片來源:ARTIFACTS)

奢華稀有皮質手機殼2ME Style 金屬質感配色閃耀登場

2ME Style 是由兩位義大利人所創辦的品牌,一位是企業家,一位是設計師,將奢華設計與創新的技術設計結合,打造別具風格及質感高尚的iPhone手機殼。2ME Style 也與許多精品合作,協助品牌訂製配件,如法國的 Colette、Emporio Armani、Valentino、與 Mercedes 都是2ME Style 的精品客戶。ARTIFACTS引進其特殊皮質融合金屬質感的系列,低調奢華的風格為品味人士手機配飾的最佳選擇。

2ME STYLE_魔鬼魚皮革手機殼 for iPhone 6 – 巧克力色_5280元(圖片來源:ARTIFACTS)


2ME STYLE_魔鬼魚皮革手機殼 for iPhone 6 – 紅色_5280元(圖片來源:ARTIFACTS)


2ME STYLE_魔鬼魚皮革手機殼 for iPhone 6 – 藍色_5280元(圖片來源:ARTIFACTS)


2ME STYLE_蛇皮手機殼- 低調銀灰_iPhone 6_4980元_iPhone 6 plus_5280元(圖片來源:ARTIFACTS)


2ME STYLE_蛇皮手機殼- 金色_iPhone 6_4980元_iPhone 6 plus_5280元(圖片來源:ARTIFACTS)

(來源:ARTIFACTS)

巨匠電腦另外也開設了工業設計課程,內容包含AutoCAD、Pro/E產品設計等等,快來巨匠電腦輕鬆學!

文章與圖片出處: http://fashion.cnyes.com/content/20150708/kkk437gnik8vq.shtml

 

 

 

【工業設計課程】巨匠電腦分享:掌心感測貼紙探測體溫

【工業設計課程】巨匠電腦分享,日設計巨匠柳宗理,百歲回顧展登台

【工業設計課程】巨匠電腦分享,AUTODESK促進企業面對新時代的製造革新

【工業設計課程】巨匠電腦告訴你SolidWorks推出工業設計軟體囉!

【手機APP課程】巨匠電腦分享,檢視行動裝置的3D人機介面UI開發關鍵

錚/

巨匠電腦分享,檢視行動裝置的3D人機介面UI開發關鍵。

行動裝置在硬體技術持續升級趨勢下,不只擁有幾近桌上型電腦的運算資源,在硬體架構方面也有趨近於桌上型電腦系統的技術發展,而在有了硬體性能的奧援下,Realtime render的即時重繪3D效果得以實現於裝置的人機介面應用,除硬體有能力做到3D UI外,在產品開發階段還須注意哪些關鍵問題?

在行動裝置的產品發展中,人機介面設計一向是極為重要的議題,尤其行動裝置在使用情境、屏幕尺寸等操作環境限制下,使用者介面(User Interface;UI)的整體架構設計,有否注意到Use Flow便利性與使用者經驗(User Experience;UE)思考,在近代的熱門產品中已經獲得驗證,是左右產品能否熱賣的重要關鍵。

觀察近期的幾款熱賣產品,例如,Apple的iPhone,這款產品看起來似乎為iPod Touch加上無線通訊模組這麼簡單的組合,但事實並非如此,在核心的電話應用中,iPhone利用iPod Touch原有的iOS系統基礎,採取一致性的UI元素進行功能整合,同時將iOS觸控操作的優勢發揮極致,讓整體的操作體驗超越傳統智慧型行動電話的表現。

觀察iPhone的市場成功因素,除了在現有商品的UI呈現、UI Flow、User Experience…等關注的重要議題外,iOS本身即在系統層面整合OpenGL ES,透過SDK提供完整OpenGL ES API開發資源,讓相關軟體開發商得以用最短的學習曲線將OpenGL ES為基礎的Realtime 3D render技術導入APP或特效,讓行動裝置的UI可以進化到Realtime 3D render應用水準。

1507160910360.jpg
分析iPhone的iOS Device成功模式會發現,讓原有的操作介面獲得最佳的Flow與設計,只是做好使用者介面的第一步,若還要達到讓消費者眼睛為之一亮、進而萌生強烈購買的慾望,產品的第一印象或是應用體驗,在應用端的UI設計中,就必須尋求更吸引人的方案,其中3D化的Realtime 3D render GUI(Graphical user interface)即是目前行動裝置最熱門的應用技術議題。

3D GUI的整合現況

在產品面,即便iPhone產品已經具備了開發3D GUI的有利條件,如硬體加速技術、完善的Open GL ES開發資源,但現況卻是未能在iPhone UI見到大量的3D應用,反而僅有在APP轉換或是多工切換,會看到iOS核心的3D GUI特效,而在APP的部分以iBook臨摹實際書頁的Page Flip、書店/書櫃畫面轉換時,才能發現OpenGL ES的實踐效果。

整合3D GUI的好處相當多,尤其是數位閱讀的應用領域,幾乎已被Amazon的EPD(Electronic Paper Display) Kindle閱讀器搶占大半市場,後進的Apple iBook產品,想在這個產品類型有突破性的進展,就必須在技術整合方面有更亮眼的表現差異,例如EPD在彩色化與動態呈現方面的弱勢,正好就是Apple iBook可以著力的切入點,而iBook也是第1套電子書APP整合Realtime 3D render技術Page Flip與書櫃翻轉3D特效的閱讀軟體。

iBook順暢的3D翻頁動畫視覺效果,搭配超炫書店/書櫃轉換特效,讓使用者立即體會到,有無3D功能實踐,竟能讓行動裝置的應用體驗有了全新感受,也讓iBook軟體一上APP Store就在電子閱讀市場建立新的技術門檻,即便隨後也有類似彩色化產品標榜具3D Page Flip效果,但似乎僅有iBook的印象能深植消費者心中。

事實上,多數產品開發者所面臨的現況並不如iOS的APP開發這麼順心,雖然iOS的應用程式發展平台,有硬體單一、一致性UI與特效環境資源豐富的開發優勢,但實際的開發現場,開發者所面臨的整合環境並非如此完善,若想在產品內整合前衛的3D GUI特色,就必需自行定義、開發相關功能組件,或是直接尋求可用的SDK來整合至產品中,用最少的資源進行功能需求方面的整合設計。


實踐3D UI必備的硬體基礎

就實踐3D UI的方式來看,雖然在未有硬體加速奧援的前提下,透過軟體或是仿3D實為2D畫面處理的程式技術,也可達到類似3D的效果,但實際上3D GUI的開發需要在額外添加的動畫特效不影響原有操作的前提下進行,而利用軟體或是模擬式的3D技術,必須耗用大量的畫面處理,增加了核心處理器的運算負荷,這在3~4吋的行動電話型態的小尺寸螢幕行動裝置搭配一般性能不算差的處理器,或許還能得到高性能表現,但實際上此種作法也會讓裝置的電力大量消耗,影響產品的整體效能。

3D應用越來越熱門,行動電話、平板電腦等產品,也在硬體方面嘗試整合3D圖形加速晶片,搭配系統的底層技術支援,讓行動裝置在呈現這些視覺效果的同時也能獲益於硬體3D加速,讓整體裝置運算不致於過度集中於核心處理器,達到全面性的省電與效能平衡表現。

以目前的智慧型手機為例,大多選擇採行相對省電的ARM處理器,建構嵌入式系統應用,其運作時脈往往達到1GHz或更高水準,而近來初發表的Android 3.0(Honeycomb)平板系統,檢視其硬體規格亦相對亮眼,尤其在硬體3D圖形加速的整合設計方面,亦回應市場對於嵌入式系統3D硬體運算資源的急迫需求。

像是ASUS的Eee Pad產品、Motorola XOOM等新一代Tablet平板裝置,即具備dual-core NVIDIA Tegra 2雙核處理器,該處理器亦提供3D加速引擎,可輕鬆因應大量的3D GUI系統開發需求。檢視熱門的Tegra嵌入式處理晶片,包含了APX與CSX兩大產品線,其中APX是針對手機市場開發,CSX則是針對中、大型屏幕需求開發,如車載多媒體系統、MID、Tablet、Netbook等較大型設備,除了運作時脈差異外,Tegra系列在1080p影音解碼、3D硬體加速已是基本功能。一般而言,Tegra與多數嵌入式應用處理器近似,包含CPU、繪圖、多媒體運算、I/O、儲存控制…等必備的基本能力,Tegra第1代採用ARM11核心、2代則是改採雙核Cortex-A9核心。

最新的Tegra 2除運算用途的Cortex-A9核心外,顯示核心乃為此代架構的關鍵重點,原1代架構的繪圖核心是基於時脈為130MHz Geforce 6基礎,為具兩組pixel shader units、兩組vertex shader units及兩個texture mapping units(TMUs)。Tegra 2繪圖核心與1代同為基於GeForce 6,但設計上藉由運作時脈提高,以強化Tegra 2的實際3D運算加速性能,而核心架構並未改變,主要是整體性能的全面提升為主,若當Tegra 2所整合的3D運算任務在核心無法達到需求時,也可透過CUDA技術提升整體3D效能。


發展3D GUI以強化產品使用體驗

在發展3D GUI實務上,多數硬體開發業者會將產品開發重心過度聚焦於功能層面,例如,產品的硬體規格與功能、儲存媒體的容量…等,卻忽略了硬體裝置的操作體驗,而後者才是產品能否成功的關鍵。如何在簡潔設計與功能豐富度之間取得平衡,在產品規格多數相近的市場環境下,往往成為產品勝出的要因。因此,產品外在的UI與使用者經驗的整合,是產品開發前務必審慎考量的重點。

以行動電話為例,3D化的GUI可以讓初次接觸產品的消費者,在同質產品間進行比較時,會有顯著的技術差異印象,但這是基於硬體效能可以奧援3D GUI的假設下才會有的情境,產品必須提供順暢的GUI操作體驗才能吸引消費者青睞。3D GUI的性能關鍵,在於UI引擎可充分應用硬體3D加速的效益,UI引擎整合如OpenGL ES的技術標準,讓UI引擎的開發成果可以輕鬆轉移到多款支援OpenGL ES加速的硬體裝置。

評估性能表現,3D GUI的引擎核心,必須具備可高效運行的基礎,先不論使用介面設計優劣,至少在功能展現方面必須達到與2D GUI近似的效能水準,尤其是執行功能項目後經1~2秒的動畫展演,繼而快速執行對應的程式,這部分可以透過建構相關特效展演的KPI(Key Performance Indicator)或自定義合理的Benchmark進行檢核,讓產品在整合3D特效後還能維持與2D圖形介面近似的操作效率,避免做出整機運行效率低落或干擾操作的失敗產品。


整合3D GUI必須考量效能表現問題

而能達到高效能的3D GUI表現水準,在軟體技術方面,必須在UI引擎的開發採取更進階、積極的開發手段,例如,採native C++或對系統資源更能掌握的程式語言,進行核心架構開發與最佳化設計,強化引擎對CPU/GPU的控制能力。觀察3D UI引擎的關鍵效能指標,可從幾個重點進行評估,例如,展演動態效果的Frame rate效能、GUI整合的便利性,與完善的引擎架構。

在動態效果的呈現水準方面,如果引擎性能不彰,沒有嘗試在引擎程式碼方面進行最佳化設計,雖然3D引擎仍可實作出欲使用的3D執行效果,但卻因為引擎性能拖累了動態展演的擬真水準,例如,出現畫面遲滯或是貼圖表現不佳…等問題,此類效能水準的觀察指標,係在標準的硬體評估平台,可以達到多少的frame rate。

以SPB的UI Builder核心引擎為例,其畫面的處理即可達到60 frame/sec,雖然肉眼不見得能辨識30或60fps的表現差異,但若是在相同的參考硬體平台上,3D圖形引擎都能辦到60fps的Realtime 3D render,這表示即便是UI對應的操作應用會消耗部分系統效能,在3D特效展演方面也可以達到24~30fps水準,該UI即不會出現2D或3D GUI的視覺體驗落差。

先前也有提過,強調3D GUI使用體驗的產品,多半以行動裝置居多,而這些產品又對電池性能有較多設計考量,在應用3D UI的同時,也必須針對電池應用的負荷進行評估,例如,開發階段應分別就原有的2D UI與3D UI進行不同的電源使用現況測試與評估,雖然3D GUI因為會讓硬體處理較多的影像材質渲染、貼圖運算,相對影響其電源使用狀況,但整合多少份量的3D化GUI設計元素會對電池用量有最輕微的影響,則必須透過大量測試與統計才能得到答案。延續前述的3D引擎設計重點,如果引擎核心能獲得最佳化設計,則在導入3D UI時也會有較佳的能耗表現。

解決方案的UI/UE組件完整性 影響3D GUI整合彈性

在iOS的系統架構下,進行與OpenGL ES加速相關的視覺應用開發與實作時,必須透過程式進行開發整合,例如,工程師必須熟悉iOS下的3D技術,如應用iOS圖形子系統核心基礎的core animation,搭配呈現於前端的UIView,由core animation layer來支持呈現,再利用APP裡的各式layer去更新Screen View的顯示內容。基本上,iOS多是透過core animation進行動畫呈現與圖形合成。

在3D UI技術的處理方面,OpenGL ES也是core animation的用戶,實際開發時若想使用OpenGL ES進行3D物件或UI創建,需建構1個UIView,而此UIView則由1個相對較特殊的core animation layer來支持(CAEAGLLayer),OpenGL ES和core animation則是透過CAEAGLLayer進行聯繫,最終CAEAGLLayer的內容再與其他呈現數據整合後顯現於Screen View。觀察iOS平台下的APP 3D GUI整合,經常會遇到多數的UI/UE組件,除非是尋找現成的解決方案直接套用,否則若都由工程師自行開發,在實務上會有產能方面的限制。

一個常見的情況是,不同的專案會面臨3D GUI的整合需求,每個專案的3D GUI是否都要從無到有的進行開發?顯然,這種作法將增加開發成本,亦可能無法因應即時上市的需求。比較好的開發方式是尋求可行的3D GUI解決方案,以之進行商品整合。以SPB UI Builder以及SPB UI Engine為例,即可因應不同行動裝置平台,提供一套快速導入設計的3D人機介面解決方案。

在開發階段可利用3D UI引擎相對完整的UI/UE組件架構,採行便捷的整合方式讓相關應用擁有3D人機介面,快速達成專案目標。而在考量導入3D引擎進行產品開發之前,先期的技術評估也要釐清不少問題,例如,該3D UI引擎是否提供Windows CE、Symbian、MeeGo、Android…等不同平台的移植彈性,或者其引擎核心能否針對跨平台的設計提供更完善的應用支援等等。


重視測試與性能調校 提升整體GUI應用效能

在產品的原型設計階段,並非所有可互動機制都必須完全保留,若某一種設計方式並無益於可用性,則該在原型測試階段就把它取消或簡化,例如會影響性能的3D動畫,可試著減少其播放長度或畫面精細度。在產品原型階段就剔除無意義的互動機制,可使行動裝置的操作介面更為簡潔精練,又能同時強化UI的視覺效果。

然而,在有開發時間壓力的限制下,我們在原型測試階段可能沒有太多可供驗證的資源進行評估,礙於成本,往往採取功能段於模擬器下進行效能驗證的替代方案,但模擬器也是運行於PC或其他運算平台上,基本上仍難達到真實驗證效果,結果僅能供作前期開發的參考,對實際GUI介面調校也有一定助益。未來智慧型手機介面發展會看到越來越多觸控整合3D視覺的操作方式出現,目前已有大量APP朝向3D GUI發展,不過,使用者介面的實用性(Usability)仍是影響產品好壞的關鍵因素,3D化只是讓產品更搶眼的設計策略之一,GUI終究要回歸實用性,並以方便操作(easy-to-use)為最基本的設計原則。

巨匠電腦另外也開設了手機APP設計課程,清楚簡單的上課方式,讓你快速上手,快來巨匠電腦學習!

文章與圖片出處: http://goo.gl/gv0k8c

 

 

【手機APP課程見證】巨匠電腦老師APP達人評價學APP設計,讓人生從此不簡單

【手機APP課程】巨匠電腦分享,跨屏介面設計的現況與未來

【手機APP課程】巨匠電腦新資訊:蘋果手表App設計原則─少就是好

【手機APP課程】巨匠電腦分享科技心理學:讓人成癮的 App 設計學

巨匠電腦小密技 Photoshop影像處理-選取物件,選取取消應用篇

冠/photoshop選取物件輕鬆學!巨匠電腦教學影片,讓你簡單學會選取功能表應用!
巨匠電腦選photoshop取工具影片,教會你如何運用Photoshop影像處理­,
選取全部、取消選取應用,巨匠電腦兩分鐘教學影片教會你!

 

【電腦資訊技能課程】巨匠電腦分享,免裝軟體!「KeepVid」輕鬆下載Youtube影片!

【電腦資訊技能課程】巨匠電腦分享,10 億台裝置為目標,Microsoft Windows 10 升級已經就緒

【電腦資訊技能課程】巨匠電腦分享,Facebook實名制是為了保護用戶安全

【電腦資訊技能課程】巨匠電腦分享,免裝軟體!「KeepVid」輕鬆下載Youtube影片!

巨匠電腦小密技 Photoshop影像處理,選取範圍邊緣偵測

冠/巨匠電腦兩分鐘、三步驟就讓你學會Photoshop選取範圍邊緣偵測!
巨匠電腦簡單輕鬆教學讓你快速學會如何使用!

 

【電腦資訊技能課程】巨匠電腦告訴你:Android手機版Office正式推出

【電腦資訊技能課程】巨匠電腦分享,10 億台裝置為目標,Microsoft Windows 10 升級已經就緒

【電腦資訊技能課程】巨匠電腦分享,Facebook實名制是為了保護用戶安全

【電腦資訊技能課程】巨匠電腦分享,免裝軟體!「KeepVid」輕鬆下載Youtube影片!