App界面設計對于設計師而言一直是盛久不衰的話題，尤其是如今越來越多的流量轉移到了移動平臺，使得更多的UI設計師涌入移動端領域，甚至出現了市場飽和的言論，對于從事移動端的UI設計師來講，充滿壓力的同時又面臨無限機遇，唯有不斷的學習才能滋生出源源不斷的設計靈感，站穩腳跟。
摹客想在這方面給各位設計師朋友做點什么，除了提供簡單好用的設計工具，我們也整理了非常多的優秀設計案例，希望可以對設計師朋友有借鑒意義。這將會是一個系列的專題，我們以月為單位，整理了國內外設計師的優秀APP界面設計案例，我們是搬運工，更是好設計的傳達者，希望你會喜歡。
接下來為大家分享精美的app UI設計案例：
--手機appUI設計--
更多精彩文章：
App界面設計對于設計師而言一直是盛久不衰的話題，尤其是如今越來越多的流量轉移到了移動平臺，使得更多的UI設計師涌入移動端領域，甚至出現了市場飽和的言論，對于從事移動端的UI設計師來講，充滿壓力的同時又面臨無限機遇，唯有不斷的學習才能滋生出源源不斷的設計靈感，站穩腳跟。
摹客想在這方面給各位設計師朋友做點什么，除了提供簡單好用的設計工具，我們也整理了非常多的優秀設計案例，希望可以對設計師朋友有借鑒意義。這將會是一個系列的專題，我們以月為單位，整理了國內外設計師的優秀APP界面設計案例，我們是搬運工，更是好設計的傳達者，希望你會喜歡。
接下來為大家分享精美的app UI設計案例：
--手機appUI設計--
更多精彩文章：
通過解析市面上的產品是如何通過設計構建用戶的信任關系，提煉出在產品設計中打造信任感的方法
在整個互聯網大環境下，針對精細化運營戰中，信任關系是有效轉化的關鍵，也是企業和品牌傳播的第一生產力。能否獲取用戶信任成為了企業商業價值大小的核心判斷標準。
在金融產品設計中，設計師該如何和用戶構建信任關系，怎樣通過設計細節去逐步影響甚至改變用戶心理感受。本文將由淺入深，從金融設計上，通過解析市面上的產品如何通過設計去構建用戶的信任關系，提煉出在產品設計當中去打造信任感的方法。
通常，我們在做金融產品設計，有以下幾個方面可以提升產品與用戶之間的信任感：
平臺的透明化運作，信息透明，有利于投資者對平臺有一個相對清晰理性的判斷，以便對各平臺進行風險定價和自由自主選擇。通?？梢詮乃膫€方面去透明化平臺的運作情況：
平臺的基本信息和運營信息是投資者衡量、選擇平臺的主要依據，也是監管部門對行業監管的基礎。而作為合規的金融投資平臺，自然包括資質認證、發展歷程、管理團隊、風控措施等信息。
例如做P2P產品，借款方信息應該在不泄露隱私的前提下最大程度公開。主要包括：借款人借款信息清晰，身份信息詳細（如借款人的職位、自身條件、收入來源等一系列基本信息），借款用途，還款來源與放款額度等等。
對于上線產品，審核的尺度標準需要在不涉密的情況下，盡可能公開；相關手續和資料要求要嚴謹。平臺提供的證明材料必須是合法有保障的。
風險備付金是P2P平臺抵御風險的必要條件，協議、銀行查詢賬號盡可能公開，因平臺性質不同，所以公開的形式也有不同。
在設計金融、政府相關的項目產品中，借助當地政府、專業權威機構的威信來和用戶建立信任關系，有相關的組織機構做背書，會讓用戶在整個流程中更容易做出決策；
除非產品的本質和目的都是營銷，否則你所設計的產品是在迎合并滿足用戶的需求，本質上是服務于用戶的工具。
合理的營銷是有效的手段，但是在金融類應用當中，本身已經涉及到非常龐大的數據量，在這種情況下植入營銷信息，會觸發用戶的負面情緒。即使這款金融類產品本身有著極強的粘度，極高的信任度，也會有很多用戶仍然對營銷手段、全新的未知技術，抱有懷疑態度。
例如：剛推出人臉支付時，用戶擔心睡覺時或者別人用自己的照片，就可竊取錢財。
以上三點均是為了在金融產品設計中打造基礎信任感，讓用戶放心、安全的使用金融產品，只有用戶信任了某個產品，才會將自己的隱私信息等向企業開放，從而產生一系列消費、轉換等行為。
那么，什么是信任感？
信任感是基于產品，在用戶感到產品具有一貫性、可預期性和可靠性時產生一種「 可靠服務、價值依賴 」的情感體驗。
這種體驗不僅影響著用戶黏性的強弱、業務目標的實現，也影響著不同生命周期下給產品帶來的價值。如圖所示：
互聯網產品中信任感要如何產生？
想對產品產生信任感，必須建立一個完善俱全的產品心智。當一個用戶從普通的態度到信任一款產品，這個過程是基于「認知」、「情緒」和「態度」建立的。
這個過程在不同的場景所建立的時長也不相同，售賣場景當中是最常見的。
我們有時候會在菜市場大街上看到有人吆喝賣菜刀、賣拖把等各種東西，這時候一群人過來圍觀，然后看到賣家(賣菜刀)為了展示自己商品的賣點，會拿兩把不同的菜刀（一把自家產品，一把不知名的菜刀）去切同一塊豬肉，通過切豬肉的順暢度，來吸引用戶注意和展示自家菜刀鋒利的賣點；這種展示方式，能在極短的時間內改變消費者的情緒和認知，從而改變消費者的態度，以建立消費者對產品的信任，最終提升下單轉化率。
互聯網產品構建信任設計有以下三個階段：
常言道：佛是金裝，人是衣裝。視覺傳達會影響用戶的心理，精致、嚴謹的視覺設計給用戶以專業、安全的感覺，而怪異、隨意的視覺設計給人以粗糙、不專業的感覺。因此，在視覺風格上應避免輕佻、或過于圓潤的設計，細節實現上應杜絕馬馬虎虎。大部分情況下，互聯網金融產品的視覺可以采用偏深色系，如藍色、綠色給用戶以穩重可靠的感覺，并輔助以“鎖”“盾”“資質”等安全標記，增強用戶對安全的認可。
優秀的插畫可以降低人們的焦慮感，同時提升對當前場景的理解力。采用敘述性插畫來描述當前場景，能夠讓用戶更有代入感，更易于理解信息的傳達，具有品質感的插畫還能增強用戶對平臺的信任。
品牌是對產品或者服務的一種保障，因為這種保障，用戶更傾向于使用該品牌的產品，良好的產品使用體驗讓用戶更加信任該品牌，形成一個正向的循環。
以品牌背書、文案強化、品牌升級等形式來對品牌進行確認和肯定，強化用戶的認知，與用戶建立起一種可持續的、可信任的品牌安全感。
品牌背書是為了增強在市場上的承諾強度的手段，通常還會借用第三方的信譽，然后第三方以一種明示或者暗示的方式來作出再一次的確認和肯定。于此與新用戶建立一種可持續的、可信任的品牌關聯。
一般可以從品牌故事、品牌背書和名人效應來進行切入。
品牌故事就是通過產品背后的意義是什么？為什么有這個產品？創始人的情懷是什么？有情感襯托的故事襯托你產品的價值。這點運用的最好的就是羅永浩的錘子科技，每次都在大講情懷，工匠精神，吸引了很大一批錘粉。
品牌背書可以有品牌歷史、投資或者上市背景、品牌規模等等，這部分更多的去結合市場營銷的角度來進行。再有，若你的品牌有名人背書，效果就更好——這也是為什么很多產品面世，要找企業家或者明星甚至國家背書，一人抵萬言，人們更傾向于相信熟悉和崇拜的人和熟悉的事。
這類情況在互聯網的場景中往往以KOL帶貨、探店等形式存在，早些年的小紅書微博探店測評，到近來越來越火的直播短視頻；都是基于人們在對自己信任的KOL面前，選擇信任相對應的產品或消費場景。
通過感知層上的視覺統一及策略層上專業的權威機構、KOL種草的方式去滲透平臺的公信力，進而搭建基礎的信任框架，建立產品服務的進一步連接。
話術是傳遞信任感的重要因素。既要做到實事求是的表達，又要避免引起用戶歧義。話術的首要原則是真誠感，坦誠明確的告知用戶必要的信息，避免帶有營銷感的含糊“套路”。
互聯網金融領域有很多專業術語，向用戶傳達時，我們需要把它轉換成用戶能聽懂的語言，最大限度地降低用戶的理解成本。
一般金融產品的文案要做到三點：簡單易懂、統一認知、突出重點。
簡單易懂——互聯網金融產品的客戶群是普羅大眾，文化水平高低不一，因此傳達的文案必須是清晰的、接地氣的，讓金融術語從專業變成通用化，讓用戶能夠清晰直觀地識別和理解。
最常見的如“提前結清”是銀行的叫法，轉換為用戶的語言是“提前還清”?；蛘呓栀J后還款的方式有“等額本金余額計息”，像這么專業的術語，會讓用戶感到困惑：到底什么是等額本金，余額計息？所以我們在設計的時候，只需告知用戶最想了解的信息，即每月的還款額以及利息即可。
統一認知——如果對金融產品的解釋出現歧義，則可能會出現失之毫厘謬以千里的狀況，容易讓用戶產生不同的理解。解決這類問題的關鍵點在于能否發現歧義，這就需要設計師在設計時對產品業務本身有深刻的理解，能知道問題的存在并敏銳地發現問題。
突出重點——互聯網金融產品有很多必要的規則需要告知用戶，當無法全都在頁面上展現時，通常會使用彈層頁面來輔助用戶理解，先由標題描述中心大意，再給出詳細解釋。
有時候，我們也可以通過信任感的話術，提升產品轉化。
對于借款，大部分用戶會因手續費或后續服務等各類問題而對借款產生一定的抵觸，為了提升借款的轉化率，可以通過改變心理上對借款的固有認知出發，核心目標是增強用戶接受度，讓用戶對借錢這件事產生“心理轉變”。
我們從三個感覺去改變：
臨時感——結合用戶「臨時缺錢」、「臨時周轉」這個情景，在話術上我們可以貼著「短期周轉資金」、「XX備用金」這樣的臨時場景進行表達；通過標簽上的對比，及心理上的行為暗示、選擇性暗示，增大用戶選擇借款的概率；
壓力感——語言表達上，運用「隨時借隨時可以還」、「借2萬元半個月利息僅xxx元」、「1萬元借1天利息僅xx元」，將復雜金融邏輯扁平化、口語化，降低用戶直面借錢的壓力感。
親切感——通過「地方政府與XX銀行給你準備了1份備用金/短期周轉資金」等方式，主動迎合的方式，拉近與用戶的距離。
通過輕量化的展示金融知識，白話講金融的方式提升用戶的認知。
尼爾森十大可用性原則之一，系統狀態的可見性，應該保持在第一位——系統應該始終在合理的時間內，通過適當的方式，告知用戶當前所處的狀態，以及正在發生的事情。在使用產品時，用戶需知道每次交互是否成功了，而產品呈現的當前狀態，能夠讓用戶感受到更強的控制感，借此可以更好的控制，并完成自己的任務，而這種掌控感，能夠加深用戶對于產品的信任。金融產品，更需要有良好的反饋設計，它和金錢聯系緊密，容錯率很低，每次操作都可能引起蝴蝶效應。而良好的反饋設計能減小用戶在使用產品過程中產生的恐慌，幫助用戶獲得信心并提升掌控感，使用戶盡快完成自己的目標。
和普通 APP 相比，金融類的服務不僅要做到好用易用，更要抓住用戶的利益點，給用戶真正帶來轉化的投資策略。并在用戶疑惑的時候，提供相應的幫助。
從傳統銀行線下貸款全流程中可以看出，這里有個后置性的體驗——第四步中，用戶拿到錢后才確切知道每個月的還款額，實際上這種后置性的體驗是很糟糕的，給用戶帶來不確定性和不可控感。
針對線下貸款的這種缺陷，在設計借款產品時，讓用戶了解清楚一切信息之后再來借款?；谶@點考慮，用戶對于還款額的知曉需要前置，我們的設計方案可以是：在用戶輸入完「借款金額」和「借款期限」后，給用戶一個實時的「還款計劃表」，確切地告知用戶「還款日」和「每月還款」（每月還款金額）以及利息的計算方式，給予用戶足夠的把控感和確定感。并且當更改上述任意一個參數時，「還款計劃表」也會出現實時變動，幫助用戶快速找到合適的借款方案。
用戶往往不善于處理數字內容，簡單的加減法、乘法對于很多人而言不是問題，但是一旦需要快速進行混合運算，或者涉及到更復雜的內容時，絕大多數用戶會選擇使用計算器，甚至更專業的工具。
數據可視化如今已經可以更好地集成到 APP 當中，擁有及時報告和分析的功能，在貸款、金融、 財務這樣的 APP 當中，合理地運用這些更易于理解的視覺信息，可以更好地幫助用戶理解和吸收內容。
用戶一向不喜歡復雜的東西，除了不易理解外，更擔心因自己理解錯誤帶來意外的損失，而金融產品的損失是和金錢息息相關，更為重要。
幫助用戶減少記憶負荷、順暢完成操作目標，是每個產品必不可少的設計點。如微信轉賬，輸入數字時會檢測數額，減去用戶邊輸入邊計算「這是多少錢」的腦力投入。
當涉及到用戶信息安全、人身隱私、行業競爭等時，隱私保護可以避免用戶遇到一些不必要的麻煩，建立起一種【為用戶安全著想】的產品認知。
常見的有：匿名評價、數據脫敏、身份認證信息保護等。
用戶對同類群體有情感共鳴。通過傳播內容故事化把信任心智具象呈現，喚起用戶的情感共鳴，進而從內心接受、信任金融投資/貸款服務。
例如：支付寶在年前白酒基金大漲的時候，基金討論區底下出現了各種相親、屌絲逆襲等有趣的故事，用戶紛紛留言參與，用戶在平臺自發的互動，更增加了品牌好感，從而更加信任產品。
理解用戶思維，替用戶考慮，提升用戶決策效率。用戶的決策效率可以從三方面去提升：安全性、性價比、真實性
人們面對某事物可能會帶來的傷害/損失時，都會有一種本能的“警惕感”。
金融產品，在設計的時候突出與權威機構合作的詳細信息，向用戶提供基本安全保障，減少用戶的安全顧慮。
性價比是人們衡量「付出成本與回報價值」之間的一種決策依據。而為了讓用戶降低這種決策依據，除了自我服務/實力的展示外，往往需要一種「參照物」來凸顯性價比。而「參照物」 的形式多種多樣，不管是競品數據，還是各種優惠信息、額外禮物/禮包、售后服務等等。目的都是通過該參照物，向用戶傳遞一種「劃算」、「值得」的心理效應。
例如：一些平臺推出自己的理財產品的時候，會注明：與余某寶相比，年化多出XX%。
支付寶的「財運紅包」、京東金融「滿減券」，通過紅包抵扣，減少用戶開支，得到性價比高的基金。
基金轉換，為用戶思考，減少時間成本，讓用戶快速獲取收益。
光是性價比高還只是片面依據，至于內容是否屬實，成為了我們與用戶建立信任感中最重要的影響因素。
在視覺的呈現上向用戶直觀地展示相關的數據等，能在極短的時間內改善用戶的認知和態度，從而建立起短暫的信任感。
或者通過真實投資故事，感知受益人的「現身說法」，營造身邊的人通過投資獲得了助力，進而整體塑造用戶對平臺服務的信任心智。
金融產品的信任感設計是一件需要長期堅持的、正確且有難度的事情，它是一個循序漸進的互動過程，新生金融產品獲信極其艱難，基本信用值是一點一滴的日積月累，一旦失信一次，用戶就很難再信任。
通過平臺公信力及產品優質服務，建立與用戶的信任連接，進而全面升級信任關系。無論是體驗設計還是視覺設計，都可以幫助企業拓展品牌和業務，建立和增強用戶之間的粘性，只有重視產品信任感設計，做好產品體驗，才能為產品的有效轉化奠定良好的基礎。
藍藍設計建立了UI設計分享群，每天會分享國內外的一些優秀設計，如果有興趣的話，可以進入一起成長學習，請掃碼藍小助，報下信息，藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯系。
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務
相比于去年發布的 macOS 11 和 iOS 14 的 WWCD 2020，今年的 WWDC 確實是顯得變化沒有那么大，在系統視覺層面上，macOS 12，iOS 15，iPadOS 15，watchOS 8 似乎并沒有那么多「革命性」的改變。老實說視作為一次日常的產品功能迭代就好了。
不過，iOS 15 當中有不少頗為不錯的新功能，比如實況文本（Live Text），功能更強的 Spotlight，全新的 Safari 瀏覽器，全新的安全機制，等等等等，這些功能足以為用戶提供更好更安全的使用體驗，但是另外一方面，有很多功能對于設計師和開發者這邊有著巨大的影響。
目前來看，Facetime 的多人通話的升級，共享當前界面和屏幕給他人的 Shareplay 很大程度是為了應對全球疫情之下，用戶被封閉和隔離的使用場景，這些功能需要系統級的支持。
而從照片中獲取文本信息的實況文本功能、超強的聚焦搜索功能，還有新的相冊自動生成回憶視頻的功能，則和蘋果自身在機器學習領域的挖掘息息相關，對于想要在這一領域有所建樹的團隊，可以參考這些內置的功能，如何用好神經網絡的軟硬件，可以參考相關的開發文檔。
關于 iOS 15 在我看來最值得聊且對于設計和運營有較大影響的部分，其實是全新的通知推送系統，以及 「專注模式」這一功能。在整個發布會結束之后，蘋果的 HIG 頁面當中，只有一小部分的內容隨著新系統的發布而隨之更新了，而這其中就包含信息推送和 「專注模式」的部分。
信息推送和當下用戶日常內容和信息消費習慣緊密關聯。越來越多的 APP 和越發頻繁的信息推送給用戶帶來的信息壓力已經成為一個廣泛存在的問題，一直到今天，這個問題都沒有一個足夠完美的解決方案。
針對注意力管理的問題，iOS 15 所給出的解決方案算是一個比較折衷且比較合理的處理機制。
在基礎的信息推送內容的視覺設計上，iOS 15 針對通知欄的小卡片的排版視覺進行了優化，放大了 APP 圖標并置于卡片的左側，對于通訊類 APP 當中用戶發送的信息，則采用了用戶大頭像 + APP 小圖標 的組合形態，增加信息來源的辨識度，并以這種形式更清晰地告知用戶，所收到的信息的來源，以及它的屬性。
iOS 15 還可以根據用戶設置的時間表或者所處的模式，快速收集每天收到的的通知，構建成為一個較大的通知摘要大卡片，而摘要的內容呈現將會按優先級進行智能排序，位于頂部的卡片相關度最高。（所以 APP 通知推送會因為這種機制開始一輪新的內卷么？）
值得注意的是，新的推送摘要因為是按照優先級排列，所以各種 APP 當中優先級最高的通知將會被匯總到一起。
摘要信息的組織并不是借助單一算法來實現的，同樣的，其中用到了機器學習的功能，借助神經網絡芯片來更好地對信息進行針對性的篩選，并推送給用戶，以圖更好的體驗。
在原本的 iOS 14 當中，對于單個 APP 的推送管理方式比較簡單，除了「關閉」，就只能選擇「隱式推送」，
在 iOS 15 當中，用戶可以針對單個 APP 的推送進行更細致的選擇和處理：
更多選項當中，可以選擇讓 APP 「靜音一小時」或者「今天不再推送」以避免干擾。
整個 iOS 15 的通知處理的機制都是圍繞著降低用戶信息載荷的目標來進行的，除了管理層級的細化，專注模式更是之前 iOS 14 中「勿擾模式」的全面升級。
其中，為了對推送通知進行更加細致的處理，通知功能的類型也有了更為詳細的分類，并且在 HIG 設計規范進行了更為詳細的說明。相關詳細內容在第四節。
「專注模式」是為了應對信息過載的問題，并且試圖改善推送通知影響用戶注意力的情況，希望借此來幫助用戶更加專注于進行中的任務。
系統基于常見的幾個使用場景，提供了「個人」「工作」「睡眠」三個場景，并且保留了之前的「勿擾」模式，單擊底部「+」號還能添加更多模式，其中還包括「駕駛」和「游戲」等不同的預設場景模式。
除了「勿擾」模式之外，其他模式下，用戶可能會收到與這些場景相關的應用，而用戶可以在 iOS 15 的系統智能推薦之下，快速增刪當前模式下可以推送通知的 APP。
在指定模式下，用戶收到的推送通知的內容、類別都會高度相關，降低干擾性。
同樣的，為了搭配不同的專注模式，還可以基于模式設置特定的主屏和桌面小插件，成為當前模式下的信息和管理中心，更加方便地管理當下的任務，達到「專注」的目標。
而「專注模式」更為智能的一點，是系統會根據地理位置信息，有意識地提醒用戶是否要切換模式：
同時，當用戶將手機設為特定模式之后，綁定同一帳號的其他設備也會自動切換到同一專注模式之下，達到統一管理的目的：
當然，除了基于位置進行「專注模式」的切換之外，用戶可以通過右上角下拉的「控制中心」對「專注模式」進行手工的切換管理。
而無論是新的通知系統還是「專注模式」，在信息管理的顆粒度上都比以往更加細致，這很大程度上是基于新的推送通知的類別管理，這一部分內容在 HIG 設計規范上已經得到更新，并且有著非常詳細的說明。
下面是關于推送通知章節更新的主要部分（考慮到篇幅，對部分非關鍵內容進行了精簡）。
https://developer.apple.com/design/human-interface-guidelines/ios/system-capabilities/notifications
用戶希望收到他們關心的事情的通知提醒，但并不總是喜歡被打擾。為了幫助用戶管理整體體驗，需要在發送任何通知提醒之前獲得用戶的許可；系統允許用戶在「設置」>「通知」中更改，并調整推送提醒樣式，可以預覽，并且可以和 Siri 交互。用戶還可以在「設置」>「專注」中讓所有通知都靜音（某些地區的政府警報除外）。
相關開發人員說明，請參閱 UserNotifications。
在 iOS 15 及更高版本中，用戶可以通過指定專注模式時間，設置專注模式下通知推送的具體行為，而進行細粒度的管理。專注模式可幫助用戶在他們為睡眠、工作、閱讀或駕駛等不同狀態下，定義這一時間段內通知推送的具體行為。
用戶可以篩選出哪些通知或者 APP 可以在特定專注模式下，被推送給用戶。比如在工作專注模式下，用戶可能希望收到來自同事、家人以及工作相關的 APP 推送的信息，用戶可能還希望收到時效性較強的通知。
盡管專注模式下，可能會有一些通知被延遲推送給用戶，但是通知信息在收到的時候即立刻發揮作用。
想要定制化地推送信息，那么你需要確保你的 APP 能夠支持信息直接推送，就像電話或者短信樣的通訊通知（communication notifications），而其他類型的弱時效性的推送則使用非通訊通知（noncommunication notifications） ，而想要支持通訊通知，你需要引入 SiriKit ，這也意味著用戶可以使用 Siri 來進行自定義通知推送行為。具體的參閱INSendMessageIntent和UNNotificationContentProviding。
為了更好的方便用戶針對推送通知進行管理，你需要對你的 APP 的推送通知的中斷級別進行定義，不同級別的定義決定了通知何時推送，系統在不同狀態下是否要推送，以及如何處理。目前，將推送通知的中斷級別劃分為4個等級：
具體的屬性還可以參考下面的表單：
值得注意的是，這4個層級是逐漸遞進的，因為后兩種推送通知需要的優先級較高，所以最好獲得用戶的許可。
此外，在設計通知推送系統的時候，還有3個關鍵的注意事項：
藍藍設計建立了UI設計分享群，每天會分享國內外的一些優秀設計，如果有興趣的話，可以進入一起成長學習，請掃碼藍小助，報下信息，藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯系。
文章來源：優設 作者：陳子木
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務
App界面設計對于設計師而言一直是盛久不衰的話題，尤其是如今越來越多的流量轉移到了移動平臺，使得更多的UI設計師涌入移動端領域，甚至出現了市場飽和的言論，對于從事移動端的UI設計師來講，充滿壓力的同時又面臨無限機遇，唯有不斷的學習才能滋生出源源不斷的設計靈感，站穩腳跟。
摹客想在這方面給各位設計師朋友做點什么，除了提供簡單好用的設計工具，我們也整理了非常多的優秀設計案例，希望可以對設計師朋友有借鑒意義。這將會是一個系列的專題，我們以月為單位，整理了國內外設計師的優秀APP界面設計案例，我們是搬運工，更是好設計的傳達者，希望你會喜歡。
接下來為大家分享精美的app UI設計案例：
--手機appUI設計--
更多精彩文章：
App界面設計對于設計師而言一直是盛久不衰的話題，尤其是如今越來越多的流量轉移到了移動平臺，使得更多的UI設計師涌入移動端領域，甚至出現了市場飽和的言論，對于從事移動端的UI設計師來講，充滿壓力的同時又面臨無限機遇，唯有不斷的學習才能滋生出源源不斷的設計靈感，站穩腳跟。
摹客想在這方面給各位設計師朋友做點什么，除了提供簡單好用的設計工具，我們也整理了非常多的優秀設計案例，希望可以對設計師朋友有借鑒意義。這將會是一個系列的專題，我們以月為單位，整理了國內外設計師的優秀APP界面設計案例，我們是搬運工，更是好設計的傳達者，希望你會喜歡。
接下來為大家分享精美的app UI設計案例：
--手機appUI設計--
更多精彩文章：
即時通訊界面設計 表達其物流行業的專業性和商務性，標識整體精致細膩，令人印象深刻，在界面設計時以厚重，大氣的配色方案和視覺風格提升整個品牌的含義。
藍藍設計建立了UI設計分享群，每天會分享國內外的一些優秀設計，如果有興趣的話，可以進入一起成長學習，請掃碼藍小助，報下信息，藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯系。
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務
無論是在生活場景、工作場景還是學習場景中，視頻播放的普及度都已經非常之高，為我們的多元化場景帶來便利。視頻功能在產品中的體現也已經成為基礎功能，在設計層面的不斷優化對于產品設計師來說至關重要。
本文特意結合目前比較熱門的產品，為大家梳理了涉及到視頻功能的產品在設計上面的解決方案。希望這些優秀的設計思考可以帶給產品設計師更多的靈感，不斷探索和發現優秀的設計解決方案。
影視類產品在不斷優化用戶體驗的時候，為了滿足用戶在一些特殊場景下的使用體驗，推出了后臺播放的附加功能。比如用戶在步行中、騎行中，或者處于不便于觀看視頻的場景中，可以采用后臺播放。視頻將會以音頻的形式后臺播放，讓用戶從視聽體驗轉為音頻體驗，也是一種變相的解決方案。
思考：考慮到用戶的多場景需求，而不只是底層的需求。
很多用戶在睡覺前都會習慣刷一下視頻，有時候經常會忘記關閉視頻就入睡了，第二天起來發現手機沒電啦！定時關閉功能的出現解決了用戶這一痛點，可以根據自己入睡的大致時間評估，設置定時關閉的時間段。人性化的功能設置在細微之處考慮到了用戶痛點，圖標設計也是結合場景化表現，提高用戶對于產品的操作體驗。
思考：幫助用戶培養習慣和解決用戶可能會出現的失誤，以情感化的方式拉近與用戶之間的親和力。
為了考慮到特殊人群的使用體驗，讓視頻播放的效果符合不同用戶的視覺感知，色覺障礙優化的功能設置人性化的呈現了解決方案。該功能針對色覺障礙用戶的臨床表現，優化視頻色彩來提高畫面辨識度。
思考：考慮到特殊人群的使用體驗，才能把產品的體驗延伸到更多的場景。
隨著短視頻的盛行，利用空余時間刷視頻成為用戶消磨時間的方式之一。對于視頻上傳用戶來說，根據視頻拍攝的題材會選擇適合的比例，有些題材適合橫屏比例。
抖音作為短視頻平臺積累了龐大的用戶量，視頻的種類和播放比例也是豐富多樣。為了滿足用戶的播放需求，設計了“全屏觀看”的切換按鈕，方便用戶觀看寬屏視頻的需求。觀看體驗的升級帶給用戶人性化的體驗，也方便更多比例視頻的完美呈現。
思考：為用戶提供匹配當前內容的方式，而不要局限在內容創造本身的匹配度上。
在刷短視頻的時候，刷到自己感興趣的內容想要繼續看完續集，以往的做法是進入作者主頁挨個尋找，視頻多了找起來很慢，用戶體驗很差。短視頻平臺提供了“剛剛看過”的快速定位操作，點擊之后會直接定位到剛剛看過的視頻位置，方便用戶觀看續集。人性化的功能設置節省了用戶的操作成本，方便一些持續更新的視頻內容更好的進行觀看體驗。
思考：節省用戶的時間就是提高自己的認可度，培養用戶的依賴度。
在觀看一些兒歌、短片視頻合集的時候，右側的視頻目錄區采用名稱和視頻截圖預覽呈現，直觀的預覽效果增加點擊觀看的欲望。小朋友在刷兒歌視頻的時候，降低了學習成本，切換視頻也更加便利。
思考：降低用戶的理解成本，才能獲得用戶的青睞。
情感化的設計可以拉進與用戶之間的親和力，體現產品人性化的一面。在特定的節假日或者特殊時間內，為了增強氛圍，視頻播放暫停的設計上面設計師也投入了很多小心思。比如在跨年期間，雙擊屏幕暫停時會出現綻放的煙花效果和 2021 年的絢麗文字，氛圍的營造帶動了跨年的氛圍，帶給用戶更加溫馨的感官體驗。
思考：提高用戶體驗的設計，就存在于細微之處的變化中。
有時候我們沒有明確的觀影目標，打開一個視頻后還想繼續尋找更好的影片，又怕當前影片有看點?！爱嬛挟嫛惫δ芙鉀Q了這個痛點，觀看視頻時點擊“畫中畫”當前播放視頻縮小窗口顯示在側邊，用戶還可以繼續瀏覽新的內容，篩選更多可能性。
思考：在用戶沒有明確目標的時候，帶給用戶多種選擇性。
將影片投到電視觀看是家庭觀影的最佳選擇，讓觀影體驗不局限于方寸之間的設備上，還能與家人朋友一起觀看影片。如果家里有小孩子需要看動畫片之類的，除了投屏電視給他們觀看以外，自己還能繼續在 App 上觀看別的影片，雙向選擇提高了用戶的多場景需求體驗。
思考：特殊場景下不僅需要滿足用戶的需求，也要考慮用戶可能會出現的周邊困境。
各種手勢的研究是產品設計師探索的方向，在刷短視頻的時候，向左滑動除了進入作者主頁以外，也有產品選擇曝光作者更多視頻作品。更多視頻的曝光不僅方便用戶觀看續集，還能通過更多視頻的觀看建立對作者的好感度，讓用戶充分的判斷是否需要關注作者。該交互形式給用戶提供了更多的判斷權，也提高了作者更多視頻作品的曝光度。
思考：通過交互形式的改變給用戶帶來便利，也給作者帶來曝光度，平臺也提高了使用體驗，這是最穩固的體驗三角形。
在視頻播放中的手勢交互為用戶的操作提供了便利，短視頻中的單擊暫停/播放、雙擊點贊、長按浮層、左右滑動也有對應的內容變化。目前運用比較多的是單手操作的手勢，同樣的手勢在不同的產品中也激活不一樣的功能操作，比如影視 App 中通常是雙擊暫停/播放。作為產品設計師我們在交互設計的時候，手勢的變化在視頻功能中的運用可以深入探索。
思考：手勢交互的運用可以在原本的基礎上實現更多可能性。
在很多自媒體上大家經常會看到很多影視片段的 GIF 動畫，不僅增加了趣味性，也間接的傳播了視頻內容。很多視頻類產品為了給用戶提供自動生成短視頻和 GIF 動畫的便利，提供了一鍵生成的操作，不僅可以選擇內容區間，還可以自由控制時間。便利的操作降低了用戶的學習成本，還增加了用戶分享的趣味性。
思考：幫助用戶降低在外部平臺上分享內容的制作成本，也是提高自身內容被分享的概率。
截圖屬于手機系統自帶的功能，通過交互路徑操作或者設備按鍵快捷操作完成。而視頻播放器自帶的快照功能更便利，一鍵操作隨時定格畫面，還能快捷分享或者制作表情，非常的便利。
思考：只有把操作的時間和難度降低到臨界值，才能讓用戶逐漸形成依賴。
在觀看影片的時候，針對一些故事情節比較長的影片，我們可以選擇觀看指定角色的片段，或者選擇倍速播放等來實現個性化的觀影選擇。忙碌的生活讓我們少了一些觀影耐心，這也是短視頻備受喜歡的因素之一，片段的播放需求滿足了這部分用戶的需求。
思考：個性化的功能服務可以培養用戶對產品的忠誠度，這是形成種子用戶的關鍵。
由于移動端設備的大小限制，如何在有限的屏幕內進行延展設計，是產品設計師探索的方向。分屏設計是在保持當前視頻播放的前提下將屏幕劃分為更多模塊，不影響內容進展的情況下進行更多功能操作。
比如愛奇藝觀看視頻時的夸夸功能操作，在操作功能的同時不影響用戶的觀影體驗，增加用戶觀影時的互動性。
思考：有限空間內的更多可能性設計，是設計師不斷探索的過程，盡顯方寸之間的設計能力。
還有更多關于視頻功能在 UI 場景中的運用案例，這里僅拋磚引玉的列舉了部分設計分析，更多分析我們下期繼續。
針對單一功能的體驗總結，是分析和積累同一功能不同設計解決方案的形式，輔助增加設計需求中的效率發揮。產品體驗日記總結的不同維度帶來不同的深度思考，希望這個維度的總結起到拋磚引玉的作用，帶給大家更多的思考方向和總結思路。
藍藍設計建立了UI設計分享群，每天會分享國內外的一些優秀設計，如果有興趣的話，可以進入一起成長學習，請掃碼藍小助，報下信息，藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯系。
文章來源：優設 作者：黑馬青年
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務
App界面設計對于設計師而言一直是盛久不衰的話題，尤其是如今越來越多的流量轉移到了移動平臺，使得更多的UI設計師涌入移動端領域，甚至出現了市場飽和的言論，對于從事移動端的UI設計師來講，充滿壓力的同時又面臨無限機遇，唯有不斷的學習才能滋生出源源不斷的設計靈感，站穩腳跟。
摹客想在這方面給各位設計師朋友做點什么，除了提供簡單好用的設計工具，我們也整理了非常多的優秀設計案例，希望可以對設計師朋友有借鑒意義。這將會是一個系列的專題，我們以月為單位，整理了國內外設計師的優秀APP界面設計案例，我們是搬運工，更是好設計的傳達者，希望你會喜歡。
接下來為大家分享精美的app UI設計案例：
--手機appUI設計--
更多精彩文章：
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務
App界面設計對于設計師而言一直是盛久不衰的話題，尤其是如今越來越多的流量轉移到了移動平臺，使得更多的UI設計師涌入移動端領域，甚至出現了市場飽和的言論，對于從事移動端的UI設計師來講，充滿壓力的同時又面臨無限機遇，唯有不斷的學習才能滋生出源源不斷的設計靈感，站穩腳跟。
摹客想在這方面給各位設計師朋友做點什么，除了提供簡單好用的設計工具，我們也整理了非常多的優秀設計案例，希望可以對設計師朋友有借鑒意義。這將會是一個系列的專題，我們以月為單位，整理了國內外設計師的優秀APP界面設計案例，我們是搬運工，更是好設計的傳達者，希望你會喜歡。
接下來為大家分享精美的app UI設計案例：
--手機appUI設計--
更多精彩文章：
藍藍設計的小編 http://www.syprn.cn