Lastest News

巨匠電腦:大螢幕iPhone帶來了App設計的三種改變

錚/

1507271018410.jpg
巨匠電腦分享,大螢幕iPhone帶來了App設計的三種改變
很長一段時間內,智慧手機產業區分都很明顯。Apple堅守小螢幕不改變,與此同時Google的Android手機卻越來越大。但是隨著4.7吋的iPhone6和5.5吋的iPhone6 Plus的發佈,這種分別消失了。大時代全面降臨。

對於那些之前做得很出色的開發者來說,接下來的工作並不是簡單地把現有的小界面擴展到大螢幕上。在與行內優秀的UI設計師交談中,很明確的一點是由於螢幕區域已經擴展到超越拇指所及之處,這將極大的影響到一些方面,比如按鍵的配置,手勢,內容佈局。接下來就是在下一波App設計中要注意的:


1.控制區域移動至螢幕底部

目前,將那些常用的按鍵配置在螢幕的上角還是非常普遍。追溯至像Mac和Windows這樣的桌面系統,不論是Twitter還是Apple自己的照片應用,你會發現那些受歡迎的應用都是把所有功能放在頂部的Navigation bar。但是在大螢幕移動設備上,那個頂部的bar用我們的拇指太難觸及。

「我們在想很多Apps都會開始考慮將主要控件放在屏幕底部而不是上方或者右上角,」Mark Kawano闡釋道,他是前Apple設計師,目前主要針對一個iPhone的App—Storehouse,解決其在大屏iPhone上可能出現的問題。這個應用主要是為移動設備提供富媒體故事發佈平台。在這個應用中,Kawano的設計團隊並不是將每個功能放在固定的位置,而是在操作的時候根據不同 內容出現在底部的不同Navigation bars。

Kawano並不是唯一這麼思考的。Google的產品總監Luke Wroblewski指出Google的Material Design設計原則很好的支撐了Kawano的設計邏輯。Google中叫做「行動按鈕」的這麼個東西就在屏幕下方三分之一處,或者會在整個移動設備的 右下角(不過對於右手操作的人來說這需要蜷縮他們的手指去按按鈕了)。

但是Loren Brichter(因發明Twitter的下拉刷新手勢而廣為人知)則提醒說將控件移至底部並不總是最好的選擇。「底部UI是一種對於困難折中的結果。人 們從上到下閱讀,我發現許多人完全忽略屏幕底部的東西,」他說。「如果你能放在底部並令人注意,那也不失為一種好辦法。」

他補充道:「另一種方式可以解決問題,聽起來有點匪夷所思但值得嘗試,那就是界面簡化為的特定數量以捲軸形式翻閱的內容區域。這樣用戶就會將要閱讀的內容手動拖到拇指可操作的範圍,而不用另外設置的完全不直觀的所謂可達性手勢。」

2.用手勢取代按鍵

按鈕設計在屏幕底部是一個好的選擇,但並不是最好的選擇。並且有一個一定會受歡迎的解決方案讓人們知道該怎麼操作,不論是五寸還是50吋。那就是手勢—或者更具體的說,輕輕一劃。

不久之前,Brichter 抱怨說UI設計師並沒有積極的將我們的手指滑動這一手勢利用充分。各種菜單及功能鍵都可以通過設計手勢來隱藏。以至於我們處在一個所有屏幕上端都是無用按鍵的階段,設計師沒有很強的動機去重新思考手勢的作用。

Mark Kawano指出,Apple的確在去年秋天公開的IOS7中加入了一個向右滑動後退的手勢,「可能他們已經知道更大的屏幕要來了。」 Storehouse這個應用就是聰明的借助Apple的設計趨勢:任何時候你在一個故事中,你可以向任何方向滑動退出。這在小螢幕上操作顯得精妙而且自由。但是在更大的螢幕上,Kawano覺得這就是必要而不是多餘的選項。


3.應用多功視窗

在手機上,無論橫豎螢幕,內容總是一個視窗的。一個窗口就全部塞滿訊息流。但是在iPad或者Android平板上,多功視窗模式則允許多個app在運行。

「為什麼不讓兩個拇指都動起來呢?」

Ashish Toshniwal,Y Media Labs的CEO(Y Media Labs為PayPal 和Amex製作AAA移動app)相信多功視窗將被用在app內,因為Apple在IOS8中支持了更多手勢,並且已經在超大的iPhone6 Plus中實現。自帶App比如Mail可以多功視窗使用,開發者們也會得到新的權限工具令其更加好用。目前,Apple的軟件套件允許開發者限定是否需要多功視窗,且多功視窗權限並不以iPad或者iPhone app分類,而是以螢幕大小來分類。並且他指出多功視窗就像剛被發掘出的客製化app的機會,能延伸出非常特殊的用戶需求。

