那么，如何設(shè)計(jì)出一款界面精美的移動(dòng)端App呢？
如果你是為iOS設(shè)計(jì)應(yīng)用程序，那么此文你可以好好看一看。我們都知道用戶界面會(huì)直接影響到用戶體驗(yàn)。所以本文中，我首先精心挑選了12款最佳iOS移動(dòng)應(yīng)用程序模板和案例，它們都有著優(yōu)秀的iOS用戶界面設(shè)計(jì)（iOS設(shè)計(jì)模式）和良好的用戶體驗(yàn)，涵蓋生活類，雜志類，體育類，天氣類，網(wǎng)上購(gòu)物類等等。此外，本文還提供了一些iOS人機(jī)界面設(shè)計(jì)指南。希望能對(duì)您有所幫助。
1. City App
類別：導(dǎo)航
系統(tǒng)要求：支持iOS 9.0以上
City App是一個(gè)iOS應(yīng)用程序模板，也是一款以用戶為中心的信息類集合軟件。City App用于提供城市指南解決方案，并可以顯示你所在城市的有趣地點(diǎn)，并加以描述性介紹。
用戶還可以直接通過相機(jī)照片搜索圖片所在定位，一張圖片就是一個(gè)數(shù)據(jù)的集合。Admin后臺(tái)可集中管理地點(diǎn)數(shù)據(jù)，但您可以對(duì)其編輯，更新或刪除。來自世界各地的風(fēng)景優(yōu)美的圖片是界面色彩的主要構(gòu)成，非常美觀。
2. Triibe
類別：生活方式
系統(tǒng)要求：iOS 9.3或更高版本，與iPhone，iPad和iPod touch兼容
Triibe是一個(gè)引領(lǐng)全新的社區(qū)類iOS應(yīng)用程序，它是專門為制作達(dá)人設(shè)計(jì)的一款產(chǎn)品。它提供一種最簡(jiǎn)潔、直觀的方式展示你的手工創(chuàng)作和學(xué)習(xí)創(chuàng)意。任何題材設(shè)計(jì)，包括工藝，烹飪，家居，時(shí)尚等等，都可以得到展示。該App的一大特色使其精美的界面，用戶在這里上傳和展示其手工作品，搭配純凈的淺色背景，幾乎和任何的設(shè)計(jì)作品都能呼應(yīng)。
3. Design Events near you
類別：活動(dòng)
系統(tǒng)要求：沒有限制
Design Events，顧名思義，就給人一種充滿設(shè)計(jì)感的印象。它是由來自印度的一位才華橫溢的設(shè)計(jì)師Johny vino設(shè)計(jì)的。它一款典型的iOS應(yīng)用程序，主要用于發(fā)現(xiàn)你身邊的各種設(shè)計(jì)活動(dòng)以及您所在城市和附近地區(qū)的各種戶外活動(dòng)。它可以智能的進(jìn)行有趣的活動(dòng)推薦。該App的動(dòng)畫交互和過渡都非常簡(jiǎn)潔流暢，搭配明快的配色，讓人覺得眼前一亮。
4. Trove
類別：播客和時(shí)尚
系統(tǒng)要求：iOS 9.0或更高版本，與iPhone，iPad和iPod touch兼容
這是一個(gè)非常酷炫時(shí)尚的iOS應(yīng)用程序。借助Trove，您可以隨時(shí)隨地找到自己喜歡的風(fēng)格，獲取來自世界頂級(jí)風(fēng)格影響者的無盡靈感和建議，追隨頂級(jí)時(shí)尚博主。瀏覽“精選”服裝，可以發(fā)現(xiàn)并關(guān)注與您風(fēng)格一致的博客。此外，“My feed”選項(xiàng)卡，可以讓您隨時(shí)查看收藏夾，并將物品添加到您的收藏夾中，以便稍后再購(gòu)買或可以選擇立即購(gòu)買，你的所有選擇都是自由的。
5. Nowait Guest
類別：食品和飲料
系統(tǒng)要求：iOS 9.0或更高版本，與iPhone，iPad和iPod touch兼容
Nowait Guest是一個(gè)簡(jiǎn)化生活的iOS App。使用該應(yīng)用程序，可以為您節(jié)約大量的訂餐等待時(shí)間，很餐廳都已經(jīng)開始投入使用該App，以方便其顧客可以提早了解其訂餐情況，包括Chili’s，Buffalo Wild Wings，F(xiàn)irst Watch等。用戶在家時(shí)，就可以隨時(shí)查看附件餐廳的當(dāng)前等待時(shí)間，然后做出決定是否前往。餐廳的圖片使用非常吸睛，整個(gè)界面看起來讓人覺得“垂涎三尺”。
6. The New York Times
類別：雜志和報(bào)紙
系統(tǒng)要求：iOS 9.0或更高版本，與iPhone，iPad和iPod touch兼容
這是一款家喻戶曉的應(yīng)用程序，幫助您隨時(shí)隨地掌握最新信息，對(duì)于新聞愛好者和喜歡閱讀的用戶而言，這是一款比書美觀，但和書一樣能用文字傳達(dá)信息的程序。該程序與iPhone，iPad和Apple Watch的NYT應(yīng)用程序一起獲得過聞?lì)悜?yīng)用程序獎(jiǎng)項(xiàng)。它具有新聞快訊，多任務(wù)處理，晨報(bào)和晚報(bào)，播客，保存文章以供日后在任何設(shè)備上閱讀等功能。
7. iPhone X – Todo Concept
類別：雜志和報(bào)紙
系統(tǒng)要求：iOS 9.0或更高版本。與iPhone，iPad和iPod touch兼容
iPhone X – Todo Concept是由Jee-Jeong為Norde設(shè)計(jì)。它是基于iPhone X概念而制作的一個(gè)新原型。該原型的草圖和psd模型都可以免費(fèi)下載。它是設(shè)計(jì)師特別為iPhone X的發(fā)布而設(shè)計(jì)的。它的動(dòng)畫過度和轉(zhuǎn)換都非常流利，其色彩選擇鮮明大膽，極富感染力。留白的界面設(shè)計(jì)模式，和各種純色背景都能形成鮮明對(duì)比，突出了重要信息，又美化了界面。
8. Cloud Music Offline MP3 Music
類別：音樂
系統(tǒng)要求：iOS 9.3或更高版本，與iPhone，iPad和iPod touch兼容
對(duì)于喜歡聽音樂的人來說，這是一款不容錯(cuò)過的音樂應(yīng)用程序。您可以輕松地將音樂從云端下載到您的設(shè)備并脫機(jī)播放。您的設(shè)備上就是一個(gè)無限量的音樂庫。其音樂播放列表非常有趣，設(shè)置了動(dòng)畫多樣的操作按鈕。整個(gè)界面白色純背景，干凈而簡(jiǎn)潔，用戶的注意力會(huì)停留在其喜歡的音樂上，不會(huì)分散。該程序支持所有最流行的音樂文件格式：.flac .mp3，.aiff，.m4a，.wav 等等。
9. KicksOnFire: Buy Sneakers
類別：運(yùn)動(dòng)
系統(tǒng)要求：iOS 8.0或更高版本，與iPhone，iPad和iPod touch兼容
這個(gè)應(yīng)用程序是是專為運(yùn)動(dòng)鞋發(fā)燒友設(shè)計(jì)的，主要是推送新款運(yùn)動(dòng)鞋的特別發(fā)布日期及其相關(guān)新聞。該程序是App Store下載量最大的運(yùn)動(dòng)鞋發(fā)布日歷類應(yīng)用程序，不僅是獲得第一手運(yùn)動(dòng)鞋咨詢，您還可以在這里購(gòu)買您最喜愛的運(yùn)動(dòng)鞋。其推送會(huì)基于您的個(gè)人資料智能進(jìn)行個(gè)性化的發(fā)布和價(jià)格估算。
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)于旅行的事情都變得更加美好，比如尋找旅行冒險(xiǎn)，遠(yuǎn)游或找到一個(gè)全新的地方。游客可以獲得度假屋租賃，體驗(yàn)一種新體驗(yàn)，并在世界各地參觀的地方。如果您有房屋待租，Airbnb也是一個(gè)最佳平臺(tái)，在這里，你絕對(duì)會(huì)當(dāng)一個(gè)優(yōu)秀的“房東”。
11. Local Weather Radar & Forecast
類別：天氣
系統(tǒng)要求：iOS 9.0或更高版本，與iPhone，iPad和iPod touch兼容
該程序是一個(gè)當(dāng)?shù)赝黄菩缘奶鞖庑侣劜?bào)App，也是一個(gè)美國(guó)本地，乃至世界各地的交通應(yīng)用程序。只需一個(gè)點(diǎn)擊，就可以來回切換地位，以便隨時(shí)查看您的朋友和家人所在地的天氣情況。該程序還可以以小時(shí)來記錄您所在地區(qū)的氣溫變化情況，形成以個(gè)獨(dú)特的“氣溫變化”列表。
12. Sofa
類別：電影，電視和書籍
系統(tǒng)要求：iOS 9.3或更高版本，與iPhone，iPad和iPod touch兼容
這是一款iPhone應(yīng)用程序，是可以讓您沉浸在書籍，電影或電視節(jié)目中度過美好時(shí)光的一款A(yù)pp。您可以自定義創(chuàng)建電影，電視節(jié)目，書籍等列表，也可以將電影，電視節(jié)目和書籍添加到任何列表中。當(dāng)您需要搜索某一條目時(shí)，可以通過向下滑動(dòng)操作來直接解鎖。
以上是2018年12個(gè)非常棒的iOS移動(dòng)應(yīng)用程序，它們中的大部分都位于App Store排行榜的首位，下載次數(shù)和使用人數(shù)都幾位可觀。看了這么多成功的iOS應(yīng)用程序，作為設(shè)計(jì)師，你有沒有思考過，這些App成功的秘訣的是什么？
不難發(fā)現(xiàn)，出色的用戶界面和用戶體驗(yàn)至關(guān)重要。iOS設(shè)計(jì)主題將就明晰、尊重和深度，這意味著，在整個(gè)iOS系統(tǒng)中，文字在任何尺寸的設(shè)備上都是清晰易讀的，圖標(biāo)是精確而清晰的，并且需要流暢的動(dòng)畫和交互，有序的視覺層次等等。總之，您設(shè)計(jì)出來的App需要滿足用戶對(duì)質(zhì)量和功能的高期望值，才有可能成功。
那么，設(shè)計(jì)一個(gè)美觀精細(xì)的iOS移動(dòng)界面都有哪些必須注意的點(diǎn)呢？
1. 排版
1）字體
字體選擇不宜多，多則雜亂。只需使用單個(gè)字體并使用幾種字體變體即可。蘋果公司使用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òng)物。顏色可以傳達(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)格是簡(jiǎn)單易懂，并且專注于某個(gè)功能點(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)系。
地址：Mockplus
作者：jongde
轉(zhuǎn)載請(qǐng)注明：學(xué)UI網(wǎng)》iOS界面設(shè)計(jì)：12個(gè)優(yōu)秀案例激發(fā)你的靈感
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計(jì)( www.73404.com.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)、
UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司