旗下產(chǎn)業(yè): A產(chǎn)業(yè)/?A實(shí)習(xí)/?A計(jì)劃
全國統(tǒng)一咨詢熱線:010-5367 2995
首頁 > 行業(yè)資訊 > UI大牛帶你解析Ios

UI大牛帶你解析Ios

時間:2018-02-28來源:mwtacok.cn點(diǎn)擊量:作者:吳冬冬
時間:2018-02-28點(diǎn)擊量:作者:吳冬冬

眾所周知,iOS和Android是當(dāng)今兩大移動平臺,前者采用Human Interface Design,后者采用Material Design。作為設(shè)計(jì)師,尤其是App設(shè)計(jì)師,總是會在這兩者進(jìn)行設(shè)計(jì)。如果你的產(chǎn)品能在井噴的App里推穎而出,這一定會是超級棒的體驗(yàn)。你做到了,設(shè)計(jì)改變生活。

那么,如何設(shè)計(jì)出一款界面精美的移動端App呢?

如果你是為iOS設(shè)計(jì)應(yīng)用程序,那么此文你可以好好看一看。我們都知道用戶界面會直接影響到用戶體驗(yàn)。所以本文中,我首先精心挑選了12款最佳iOS移動應(yīng)用程序模板和案例,它們都有著優(yōu)秀的iOS用戶界面設(shè)計(jì)(iOS設(shè)計(jì)模式)和良好的用戶體驗(yàn),涵蓋生活類,雜志類,體育類,天氣類,網(wǎng)上購物類等等。此外,本文還提供了一些iOS人機(jī)界面設(shè)計(jì)指南。希望能對您有所幫助。

1. City App

類別:導(dǎo)航

系統(tǒng)要求:支持iOS 9.0以上

City App是一個iOS應(yīng)用程序模板,也是一款以用戶為中心的信息類集合軟件。City App用于提供城市指南解決方案,并可以顯示你所在城市的有趣地點(diǎn),并加以描述性介紹。

用戶還可以直接通過相機(jī)照片搜索圖片所在定位,一張圖片就是一個數(shù)據(jù)的集合。Admin后臺可集中管理地點(diǎn)數(shù)據(jù),但您可以對其編輯,更新或刪除。來自世界各地的風(fēng)景優(yōu)美的圖片是界面色彩的主要構(gòu)成,非常美觀。

 

2. Triibe

類別:生活方式

系統(tǒng)要求:iOS 9.3或更高版本,與iPhone,iPad和iPod touch兼容

Triibe是一個引領(lǐng)全新的社區(qū)類iOS應(yīng)用程序,它是專門為制作達(dá)人設(shè)計(jì)的一款產(chǎn)品。它提供一種最簡潔、直觀的方式展示你的手工創(chuàng)作和學(xué)習(xí)創(chuàng)意。任何題材設(shè)計(jì),包括工藝,烹飪,家居,時尚等等,都可以得到展示。該App的一大特色使其精美的界面,用戶在這里上傳和展示其手工作品,搭配純凈的淺色背景,幾乎和任何的設(shè)計(jì)作品都能呼應(yīng)。

 

3. Design Events near you

類別:活動

系統(tǒng)要求:沒有限制

Design Events,顧名思義,就給人一種充滿設(shè)計(jì)感的印象。它是由來自印度的一位才華橫溢的設(shè)計(jì)師Johny vino設(shè)計(jì)的。它一款典型的iOS應(yīng)用程序,主要用于發(fā)現(xiàn)你身邊的各種設(shè)計(jì)活動以及您所在城市和附近地區(qū)的各種戶外活動。它可以智能的進(jìn)行有趣的活動推薦。該App的動畫交互和過渡都非常簡潔流暢,搭配明快的配色,讓人覺得眼前一亮。

 

4. Trove

類別:播客和時尚

系統(tǒng)要求:iOS 9.0或更高版本,與iPhone,iPad和iPod touch兼容

這是一個非常酷炫時尚的iOS應(yīng)用程序。借助Trove,您可以隨時隨地找到自己喜歡的風(fēng)格,獲取來自世界頂級風(fēng)格影響者的無盡靈感和建議,追隨頂級時尚博主。瀏覽“精選”服裝,可以發(fā)現(xiàn)并關(guān)注與您風(fēng)格一致的博客。此外,“My feed”選項(xiàng)卡,可以讓您隨時查看收藏夾,并將物品添加到您的收藏夾中,以便稍后再購買或可以選擇立即購買,你的所有選擇都是自由的。

 

5. Nowait Guest

類別:食品和飲料

系統(tǒng)要求:iOS 9.0或更高版本,與iPhone,iPad和iPod touch兼容