「考慮到在免持模式下用GPS。iPhone6 Plus用戶可以利用多功視窗去運行他們的GPS,從而提供更好的全方位導航體驗,」他寫道。「舉個例子,在同一視窗模式下的,文字指示,切換路線,事故報告甚至音樂控制。」

Wroblewski 給我們看他之前BLOG上的內容,幾乎說道的都發生了。多功視窗模式是一個UI的機會,其簡單的人因工學原理口述都能表達清楚。當我們拿著筆記本或者一個「平板手機」在全景模式,你需要用兩隻手以保證設備平衡這不僅僅是一個大拇指的任務,而是兩個去完成UI的導航。為什麼不都給他們兩個點事情做做?

編譯者題外話:讀了這篇文章令小編想起了當初的N9+Meego,對於手持設備手勢交互的探索,沒有比它更激進的。這之後的各種手機或者應用的手勢設計思路都像是在為它致敬!所以下一期小編會發一篇老文章,讓我們來回顧一下那個系統大戰還沒有定論的年代!

巨匠電腦開設了APPLE實務應用課程,教你APPLE產品使用、APP應用程式開發等等,快來巨匠電腦輕鬆學!

文章與圖片出處: http://www.appshooting.com.tw/2014/09/leiphone0922/

 

巨匠電腦教你一天內完成ios App設計

巨匠電腦分享,蘋果產品設計考慮到中國消費者喜好

巨匠電腦分享,突破 iPhone 5s 慢動作區間限制,輕鬆製作多重變速特效!

巨匠電腦分享,Apple、Samsung 齊聲呼籲:淘汰SIM卡吧!

巨匠電腦:D故事講述體驗米蘭世博虛擬導覽

錚/

1507271009140.jpg
巨匠電腦分享, 即時身歷其境式的米蘭世博虛擬導覽 ─ 3D故事講述體驗

達梭系統和米蘭世界博覽會(Expo Milano 2015)共同推出虛擬導覽進階版,以全新的寫實境界與性能,為 2015 米蘭世博會的上千萬遊客提供 3D 身歷其境式的即時體驗服務。虛擬導覽進階版結合虛擬實境與 3D 實際畫面,搭配寓教於樂的技術,以互動的方式分享世博會。

2015 年 2 月上線的第一個版本在世博會開幕前即提供了虛擬導覽服務,現已透過整合 3D 模型球面攝影技術完成全新升級,能在高強度虛擬 3D 環境中進行動態導航與並與遊客深入互動。虛擬導覽進階版現已成為米蘭世博會實體展覽中生動的虛擬對應工具,透過 3D 故事講述強調本屆世博會主題「潤養大地,澤給蒼生(Feeding the Planet, Energy for Life)」。身歷其境式 3D 導航帶來獨特的體驗,釋放遊客的想像力,同時亦為實體展覽的補充體驗。

即日起至 2015 年 10 月 31 日,虛擬遊客能在展館、道路及公園內外進行 360 度步行導覽,如同親身探訪米蘭世博會。世博會的實體展覽透過 3D 地圖完整呈現,遊客在探索地圖時也能獲得資訊豐富的互動娛樂多媒體內容,以及世博會主題相關的精彩故事。

搭載地理定位功能的虛擬導覽進階版涵蓋兩大主展區:各參展國家的 Decumano 展區,以及義大利 Cardus 展區。遊客能縮放點擊主題區域,例如零號館(Pavilion Zero)、生物多樣性公園(Biodiversity Park)、民間團體展館(Civil Society Pavilion)及兒童公園(Children’s Park)等。亦可體驗導覽與具體食物有關的 9 個群組主題,包括稻米、咖啡、水果與豆類、香料、五穀根莖類、島嶼、海洋食品及乾旱區。全球遊客可在義大利、瑞士等各獨立國家展館內享受日程導覽及 3D 導航服務。


▲ 水果與豆類展館。


▲ 西班牙展館導覽。

虛擬導覽進階版現已提供線上(電腦版)英文、義大利文及法文語言服務,支援 Samsung Gear 虛擬實境應用 App,以及 Facebook App,亦可透過租用現場的 4,000 台平板電腦體驗虛擬觀展。此外,虛擬導覽進階版特別為參觀的學校單位結合數位導遊,藉由邊做邊學的有趣方式加強師生之間互動。

