iOS 主屏設計的現代化:如何向 Apple Watch 學習

雷鋒網 於 25/10/2014 發表 收藏文章

蘋果在9月發布了Apple Watch,從它身上我們看到的不僅僅是一款全新的產品,也可以看到一種新的UI設計語言,特別是這款智能手錶的主屏設計。這是自2007年蘋果發布iOS以來主屏設計語言的首次變化。

很明顯,Apple Watch代表的是蘋果的未來,但它的UI設計是否代表著iOS的未來呢?我們很難確認,那就先開一下腦洞,想像如果iPhone 6用上Apple Watch的界面設計會是什麼樣子吧。


歷史

要理解蘋果的設計就需要先了解它的設計歷史。 iOS初次登場時運行在3.5英寸的非Retina屏幕上,而且沒有任何第三方應用。隨著時間的推移,iOS上的軟件越來越成熟,不斷有新的功能加入。 2010年iPad加入,但屏幕和圖標都只是變大了而已。同年Retina屏幕登場,UI設計變得更高清。

2012年iPhone 5上市,屏幕變成4英寸,但UI設計僅僅只是加了一行app。直到iOS 7的到來,UI才變成了全新的“扁平化”設計,但基本的設計理念還​​是一樣的。我們從上面這張圖可以看出,自2007年到現在,iOS的UI設計越來越現代化,但卻非常有傳承性,與初始時保持一致。那麼如果走Apple Watch的風格,iOS UI現代化之路的下一步會什麼樣呢?


流暢的一體化設計

把Apple Watch的主屏搬到iPhone上,最大的改變是不再有頁面上的區隔。所有的app散佈在主屏界面上,你可以向任何一個方向滑動。圓形的圖標設計非常現代化,而且app的佈局可以適應各種大小的屏幕,不會覺得太擠或是太散。

基本操作

Apple Watch主屏的中心​​是時鐘,到了iPhone上則會變成Spotlight搜索,它可以迅速搜索本機和網頁的所有內容。每次當你解鎖手機或是退出一個app時都會回到中心點。

有了這種全新的排版,在app很多時用戶不再需要用搜索來尋找某個app,只要用兩根手指在屏幕上捏一下就能進入鳥瞰模式,然後也可以放大,找到你想要的app。這對視力不好的人來說尤其好用。


管理應用也會變得更容易,比如創建文件夾,不用在各個頁面變換來變換去,也不用擔心某個頁面app已滿的情況。一些基本的app管理操作都沒有變化,但卻能夠帶來很多好處,點擊一個文件夾,可以同時看到7個app(見上圖)。把它展開的話就能看到裡面所有的app。
iPhone 6 Plus變得更易用

由於iPhone 6和6 plus屏幕都變得更大,特別是6 plus,很難單手操作。蘋果為此加入了雙擊Home鍵讓界面降下來的設計,從而讓用戶更容易點擊邊角的app。採用Apple Watch的設計後就完全不會有這個問題,app接觸不到你只要把它拽過來就行,因為整個界面是可以向四面八方滑動的。


現在的iOS中,用戶下載一個新app,它會自動在最右邊一個頁面的左上角開始排列下去,這個地方手指很難接觸到,而新設計的app排列順序是從中心向四周擴散。如上圖所示,新app處在手指更加容易到達的位置。

圓形圖標設計

如果iOS換上新設計,是不是所有的開發者都得對自已app的圖標進行重新設計呢?其實基本上是不需要的,我們挑出蘋果官方的一些app來看,直接在原有的圓角矩形設計上裁切成圓形的,發現並沒有很大的不妥之處,除了Passport和行事歷這種本身在邊角有設計內容的圖標會切掉一些內容外,其它的圖標都很完美。許多第三方app也是如此。


而如果你的app也在Apple Watch上運行的話,那就完全不用重新設計了,手機和手錶上可以使用同一套圖標。

把Apple Watch的UI帶到iPhone上,一切看起來都會變得更美好,或許對密集恐懼症患者除外。你如何看待這套假想的UI設計呢?請投票。


資料來源:雷鋒網
編輯:劉方平
標籤: iOS  Apple Watch  

留言


請按此登錄後留言。未成為會員? 立即註冊
    快捷鍵:←
    快捷鍵:→