Nowait Guest是一個簡化生活的iOS App。使用該應(yīng)用程序,可以為您節(jié)約大量的訂餐等待時間,很餐廳都已經(jīng)開始投入使用該App,以方便其顧客可以提早了解其訂餐情況,包括Chili’s,Buffalo Wild Wings,F(xiàn)irst Watch等。用戶在家時,就可以隨時查看附件餐廳的當(dāng)前等待時間,然后做出決定是否前往。餐廳的圖片使用非常吸睛,整個界面看起來讓人覺得“垂涎三尺”。

 

6. The New York Times

類別:雜志和報紙

系統(tǒng)要求:iOS 9.0或更高版本,與iPhone,iPad和iPod touch兼容

這是一款家喻戶曉的應(yīng)用程序,幫助您隨時隨地掌握最新信息,對于新聞愛好者和喜歡閱讀的用戶而言,這是一款比書美觀,但和書一樣能用文字傳達(dá)信息的程序。該程序與iPhone,iPad和Apple Watch的NYT應(yīng)用程序一起獲得過聞類應(yīng)用程序獎項(xiàng)。它具有新聞快訊,多任務(wù)處理,晨報和晚報,播客,保存文章以供日后在任何設(shè)備上閱讀等功能。

 

7. iPhone X – Todo Concept

類別:雜志和報紙

系統(tǒng)要求:iOS 9.0或更高版本。與iPhone,iPad和iPod touch兼容

iPhone X – Todo Concept是由Jee-Jeong為Norde設(shè)計(jì)。它是基于iPhone X概念而制作的一個新原型。該原型的草圖和psd模型都可以免費(fèi)下載。它是設(shè)計(jì)師特別為iPhone X的發(fā)布而設(shè)計(jì)的。它的動畫過度和轉(zhuǎn)換都非常流利,其色彩選擇鮮明大膽,極富感染力。留白的界面設(shè)計(jì)模式,和各種純色背景都能形成鮮明對比,突出了重要信息,又美化了界面。

 

8. Cloud Music Offline MP3 Music

類別:音樂

系統(tǒng)要求:iOS 9.3或更高版本,與iPhone,iPad和iPod touch兼容

對于喜歡聽音樂的人來說,這是一款不容錯過的音樂應(yīng)用程序。您可以輕松地將音樂從云端下載到您的設(shè)備并脫機(jī)播放。您的設(shè)備上就是一個無限量的音樂庫。其音樂播放列表非常有趣,設(shè)置了動畫多樣的操作按鈕。整個界面白色純背景,干凈而簡潔,用戶的注意力會停留在其喜歡的音樂上,不會分散。該程序支持所有最流行的音樂文件格式:.flac .mp3,.aiff,.m4a,.wav 等等。

 

9. KicksOnFire: Buy Sneakers

類別:運(yùn)動

系統(tǒng)要求:iOS 8.0或更高版本,與iPhone,iPad和iPod touch兼容

這個應(yīng)用程序是是專為運(yùn)動鞋發(fā)燒友設(shè)計(jì)的,主要是推送新款運(yùn)動鞋的特別發(fā)布日期及其相關(guān)新聞。該程序是App Store下載量最大的運(yùn)動鞋發(fā)布日歷類應(yīng)用程序,不僅是獲得第一手運(yùn)動鞋咨詢,您還可以在這里購買您最喜愛的運(yùn)動鞋。其推送會基于您的個人資料智能進(jìn)行個性化的發(fā)布和價格估算。

 

10. Airbnb

類別:旅行

系統(tǒng)要求:iOS 9.0或更高版本,與iPhone,iPad和iPod touch兼容

家喻戶曉的一款A(yù)pp,風(fēng)靡全球。當(dāng)您準(zhǔn)備旅行,從Airbnb開始享受難忘的旅行體驗(yàn)吧。這里,所有關(guān)于旅行的事情都變得更加美好,比如尋找旅行冒險,遠(yuǎn)游或找到一個全新的地方。游客可以獲得度假屋租賃,體驗(yàn)一種新體驗(yàn),并在世界各地參觀的地方。如果您有房屋待租,Airbnb也是一個最佳平臺,在這里,你絕對會當(dāng)一個優(yōu)秀的“房東”。

 

11. Local Weather Radar & Forecast

類別:天氣

系統(tǒng)要求:iOS 9.0或更高版本,與iPhone,iPad和iPod touch兼容

該程序是一個當(dāng)?shù)赝黄菩缘奶鞖庑侣劜驛pp,也是一個美國本地,乃至世界各地的交通應(yīng)用程序。只需一個點(diǎn)擊,就可以來回切換地位,以便隨時查看您的朋友和家人所在地的天氣情況。該程序還可以以小時來記錄您所在地區(qū)的氣溫變化情況,形成以個獨(dú)特的“氣溫變化”列表。

 

12. Sofa

類別:電影,電視和書籍

系統(tǒng)要求:iOS 9.3或更高版本,與iPhone,iPad和iPod touch兼容