巨匠電腦設計了3D多媒體動畫課程,教你多媒體設計、3D動畫製作等等,快來巨匠電腦輕鬆學!

文章與圖片出處: http://technews.tw/2015/07/16/expo-milano-2015-3d/

 

還在為影片剪接苦惱嗎?巨匠電腦教你立馬變身成為 iMovie 剪刀手!

巨匠電腦分享,Autodesk Maya助力《痞子英雄:黎明再起》再創華語鉅片視效紀錄

【3D多媒體動畫課程】巨匠電腦分享,壹動畫用IT加速動畫製作流程

【3D多媒體動畫課程】巨匠電腦分享,自製七龍珠動畫神作

巨匠電腦:大螢幕iPhone帶來使用者介面設計的3種改變

錚/

1507270957420.jpg
巨匠電腦分享,大螢幕iPhone帶來了使用者介面設計的三種改變
很長一段時間內,智慧手機產業區分都很明顯。Apple堅守小螢幕不改變,與此同時Google的Android手機卻越來越大。但是隨著4.7吋的iPhone6和5.5吋的iPhone6 Plus的發佈,這種分別消失了。大時代全面降臨。

對於那些之前做得很出色的開發者來說,接下來的工作並不是簡單地把現有的小界面擴展到大螢幕上。在與行內優秀的UI設計師交談中,很明確的一點是由於螢幕區域已經擴展到超越拇指所及之處,這將極大的影響到一些方面,比如按鍵的配置,手勢,內容佈局。接下來就是在下一波App設計中要注意的:

1.控制區域移動至螢幕底部

目前,將那些常用的按鍵配置在螢幕的上角還是非常普遍。追溯至像Mac和Windows這樣的桌面系統,不論是Twitter還是Apple自己的照片應用,你會發現那些受歡迎的應用都是把所有功能放在頂部的Navigation bar。但是在大螢幕移動設備上,那個頂部的bar用我們的拇指太難觸及。

「我們在想很多Apps都會開始考慮將主要控件放在屏幕底部而不是上方或者右上角,」Mark Kawano闡釋道,他是前Apple設計師,目前主要針對一個iPhone的App—Storehouse,解決其在大屏iPhone上可能出現的問題。這個應用主要是為移動設備提供富媒體故事發佈平台。在這個應用中,Kawano的設計團隊並不是將每個功能放在固定的位置,而是在操作的時候根據不同 內容出現在底部的不同Navigation bars。

Kawano並不是唯一這麼思考的。Google的產品總監Luke Wroblewski指出Google的Material Design設計原則很好的支撐了Kawano的設計邏輯。Google中叫做「行動按鈕」的這麼個東西就在屏幕下方三分之一處,或者會在整個移動設備的 右下角(不過對於右手操作的人來說這需要蜷縮他們的手指去按按鈕了)。

但是Loren Brichter(因發明Twitter的下拉刷新手勢而廣為人知)則提醒說將控件移至底部並不總是最好的選擇。「底部UI是一種對於困難折中的結果。人 們從上到下閱讀,我發現許多人完全忽略屏幕底部的東西,」他說。「如果你能放在底部並令人注意,那也不失為一種好辦法。」

他補充道:「另一種方式可以解決問題,聽起來有點匪夷所思但值得嘗試,那就是界面簡化為的特定數量以捲軸形式翻閱的內容區域。這樣用戶就會將要閱讀的內容手動拖到拇指可操作的範圍,而不用另外設置的完全不直觀的所謂可達性手勢。」

2.用手勢取代按鍵

按鈕設計在屏幕底部是一個好的選擇,但並不是最好的選擇。並且有一個一定會受歡迎的解決方案讓人們知道該怎麼操作,不論是五寸還是50吋。那就是手勢—或者更具體的說,輕輕一劃。

不久之前,Brichter 抱怨說UI設計師並沒有積極的將我們的手指滑動這一手勢利用充分。各種菜單及功能鍵都可以通過設計手勢來隱藏。以至於我們處在一個所有屏幕上端都是無用按鍵的階段,設計師沒有很強的動機去重新思考手勢的作用。

Mark Kawano指出,Apple的確在去年秋天公開的IOS7中加入了一個向右滑動後退的手勢,「可能他們已經知道更大的屏幕要來了。」 Storehouse這個應用就是聰明的借助Apple的設計趨勢:任何時候你在一個故事中,你可以向任何方向滑動退出。這在小螢幕上操作顯得精妙而且自由。但是在更大的螢幕上,Kawano覺得這就是必要而不是多餘的選項。

3.應用多功視窗

在手機上,無論橫豎螢幕,內容總是一個視窗的。一個窗口就全部塞滿訊息流。但是在iPad或者Android平板上,多功視窗模式則允許多個app在運行。

「為什麼不讓兩個拇指都動起來呢?」

Ashish Toshniwal,Y Media Labs的CEO(Y Media Labs為PayPal 和Amex製作AAA移動app)相信多功視窗將被用在app內,因為Apple在IOS8中支持了更多手勢,並且已經在超大的iPhone6 Plus中實現。自帶App比如Mail可以多功視窗使用,開發者們也會得到新的權限工具令其更加好用。目前,Apple的軟件套件允許開發者限定是否需要多功視窗,且多功視窗權限並不以iPad或者iPhone app分類,而是以螢幕大小來分類。並且他指出多功視窗就像剛被發掘出的客製化app的機會,能延伸出非常特殊的用戶需求。

「考慮到在免持模式下用GPS。iPhone6 Plus用戶可以利用多功視窗去運行他們的GPS,從而提供更好的全方位導航體驗,」他寫道。「舉個例子,在同一視窗模式下的,文字指示,切換路線,事故報告甚至音樂控制。」

Wroblewski 給我們看他之前BLOG上的內容,幾乎說道的都發生了。多功視窗模式是一個UI的機會,其簡單的人因工學原理口述都能表達清楚。當我們拿著筆記本或者一個「平板手機」在全景模式,你需要用兩隻手以保證設備平衡這不僅僅是一個大拇指的任務,而是兩個去完成UI的導航。為什麼不都給他們兩個點事情做做?

編譯者題外話:讀了這篇文章令小編想起了當初的N9+Meego,對於手持設備手勢交互的探索,沒有比它更激進的。這之後的各種手機或者應用的手勢設計思路都像是在為它致敬!所以下一期小編會發一篇老文章,讓我們來回顧一下那個系統大戰還沒有定論的年代!

巨匠電腦開設了視覺設計課程,教你UI使用者介面設計、響應式跨平台網頁設計等等,快來巨匠電腦輕鬆學!

文章與圖片出處: http://www.appshooting.com.tw/2014/09/leiphone0922/

 

【視覺設計課程】視覺設計也能賺錢? 巨匠電腦培訓課程挖掘你的創意

巨匠電腦分享視覺設計實務,台灣設計師週「探索」主視覺公開

巨匠電腦視覺設計分享,「箭頭斑馬線」讓行人自動分流

巨匠電腦分享,大螢幕iPhone帶來了使用者介面設計的三種改變

巨匠電腦建築室內設計:穹頂之下 Google可移動智慧型辦公樓

錚/

巨匠電腦建築室內設計分享,穹頂之下 Google可移動智慧型辦公樓

繼Apple和Facebook之後,Google也將始計劃擴建新的總部園區,並於上月揭露最新總部設計藍圖。相信很多人都已經在網路上看過Google在各國的創意辦公室,而作為Google總部,更是不能簡單帶過,位於加州山景的Google總部園區委託丹麥建築師Bjarke Ingels與英國建築師Thomas Heatherwick這兩名以誇張設計風格而著稱的建築師共同合作,將總部改造為智慧型綠建築,牆壁、天花板以及地板都可以調整重組,景觀還能隨心情改變,雖然方案中的許多部分,靠當今仍無法技術達成,設計師們需要不斷地創新克服現有困難,但他們仍抱持希望將在2020年能打造出第一個街區。
1507270947040.jpg

Google新的總部園區原佔地400萬平方呎(約11萬坪),計畫新增250萬平方呎(約7萬坪),大到像一座「Google城」空間中包括一超大型透明玻璃、流線未來感的頂棚覆蓋園區,讓空間由傳統的建築元素如牆壁、窗戶與天花板中解放,除了可以更好地利用自然光,還能調節氣溫、污染與音量。建物群除了有跑道、自行車道、停車場以及咖啡館、餐廳和商店等,了因應公司的新理念「大自然之中工作」,還規劃了12公頃綠地,擁有植物、動物和各種自然景觀,彷彿一座「生態公園」,希望能徹底打消城市建築和自然環境之間的界限。

為了因應現代社會的快速變化,總部將被打造成一座「隨插即用型建築」(「隨插即用」指在電腦上加上一個新的外部裝置時,能自動偵測與配置系統的資源,而不需要重新組態或手動安裝),依靠一些可輕鬆移動的輕質區塊式建築結構,一個團隊的辦公室可以裝載至車輛隨後轉移至總部的另一位置,具體取決於這一團隊將與哪些其他團隊開展合作,整個空間變得像一套巨大的家具組件,可以自由組合。