這是一款iPhone應(yīng)用程序,是可以讓您沉浸在書籍,電影或電視節(jié)目中度過美好時光的一款A(yù)pp。您可以自定義創(chuàng)建電影,電視節(jié)目,書籍等列表,也可以將電影,電視節(jié)目和書籍添加到任何列表中。當(dāng)您需要搜索某一條目時,可以通過向下滑動操作來直接解鎖。

以上是2018年12個非常棒的iOS移動應(yīng)用程序,它們中的大部分都位于App Store排行榜的首位,下載次數(shù)和使用人數(shù)都幾位可觀??戳诉@么多成功的iOS應(yīng)用程序,作為設(shè)計(jì)師,你有沒有思考過,這些App成功的秘訣的是什么?

不難發(fā)現(xiàn),出色的用戶界面和用戶體驗(yàn)至關(guān)重要。iOS設(shè)計(jì)主題將就明晰、尊重和深度,這意味著,在整個iOS系統(tǒng)中,文字在任何尺寸的設(shè)備上都是清晰易讀的,圖標(biāo)是精確而清晰的,并且需要流暢的動畫和交互,有序的視覺層次等等??傊O(shè)計(jì)出來的App需要滿足用戶對質(zhì)量和功能的高期望值,才有可能成功。

 

那么,設(shè)計(jì)一個美觀精細(xì)的iOS移動界面都有哪些必須注意的點(diǎn)呢?

1. 排版

1)字體

字體選擇不宜多,多則雜亂。只需使用單個字體并使用幾種字體變體即可。蘋果公司使用San Francisco,并根據(jù)產(chǎn)品功能選擇字體。例如,在iOS 7中使用Myriad(Pro)Light,在iOS 9中使用SF-UI。在iOS 10中,舊金山變體是SF UI Text和SF UI Display。你只需按照規(guī)則即可。但為了達(dá)到文字的易讀性和可讀性俱佳,關(guān)于字體選擇和字體布局,你還是要根據(jù)具體情況仔細(xì)斟酌。

 

2)字體大小

iOS的字體大小有其比較明確的規(guī)范,具體查看下表:

 

2. UI設(shè)計(jì)中的顏色

色彩的魔力不言而喻,人都是視覺性的動物。顏色可以傳達(dá)活力和信息,提供視覺連續(xù)性,響應(yīng)用戶行為提供反饋、幫助人們可視化數(shù)據(jù)。自iOS 7以來,Apple一直在為其操作系統(tǒng)界面和預(yù)設(shè)應(yīng)用程序設(shè)置色彩明朗鮮艷的調(diào)色板。關(guān)于顏色的選擇比較自由,你可以使用下面列出的默認(rèn)iOS調(diào)色板,也可以自己定制,以便在同類App中可以脫穎而出。

了解更多:如何在UI設(shè)計(jì)中明智地使用顏色來創(chuàng)建完美的UI界面?

 

3. 圖標(biāo)

iOS的圖標(biāo)風(fēng)格是簡單易懂,并且專注于某個功能點(diǎn)或者信息點(diǎn)。通常情況下,iOS應(yīng)用程序需要使用到不同尺寸的圖標(biāo)。比如,用戶在安裝某一App后,在主屏幕可能需要使用較小的圖標(biāo),但該程序在App Store里又需要更大的圖標(biāo)。關(guān)于iOS圖標(biāo)大小,也有比較明確的規(guī)范:

 

4. iOS 11中的更新

1)加粗的導(dǎo)航設(shè)置

這幾乎是iOS 11中最令人印象深刻的變化。使用粗體標(biāo)題可以讓用戶快速了解其當(dāng)前位置,并進(jìn)行快速標(biāo)簽切換。

 

2)界面布局中的空白區(qū)域

iOS 11的標(biāo)題文本包含一組元素,其中包含圖片和描述,這些元素可以保持組元素之間的較大間距。在這種情況下,設(shè)計(jì)元素保持足夠的間距并且可以用于區(qū)分不必要的裝飾元素之間的層次關(guān)系。






 

預(yù)約申請免費(fèi)試聽課

填寫下面表單即可預(yù)約申請免費(fèi)試聽!怕錢不夠?可先就業(yè)掙錢后再付學(xué)費(fèi)! 怕學(xué)不會?助教全程陪讀,隨時解惑!擔(dān)心就業(yè)?一地學(xué)習(xí),可推薦就業(yè)!

?2007-2021/北京漫動者教育科技有限公司版權(quán)所有
備案號:京ICP備12034770號

?2007-2022/ mwtacok.cn 北京漫動者數(shù)字科技有限公司 備案號: 京ICP備12034770號 監(jiān)督電話:010-53672995 郵箱:bjaaa@aaaedu.cc

京公網(wǎng)安備 11010802035704號

網(wǎng)站地圖