Google的房地產副總裁David Radcliffe表示,其實公司的構想相當簡單,就是希望建築能像APP一樣,需要時就能即時更新、做出改變;根據設計方案,Google總部園區會採預鑄模組再組合安裝的方法建造,在建築材料的選擇上,設計公司也會選擇新型材料,以保證建成後的房屋在日後可以被輕鬆拆卸和移動,也是為了未來可能在基地旁購入新的地塊繼續興建而預作打算。
目前Google在山景城有二萬多員工,新總部落成後,新增加的一萬名員工人數,是否為山景城帶來更擁擠的交通和住房問題,已經在山景城引起討論。 Google所在地美國山景城的議會擔心,越來越壯大的谷歌會給整個城市帶來更多問題,並有可能取代議會成為城市的主宰。另外,山景城還擔心,隨之而來的住房激增,除了會讓當地房價高漲,也對生態產生危害。

但Google說明,未來的新總部會相當「敦親睦鄰」,住在附近的人都能使用新建築,這裡會是散步或週末打發時間的好去處,透明的「帳篷」會被蓋在建築體與戶外區域的上空,在保證自然採光和通風的基礎上,來調節氣候對「靈活建築」的影響,也增強建築和自然的一體性。同時將特地留下30英畝(約3.6萬坪)的公園與綠地,雷德克里夫也強調要與社區結合,將會提供多條自行車道,以及向當地店家招商;同時也要促進生態環境,加強保護穴鴞棲地、拓展河床等。

巨匠電腦開設了建築室內設計課程,教你室內設計實務、Revit綠建築設計等等,快來巨匠電腦輕鬆學!

文章與圖片出處: http://www.mmag.com.tw/ad/20150307-architectural_design-1073

 

巨匠電腦建築室內設計分享,自然山水交融 ─ 日本滋賀縣立近代美術館擴建項目

巨匠電腦建築室內設計分享,火車站裡有溫泉!311震後重建JR女川駅正式啟用

巨匠電腦建築室內設計分享,穹頂之下 Google可移動智慧型辦公樓

【建築室內設計見證】美夢成真 巨匠電腦帶你邁向室內設計師之路

巨匠電腦:工業設計再生能源 ─蛋形小屋ECOCAPSULE

錚/

1507270932410.jpg
巨匠電腦工業設計分享,完全使用再生能源,無處不是我家的蛋形小屋ECOCAPSULE
最近在台灣還蠻夯的露營,其實在國外已經流行很久。過去許多人一提到露營,往往想到的都是吃不好、睡不好,上廁所不方便,洗澡很麻煩的克難環境,其實現在的露營環境已經比過去好很多,營地規劃也比過去進步、周延許多,應該可以幫很多人克服對露營的障礙。

如果還不行的話……或許可以考慮一下斯洛伐克建築事務所 Nice Architects 最近所推出的 Ecocapsule!

看起來小巧、時尚的 Ecocapsule,其實算是個小型避難所,長14.6呎(約4.45公尺)、寬7.9呎(約2.4公尺)、高8.2呎(約2.5公尺),可以輕鬆用汽車拖拉運送,在它鵝蛋形的可愛外表下,還配備了一張舒服的床和簡單的廚房設備,還有沖水馬桶和能夠來個熱水澡的淋浴間,拿來當成露營車使用,的確是蠻方便的。

不過這些都不是 Ecocapsule 最厲害的地方,Ecocapsule 完全使用再生能源做為動力來源,包括太陽能、雨水蒐集和過濾器,以及風力發電設備,因此就算來到荒郊野外,上面這些吃喝拉撒睡的障礙,完全都可以迎刃而解。

除了當成露營車之外,Ecocapsule 內部的收納空間,也可以使它搖身一變成為簡易的行動實驗室,旅人休憩用的旅舍,或甚至是提供人道援助使用,特別是在水電中斷的災區,完全使用再生能源的 Ecocapsule,至少可以提供災民一個比較舒適、等待回到正常生活的過渡空間。

Ecocapsule 將在 5 月 28 日在維也納的 Pioneers Festival 正式亮相,預計在年底就能對外販售。

巨匠電腦另外也開設了工業設計課程,教你AutoCAD使用、Pro/E產品設計等等,快來巨匠電腦輕鬆學!

文章與圖片出處: http://www.mydesy.com/ecocapsule

 

【工業設計課程】巨匠電腦分享,結合摺紙藝術與電磁驅動的微型機器人

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

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

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