手機(jī)UI中的交互是保持產(chǎn)品鮮活生命力的源動力。好的交互可以幫助用戶快速地獲得反饋，認(rèn)知布局，增強(qiáng)體驗感和沉浸感。
APP UI設(shè)計一直在變化，就像網(wǎng)頁設(shè)計一樣，不停的創(chuàng)作新鮮、友好的產(chǎn)品，設(shè)計師要跟上這個趨勢，最好的方式就是多看優(yōu)秀案例，下面大家一起來看看今天的精選，建議訪問官網(wǎng)查看更詳細(xì)的展示哦！
手機(jī)UI中的交互是保持產(chǎn)品鮮活生命力的源動力。好的交互可以幫助用戶快速地獲得反饋，認(rèn)知布局，增強(qiáng)體驗感和沉浸感。這里為大家整理了12款優(yōu)秀并富有創(chuàng)意的交互作品，為你的產(chǎn)品設(shè)計注入靈感。
--手機(jī)appUI設(shè)計--
（以上圖片均來源于網(wǎng)絡(luò)）
藍(lán)藍(lán)設(shè)計( www.yvirxh.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)
更多精彩文章：
不知道各位鐵子們的朋友圈是啥樣，反正我的朋友圈幾乎被vivo刷屏了；嚇的我趕緊看了看微博和知乎這個號稱 “前蘋果設(shè)計師操刀” 的系統(tǒng)到底有什么不一樣。
瀏覽了幾十篇相關(guān)文章和報道，好評如潮，我根據(jù)這些輸入總結(jié)了如下幾個特性：
OriginOS參考了原生安卓、iOS和Windows 10的交互特點，將傳統(tǒng)安卓的抽屜、桌面、小部件整合起來，按用戶的使用習(xí)慣和用戶行為感知形成一個叫做TimeLine的時間流動線。
在OriginOS原子界面中，vivo希望用戶不再區(qū)分桌面、抽屜和插件，而是根據(jù)自己的實際需要在桌面安排想要的內(nèi)容。這個內(nèi)容可能是APP圖標(biāo)、可能是APP小部件、也可以是系統(tǒng)插件?？傊鶕?jù)用戶的行為，在桌面展示用戶需要的東西。
在安卓設(shè)計規(guī)范之外，vivo發(fā)明了一個叫做“華容網(wǎng)格體系”和“原子組件”的新規(guī)范。這一規(guī)范可以看到Windows 10和iOS 14的影子。這一規(guī)范從生態(tài)角度來說，跨越十分激進(jìn)，想做到理想化的狀態(tài)，需要全行業(yè)來支撐這些組件具備更寬泛的信息展示能力。
坦誠地講vivo屬實付出了很多，在細(xì)節(jié)的追求上甚至可以跟當(dāng)年的錘子有點一拼了，但站在用戶體驗的角度上，我斗膽潑個冷水～
Origin？這是個什么，經(jīng)受了9年義務(wù)教育和4年高等教育的洗禮，我居然讀不出來，是我不行還是藍(lán)廠陽春白雪？不難看出，藍(lán)廠另外一個號稱“OS”的funtouch，我用了幾分鐘的時間才知道是“放他吃”啊！
對比下MIUI，colorOS和flyme已經(jīng)弱爆了，更別提 “充電2小時5分鐘，通話5分鐘2小時” 這種神級文案了，所以我奉勸vivo放下包袱，說點人話。一個用戶都讀不出來的名字，又怎么談用戶體驗?zāi)兀?
我很是認(rèn)同OriginOS的最大亮點就是華容網(wǎng)格，官方號稱“通過不同尺寸磁貼的自由變化和放置，形成每個用戶獨有的行為驅(qū)動邏輯和動線設(shè)計”，極大的鼓勵用戶自定義桌面，表面看“用戶自定義”是用戶體驗的，但這就好比把你拋在大草原里騎馬，哪都能去，去哪都行，因為并沒有一條路可以走…圖圖新鮮還行，但最終我還是不敢走。WindowsPhone當(dāng)年的界面就是這種情況，官方動態(tài)配圖看好的不行，可是對用戶有著極大的審美要求，排列的不好可真是相當(dāng)丑。
再有一點，這個網(wǎng)格系統(tǒng)讓我想起了魅族Flyme的smartbar：
Smart bar 是魅族在旗艦手機(jī) MX2 發(fā)布時推出的一項操作解決方案。它智能整合系統(tǒng)返回鍵和菜單鍵，使其與軟件功能欄合二為一?！暗讬凇弊笥曳謩e顯示返回與菜單鍵，中間三個空位留給軟件功能按鈕。如果軟件功能按鈕過多，Smart bar會將其自動放進(jìn)菜單欄。雙層變單層，優(yōu)先的屏幕顯示區(qū)域被更好的釋放，上下點擊也不會出現(xiàn)誤操作，而且界面更美觀，風(fēng)格也更加統(tǒng)一。
本身是好心，但需要第三方來適配，無形中加大了第三方的工作量，顯然vivo還不具備像蘋果一樣的號召力來牽動生態(tài)內(nèi)的伙伴來搞這個。
△ colorOS
想比OPPO的“無邊有界”，vivo沒有一個統(tǒng)一的視覺語言來Cover，你能看到三種形式“扁平”“擬物”“新擬態(tài)”共存其中，特別是今年在Dribbble流行起來的“新擬態(tài)”，完完全全的概念設(shè)計居然被搬到系統(tǒng)上？真是大跌眼鏡。甚至你可以看得到這是 “Fluent Design” “Metro” 和 “Materia design” 的結(jié)合體，就是沒有一點蘋果的影子，所以說是前蘋果設(shè)計師操刀，我是有點質(zhì)疑的…
△ 微軟 Fluent Design
以圖標(biāo)為例，上圖展示了3種截然不同的風(fēng)格，在一個設(shè)計師的眼里這可能是個設(shè)計還原的事故。我理解的設(shè)計語言應(yīng)該有一個完整的世界觀，像Fluent Design一樣，ta是對自然世界的高度抽象和概括，并不是僅僅為了好看，反觀OriginOS，一個系統(tǒng)里二次元和三次元搞起了曖昧，就像初音和擎天柱談起了戀愛一樣讓人難以接受。
在交互方面，點擊OriginOS桌面的擊交互池圖標(biāo)，就能直接在桌面上自由調(diào)整交互形式。要知道，以往vivo每款新機(jī)都可能更換一套手勢邏輯，現(xiàn)在OriginOS把選擇權(quán)交還給了用戶：用戶可以按照自己的習(xí)慣，在26種不同組合當(dāng)中選擇更適合自己的手勢操作組合。
但這又跟錘子的“大爆炸”和“一步”類似，你說這事是個問題吧，但也不是那么大的問題，導(dǎo)致費了大心思又獲得不了市場的局面。
最有意思的莫過于雙系統(tǒng)并行了，OriginOS和Funtouch可以自由切換，有點像我做設(shè)計不知道哪個方案更好事出了灰度大法一樣。這種做法無疑讓我覺著整個OS團(tuán)隊對自己作品信心的折扣，既然是自己認(rèn)為最好的，那又何必在意批評呢，放松一點，大膽一點。
不過吐槽歸吐槽，不足歸不足，vivo能有覺悟來下定決心搞搞系統(tǒng)這事還是值得鼓勵的，明顯可以看得到細(xì)節(jié)上下的功夫，也明顯可以感覺vivo是從用戶體驗的角度出發(fā)，盡量不讓APP綁架用戶，最大化的把剛需搬到你能看得到的地方，所以還是要給vivo一個贊！今天的發(fā)布也才是第一步，相信未來OriginOS可以做的更好！
文章來源：優(yōu)設(shè)
藍(lán)藍(lán)設(shè)計( www.yvirxh.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)
手機(jī)UI中的交互是保持產(chǎn)品鮮活生命力的源動力。好的交互可以幫助用戶快速地獲得反饋，認(rèn)知布局，增強(qiáng)體驗感和沉浸感。
APP UI設(shè)計一直在變化，就像網(wǎng)頁設(shè)計一樣，不停的創(chuàng)作新鮮、友好的產(chǎn)品，設(shè)計師要跟上這個趨勢，最好的方式就是多看優(yōu)秀案例，下面大家一起來看看今天的精選，建議訪問官網(wǎng)查看更詳細(xì)的展示哦！
手機(jī)UI中的交互是保持產(chǎn)品鮮活生命力的源動力。好的交互可以幫助用戶快速地獲得反饋，認(rèn)知布局，增強(qiáng)體驗感和沉浸感。這里為大家整理了12款優(yōu)秀并富有創(chuàng)意的交互作品，為你的產(chǎn)品設(shè)計注入靈感。
--手機(jī)appUI設(shè)計--
（以上圖片均來源于網(wǎng)絡(luò)）
藍(lán)藍(lán)設(shè)計( www.yvirxh.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)
更多精彩文章：
彈窗是我們平時在設(shè)計APP時候繞不開的一個元素，選擇合適的彈窗形式，是我們需要多加思考的地方，避免變成只會完善產(chǎn)品原型的線框美工。
彈窗是我們與機(jī)器界面進(jìn)行互動的一扇窗，它是一種用戶與產(chǎn)品直接對話的方式，它可以傳達(dá)信息，反饋狀態(tài)以及引導(dǎo)用戶操作。彈窗分為兩種類型：模態(tài)彈窗與非模態(tài)彈窗（有些地方可能翻譯為無模式窗口）。
模態(tài)彈窗
用戶需要先與其進(jìn)行交互，才能繼續(xù)操作。也就是說它是強(qiáng)制性的，用戶無法忽視它的存在。確保人們收到關(guān)鍵信息，并在必要時采取心動。
非模態(tài)彈窗
存在一定的時間限制，通常用于系統(tǒng)反饋，用戶無需對其進(jìn)行回應(yīng)。
1. 對話框 Dialog / 警告框 Alerts
出現(xiàn)在需要打斷用戶操作的情況下，可以大致分為信息下發(fā)（被動）例如：版本更新，消息通知，運營廣告等。信息提交（主動），例如：修改信息，登錄注冊等。
通過上面幾個案例我們還能發(fā)現(xiàn)幾個特點，按鈕可以通過差異化設(shè)計引導(dǎo)用戶去點擊（例如美團(tuán)的版本更新），運營類彈窗一般更注重視覺沖擊力，且刻意將關(guān)閉按鈕弱化遠(yuǎn)離彈窗主體，背景蒙版顏色更深一點，營造更強(qiáng)的沉浸感。對于承載輸入功能的彈窗，需要注意鍵盤彈出后的位置。類似系統(tǒng)功能的彈窗，比如清理緩存可以考慮直接調(diào)用平臺的系統(tǒng)彈窗。
2. 浮層 Popover / Popup
通常在用戶進(jìn)行交互后出現(xiàn)，比如常見的下拉菜單，下拉彈窗等，更加強(qiáng)調(diào)彈窗的從屬關(guān)系。（在騰訊ISUX騰訊文檔的文章中使用了模態(tài)浮層與非模態(tài)浮層的概念，有興趣可以去看看）。
同樣都是下拉彈窗，但是很多產(chǎn)品有著不同的處理方式，微博通過暗色系彈窗來明確區(qū)分彈窗內(nèi)容與背景內(nèi)容，釘釘通過加深背景蒙版來突出彈窗內(nèi)容，大眾點評只使用了淡淡的投影，去掉了背景蒙版，使得彈窗內(nèi)容與背景內(nèi)容對比無法拉開，在實際體驗中相當(dāng)影響用戶的識別效率。
3. 操作欄 Action bar / 操作列表 Action Sheets / 操作視圖 Activity Views
跟浮層有點類似，也是通過用戶的主動交互后喚出的功能菜單。通常出現(xiàn)在屏幕下方，占用屏幕比例較高，為了方便用戶使用，底部會放置取消功能。（Action Sheets和Activity Views是IOS官網(wǎng)規(guī)范中的叫法。）
這種類型的彈窗最常見的場景就是分享模塊，比起其他的模態(tài)彈窗，它能夠承載更多更豐富的功能（多為選擇項功能）。支付寶和微信公眾號分享算是最標(biāo)準(zhǔn)的Action Sheets，為了減少用戶不必要的記憶負(fù)擔(dān)，彈窗高度限制較低，露出更多的背景內(nèi)容協(xié)助用戶記憶。
4. 卡片 Sheet
Sheet是出現(xiàn)在IOS人機(jī)交互指南中的一種模態(tài)窗口，形式為一張從底圖出現(xiàn)的卡片，幾乎覆蓋了全部的原頁面。但是未覆蓋的區(qū)域也會使用暗色蒙版來幫助用戶記憶暫停的任務(wù)。因為它支持上下拖動，所以比起浮層，它能夠承載更多的復(fù)雜信息內(nèi)容，常用于一些表格無法承載的復(fù)雜任務(wù)但又非沉浸式的情況下。
比起Action Sheets，Sheet的屏幕覆蓋率更高，且更多時候承載的是信息錄入型功能。Sheet需要頂部標(biāo)題告知用戶當(dāng)前所處步驟信息，通過底部卡片形式的疊加讓用戶感知當(dāng)前處理的任務(wù)流程為主流程的分支任務(wù)。
5. 其他補(bǔ)充
隨著交互體驗與產(chǎn)品技術(shù)的不斷發(fā)展，如今的設(shè)備都能承載越來越多復(fù)雜精細(xì)化的模塊。所以漸漸有越來越多特殊的彈窗形式。（底層邏輯是互通的）
例如網(wǎng)易云音樂的分享使用了沉浸式模態(tài)，多個彈窗組合的形式，還有動效引導(dǎo)，以此來承載自身豐富的分享形式。IOS桌面使用聚焦類型的彈窗菜單，幫助用戶進(jìn)行視覺聚焦。
1. 提示框 Toast
常見用于反饋用戶的操作結(jié)果，反饋應(yīng)用的狀態(tài)改變，一般持續(xù)2s左右便自動消失，可能出現(xiàn)在任何位置。（不能通過主動滑動關(guān)閉）
目前最常見的場景就是各種刷新反饋信息，一般來說存在感都比較弱，比如案例中的知乎，B站和INS。比起B(yǎng)站和INS，微博和知乎都在其中融入了自己的品牌特征：主題色點綴，雖然只是個小細(xì)節(jié)，但是對用戶的品牌感知能起到潛移默化的作用。
2. 提示對話框 Snackbar
Snackbar最早是出現(xiàn)在Android的一種彈窗形式，不過現(xiàn)在很多IOS端產(chǎn)品上也會出現(xiàn)。它有點類似Dialog和Toast的衍生，很多時候像Dialog一樣可交互，有時候又像Toast一樣有時間限制。通常出現(xiàn)在屏幕底部，由頁面底部向上滑動出現(xiàn)，向下滑動消失。
由于目前手頭木有Android手機(jī)，所以截了Material Design的官方說明案例來幫助理解。主要強(qiáng)調(diào)了兩個點：1.不要加Icon，2.只能有一個操作項；因為snackbar及時不操作也會消失，所以比較常見運用與工具類產(chǎn)品，需要保持操作的連貫性。例如郵箱類產(chǎn)品，用戶刪除了郵件，snackbar可以及時反饋刪除成功的狀態(tài)的同時提供撤銷的操作。
3. 透明指示層 HUD
HUD是出現(xiàn)在IOS端常用的一種非模態(tài)類型，最早出現(xiàn)在屏幕中間，由于容易影響用戶的沉浸式體驗，所以在IOS13版本中對HUD進(jìn)行了邊緣化調(diào)整。
對比左側(cè)與右側(cè)的HUD就會體會到為什么早期會被那么多人吐槽，特別是在游戲類的沉浸式應(yīng)用中，很容易破壞用戶的體驗。
1. 展現(xiàn)形式
展現(xiàn)形式核心是分場景，一些偏向系統(tǒng)報錯考慮使用最簡單系統(tǒng)的彈窗展現(xiàn)形式，運營廣告之類的可以通過特殊的設(shè)計手法來吸引用戶。但是不管怎么做，一定要讓用戶懂得，這是一個彈窗。非模態(tài)彈窗一般多以最簡單的形式出現(xiàn)，避免傳遞狀態(tài)信息時干擾用戶的關(guān)鍵信息獲取。
2. 按鈕模態(tài)彈窗一般情況下只放置1-2個按鈕，信息告知類型的放個“確定”，重大決策類型的放個“確定”“取消”。比較特別的是權(quán)限請求彈窗，可能會有多個按鈕?，F(xiàn)在很多運營廣告為了曝光率會將關(guān)閉按鈕放在邊邊上，對于用戶體驗上來說相當(dāng)?shù)牟挥押?，但是對于運營數(shù)據(jù)上來說可能會很好看。
3. 動效因為彈窗承載文本量有限，得利于設(shè)備技術(shù)的發(fā)展，現(xiàn)在越來越多的產(chǎn)品會在模態(tài)彈窗中使用動態(tài)的形式傳遞信息，例如很多產(chǎn)品的功能引導(dǎo)。對于非模態(tài)彈窗來說，由于本身存在感較弱，動效運用于合理順應(yīng)用戶的視覺動線，例如你下拉刷新后，一般刷新反饋彈窗都是出現(xiàn)在用戶當(dāng)前的視覺聚焦點。
4. 時機(jī)頻率把握好彈窗出現(xiàn)的時機(jī)和頻率
模態(tài)彈窗會直接打斷用戶的操作狀態(tài)，一般只有在不可逆，或者操作會造成嚴(yán)重后果的情況下出現(xiàn)。但是在一些特殊的商業(yè)需求下，比如運營廣告，那就得權(quán)衡用戶與商業(yè)利益之間的關(guān)系了。非模態(tài)彈窗的話更注重出現(xiàn)的時機(jī)，反饋一定要足夠及時，這樣才能不會讓用戶在操作中產(chǎn)生疑慮。
5. 文案表述
由于彈窗的信息承載量非常小，所以一定要用最精煉，恰當(dāng)?shù)谋硎鰜砀嬷脩粜畔⒒蛘弋?dāng)前狀態(tài)，可以考慮使用“動詞+名詞”的組合短語，例如“刪除照片”“取消訂單”等等。特別是非模態(tài)彈窗那種會自動消失的，文案字?jǐn)?shù)要更加注意（可以考慮增加一些通用icon顏色輔助表達(dá)，比如正確使用綠色打勾）。
6. 輸入內(nèi)容
很多彈窗承載著表單輸入的任務(wù)，然而彈窗并不適合過多的表單輸入，特別還有一些多到需要下拉了- -如果需要用戶填寫很多表單，乖乖跳轉(zhuǎn)新頁面吧。況且彈窗本身出現(xiàn)就已經(jīng)中斷了用戶原有的操作，還要填一大堆東西的話。。（除了IOS的Sheet，它的出現(xiàn)就是IOS官方為了解決常用于一些表格無法承載的復(fù)雜任務(wù)但又非沉浸式的情況。）
由于目前手頭目前沒有Android，所以截圖案例都是基于IOS端，下次有機(jī)會繼續(xù)修改更新。不過目前來說兩端很多交互形式越來越趨向共通。
借由這篇文章開了“設(shè)計控件”系列的坑，接下來會繼續(xù)學(xué)習(xí)與分享其他的設(shè)計控件相關(guān)知識。包括之前的設(shè)計原則系列，也會繼續(xù)分享設(shè)計心理學(xué)法則等等。最近一直在思考自己的學(xué)習(xí)框架，除了設(shè)計基礎(chǔ)原則，設(shè)計控件外，還有設(shè)計模型以及設(shè)計工具等等?？右淹诤?，接下來就靠自己一鏟子一鏟子去填了。
文章來源：優(yōu)設(shè) 作者：Chinn
藍(lán)藍(lán)設(shè)計( www.yvirxh.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)
通過閱讀“地圖基礎(chǔ)知識及通用設(shè)計原則”，相信大家已經(jīng)對地圖及其設(shè)計有了一定認(rèn)知，本篇我們來了解下如何實踐。
Part 1. 上篇要點回顧
- 核心設(shè)計原則
符合制圖學(xué)和公眾認(rèn)知
保證識別度
清晰有層次
細(xì)分地圖模式
具有品牌特性
- 元素分類
點元素：地名、POI等
線元素：道路、地鐵線、水系線、鐵路線、航線、邊界線等
面元素：陸地、草地、湖泊海洋、AOI等
*名詞解釋：POI, Point of Information的縮寫，即“信息點”。一個POI可以是一棟房子、一個商鋪
*名詞解釋：AOI, Area of Interest的縮寫，即“信息面”。指的是區(qū)域狀的地理實體，如醫(yī)院、小區(qū)等
Part 2. 設(shè)計背景
為了實現(xiàn)“讓出行更美好”的使命，今年乘客端新增了自駕導(dǎo)航。地圖貫穿了該產(chǎn)品的全流程，且首頁、路線規(guī)劃頁、導(dǎo)航中等場景用戶需求都不相同。然而已有的模式，從配色到信息展現(xiàn)，都不符合首頁地圖的場景需求，于是需要重新設(shè)計。
以下詳解設(shè)計過程。
Part 3. 設(shè)計落地
- 設(shè)計關(guān)鍵詞推導(dǎo)
根據(jù)自駕導(dǎo)航的目標(biāo)，拆解出了首頁地圖的設(shè)計目標(biāo)：
構(gòu)建適合自駕場景的瀏覽地圖
提升地圖體驗與設(shè)計品質(zhì)，提高用戶滿意度和好感度
打造具有滴滴品牌調(diào)性的地圖
用戶需求及習(xí)慣表明：在首頁主要是明確自身定位、查看其他位置信息，且視距基本是手持距離。那么“構(gòu)建適合自駕場景的瀏覽地圖”關(guān)鍵點就在于識別度，更好的展示重點信息，保證用戶讀圖效率。
“提升地圖體驗與設(shè)計品質(zhì)，打造具有滴滴品牌調(diào)性的地圖”的目標(biāo)，可以通過視覺手段實現(xiàn)。在瀏覽場景，用戶使用地圖的時間不固定，為避免長時間瀏覽產(chǎn)生疲憊感，地圖配色需要更舒適，對比度也要適中。這點也與自駕導(dǎo)航整體的設(shè)計關(guān)鍵詞“輕量”不謀而合，于是推導(dǎo)出了關(guān)鍵詞輕量化、品牌感。
- 設(shè)計地圖方案
明確設(shè)計關(guān)鍵詞后，開始著手設(shè)計。關(guān)鍵詞中的輕量化、品牌感基本上決定了這款地圖的調(diào)性，識別度則重點影響信息展現(xiàn)。上篇提到，設(shè)計時可以把地圖元素拆分成點、線、面三類，按照由大到小的順序設(shè)計，即先確定配色，再設(shè)計文字圖標(biāo)等信息，以免元素過多互相干擾。
1、設(shè)計整體配色
輕量化：傳達(dá)輕量化的感受需要控制取色范圍，于是我們制定了顏色使用規(guī)則（下圖）。
色相：以冷色為主，醫(yī)院（紅色系）等具有公眾認(rèn)知的顏色可除外；顏色從品牌色系中選取
明度：限定顏色的明度范圍，選取中間-略高的部分，平衡顏色對比度
飽和度：避免使用高飽和度的顏色，保證配色的舒適感
通過分析顏色，我們對傳達(dá)輕量化的感受有了大致的把握。那么品牌感如何體現(xiàn)呢？
品牌感：具有品牌調(diào)性的地圖能更好的融入產(chǎn)品設(shè)計風(fēng)格，也能夠區(qū)別于競品，這在滴滴全流程的設(shè)計中都十分重要。在地圖上我們主要用顏色及圖標(biāo)繪制表達(dá)品牌調(diào)性。
顏色：結(jié)合輕量化的用色規(guī)則，從品牌色系中選取，使地圖配色與其他組件更加融合
圖標(biāo)繪制：沿用滴滴設(shè)計規(guī)范中的圖標(biāo)繪制語言，如圓角、簡單形狀等，拉齊視覺感受
最終根據(jù)“輕量化”和“品牌感”這兩個關(guān)鍵詞，設(shè)計出了地圖配色的效果圖。
2、設(shè)計地圖信息
配色確定后，即可開啟POI圖標(biāo)+文字、AOI文字、道路文字、以及各類行政區(qū)劃文字的設(shè)計。
識別度：設(shè)計地圖信息時，保證基本識別度的方式，可通過文字顏色、字號大小、圖標(biāo)繪制等實現(xiàn)。但是要做到清晰有重點，就要關(guān)注信息間的層次感。
以POI信息為例。回顧下此時的用戶需求：了解自身定位、查看其他位置信息。從這點可以鎖定第一展示優(yōu)先級應(yīng)為POI——地圖上定位最精準(zhǔn)的信息種類。而已有的圖標(biāo)識別度較弱，無法滿足需求，于是我們進(jìn)行了重繪。通過用色表達(dá)圖標(biāo)類型、首選有公眾認(rèn)知的載體作為表意、增強(qiáng)顏色飽和度及對比度，搭配文字顏色，從視覺上把POI信息提升至第一順位。
用同樣的方法，根據(jù)重要程度，通過設(shè)計拉開了信息的視覺層級：POI>道路名稱>AOI名稱>行政區(qū)劃信息。
3、整體調(diào)整
在完成了配色和信息設(shè)計后，我們需要整合所有元素統(tǒng)一調(diào)整。此時，通常會出現(xiàn)元素互相干擾的問題，我們可以回歸到場景需求中解決此類問題，按照信息的重要程度調(diào)整，最終形成完整方案。
Part 4. 設(shè)計驗證
地圖方案落地后，我們會關(guān)注設(shè)計品質(zhì)的驗證。由于地圖的工具屬性，驗證其設(shè)計品質(zhì)及用戶滿意度一直是行業(yè)內(nèi)較困難的事情。地圖既是一種圖形語言，又承載了大量的信息，且需符合場景需求，要驗證的內(nèi)容非常多。因此我們建立了地圖評測模型，從美觀度、識別度、讀圖效率等多維度進(jìn)行評測，量化地圖設(shè)計品質(zhì)。
通過對自駕導(dǎo)航首頁地圖的兩輪調(diào)研，我們回收了大量有效結(jié)論，如用戶對道路等級的關(guān)注程度、如何使用AOI信息等等。新版地圖在美觀度、識別度等方面均得到了用戶的認(rèn)可。
了解用戶的聲音，能更好的幫助我們深耕地圖設(shè)計領(lǐng)域、全力推動地圖體驗優(yōu)化。
Part 5. 未來形態(tài)暢想
當(dāng)前科技發(fā)展迅速，近些年出現(xiàn)的HUD、AR等導(dǎo)航，用現(xiàn)實世界的畫面代替了地圖，不需要轉(zhuǎn)換思維、記憶地圖語言，讓人與世界的連接更輕松便捷。我們不妨順著這個趨勢大膽的暢想一番，在未來的某天，世界的數(shù)據(jù)會植入我們腦中，不再有陌生的地方，現(xiàn)有的地圖形態(tài)也許會消失，因為它就在我們腳下。
文章來源：站酷 作者：CDX創(chuàng)意設(shè)計中心
藍(lán)藍(lán)設(shè)計( www.yvirxh.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)
手機(jī)UI中的交互是保持產(chǎn)品鮮活生命力的源動力。好的交互可以幫助用戶快速地獲得反饋，認(rèn)知布局，增強(qiáng)體驗感和沉浸感。
APP UI設(shè)計一直在變化，就像網(wǎng)頁設(shè)計一樣，不停的創(chuàng)作新鮮、友好的產(chǎn)品，設(shè)計師要跟上這個趨勢，最好的方式就是多看優(yōu)秀案例，下面大家一起來看看今天的精選，建議訪問官網(wǎng)查看更詳細(xì)的展示哦！
手機(jī)UI中的交互是保持產(chǎn)品鮮活生命力的源動力。好的交互可以幫助用戶快速地獲得反饋，認(rèn)知布局，增強(qiáng)體驗感和沉浸感。這里為大家整理了12款優(yōu)秀并富有創(chuàng)意的交互作品，為你的產(chǎn)品設(shè)計注入靈感。
精美的天氣app賞析
--手機(jī)appUI設(shè)計--
--精美的天氣app設(shè)計--
（以上圖片均來源于網(wǎng)絡(luò)）
藍(lán)藍(lán)設(shè)計( www.yvirxh.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)
更多精彩文章：
今天為大家?guī)淼奈恼率恰傅貓D標(biāo)簽」設(shè)計。很多App會內(nèi)嵌地圖功能，這些地圖的功能相對簡單，更多是起到查看和引導(dǎo)的作用，但在產(chǎn)品中又不可或缺～
除了常見的地圖類App，還有其他很多產(chǎn)品會根據(jù)使用需求嵌入地圖功能，通過在地圖頁中添加引導(dǎo)性的交互標(biāo)簽，讓用戶了解所處的位置或者導(dǎo)航路線。
如何保持地圖頁面與產(chǎn)品風(fēng)格統(tǒng)一，同時又方便用戶使用呢？通過系統(tǒng)化的方法可以快速實現(xiàn)地圖組件的選擇和歸類。
1. 圖標(biāo)
地圖上只標(biāo)記圖標(biāo)，這種呈現(xiàn)方式能地顯示地圖上的信息，減少內(nèi)容遮擋，也是在設(shè)計中首先要考慮的類型。
2. 文本
如果地圖上標(biāo)記的內(nèi)容沒有合適的圖標(biāo)能展示出來，可以直接利用文本來描述。
3. 圖標(biāo)和文本
隨著地圖的放大縮小，氣泡信息的詳細(xì)程度也會發(fā)生變化。地圖放大時將圖標(biāo)和文本相結(jié)合可以顯示更多的信息，而縮小時只顯示圖標(biāo)。
4. 圖標(biāo)、文本和注釋
圖標(biāo)，文本和注釋相結(jié)合的形式雖然能顯示更多的信息但是需要謹(jǐn)慎使用，因為氣泡的尺寸太大會遮擋地圖的內(nèi)容，反而影響使用。
只有當(dāng)氣泡內(nèi)容能顯著提升用戶體驗時，才使用這種類型。
大多數(shù)場景中，地圖組件的底部會有一個突出的箭頭，用來標(biāo)記確切的信息或地址。
考慮到后期開發(fā)的難度，箭頭的位置應(yīng)始終位于組件的中間。另外如果一個頁面中有多個地圖組件，可以將箭頭調(diào)整到頂部，防止發(fā)生重疊。
1. 顏色
組件的顏色比較靈活，默認(rèn)情況下是白色，但可以通過改變背景色來匹配品牌色。
顏色通常出現(xiàn)在圖標(biāo)后面用來強(qiáng)調(diào)信息，如果沒有圖標(biāo)可以把整個氣泡組件都填充上顏色。
根據(jù)背景色的不同，文本和圖標(biāo)盡可能使用黑色或白色，減少對內(nèi)容的干擾。
2. 狀態(tài)
地圖氣泡尺寸的大小根據(jù)點擊需求確定。白色輪廓加上膠囊形狀讓用戶能夠快速識別出可點擊的對象，選定后氣泡顏色會反轉(zhuǎn)。
3. 內(nèi)容縮放
組件基于地圖縮放級別和縮放速度展示不一樣的動畫效果。
如何判斷設(shè)計出來的組件是否適合用戶使用？組件需要怎樣設(shè)計才能適用于不同的使用場景中，有沒有統(tǒng)一的規(guī)范？
1. 組件狀態(tài)
面對不同場景中的組件，提供多種狀態(tài)：重疊、可見、收縮、聚類、分離。
2. 密度
地圖中至少要保持40%的內(nèi)容是始終可見的，這樣用戶可以明確位置信息，防止產(chǎn)生誤操作行為。
利用聚類功能將相鄰的氣泡組件合并在一起，通過數(shù)字顯示包含的內(nèi)容，這種形式利于用戶理解和操作。
3. 易讀性
易讀性在地圖中很重要，例如用戶手持使用手機(jī)時組件中的字體為15pt，當(dāng)用戶駕駛導(dǎo)航時組件的字體會變?yōu)?4pt。
另外還要考慮語言的選擇對組件的影響，最好避免在氣泡組件中使用長串字符，以防止地圖中的信息被遮擋。
如果必須要顯示長串字符，需要把氣泡組件的尺寸水平拉長至地圖尺寸的75%，然后換行且最多只能顯示兩行文本。
在開始設(shè)計地圖UI界面之前，有必要花費時間了解地圖組件的樣式、類型和可用性指南。
通過這些信息可以幫助設(shè)計師更快地確定方向，從而設(shè)計出清晰美觀的地圖界面。
文章來源：優(yōu)設(shè) 作者：Clip設(shè)計夾
藍(lán)藍(lán)設(shè)計( www.yvirxh.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)
的App類別是游戲，而健康&健身幾乎沒有進(jìn)入前10。2020年雖是艱難的一年，但它提供了很多機(jī)會，可以為移動應(yīng)用市場引入一種新的經(jīng)濟(jì)回報和有意義的醫(yī)療解決方案，直接影響人們的健康行為、并幫助他們生活得更輕松、更愉悅。
為此，你需要一個功能強(qiáng)大的App，因為如果不能運行的話他就是無用的產(chǎn)品。但是這種強(qiáng)大的功能還需要通過設(shè)計來將它呈現(xiàn)出來。一個優(yōu)秀的醫(yī)療App設(shè)計將醫(yī)藥類App最重要的細(xì)節(jié)呈現(xiàn)出來，并引導(dǎo)用戶使用，以及建議用戶接下來如何操作，最終完成必要操作。
一個App能憑借自身成為一個的客戶開發(fā)工具和公司的核心產(chǎn)品。對于與健康或醫(yī)學(xué)相關(guān)的產(chǎn)品，UI/UX設(shè)計更為重要。
呼吸監(jiān)測應(yīng)用程序-作者: George Frigo
在這篇對設(shè)計師和公司都有幫助的文章中，我們將探討一些醫(yī)療App設(shè)計中的最佳實踐是如何發(fā)揮作用的。
醫(yī)療類應(yīng)用類型
值得注意的是，“醫(yī)療保健App”是一個多方面的概念，包含了大量與健康和醫(yī)學(xué)相關(guān)的數(shù)字產(chǎn)品。
這里有很多類型的醫(yī)療類App，包括：
醫(yī)療專業(yè)人員遠(yuǎn)程病人會診的App（遠(yuǎn)程醫(yī)療）
電子病歷App(EMR)
記錄和管理患者生命體征的App
提醒患者服藥、鍛煉等的App
醫(yī)療計算App
提供醫(yī)療信息參考的App
健身和運動類App
健康的生活方式和健康A(chǔ)pp（每日飲水量、睡眠管理等）
這似乎是一個過于寬泛的主題（例如，將卡路里計數(shù)器app與醫(yī)學(xué)教育解決方案相比較），但是也有一些通用設(shè)計經(jīng)驗可以使得醫(yī)療健康類App更、讓人們有辦法得到他們想要的。
醫(yī)療應(yīng)用程序作者: Victor Nikitin
如何為醫(yī)療健康打造移動應(yīng)用
即使一個App不是企業(yè)的主要產(chǎn)品，它也有可能產(chǎn)生巨大的價值。例如，如果它是一個醫(yī)療辦公室的配套應(yīng)用程序，它可以減輕員工的負(fù)擔(dān)，為客戶提供信息和服務(wù)。如果一個健康A(chǔ)pp是企業(yè)的主要產(chǎn)品，比如健身或冥想應(yīng)用程序，那就比較危險了。有時候，健康A(chǔ)pp的缺陷是人們放棄使用這些App的原因。
為了避免這種情況，我們來看看醫(yī)療App設(shè)計中的一些最佳實踐技巧，以及它們?nèi)绾螏椭鶤pp聚焦、直觀和快速。
醫(yī)療保健: Anatoly
調(diào)研—成功的第一步
在設(shè)計原型應(yīng)用程序界面之前，你需要知道誰是你的目標(biāo)用戶，以及他們的地理環(huán)境、社會經(jīng)濟(jì)背景和心理特征，畢竟沒有產(chǎn)品可以迎合每個人。用戶的興趣和能力決定了他們?nèi)绾闻c軟件互動。所以解答以下問題將有所幫助：
誰是你的目標(biāo)人群？
他們喜歡什么？
怎么樣的app他們每天都會使用？
使用目的？
通常，醫(yī)療健康軟件要么被患者使用，要么被醫(yī)生使用（如果我們將生活服務(wù)類軟件的用戶也計作患者的話）。這兩種用戶的需求在功能和UI設(shè)計上都有不同。因此，醫(yī)務(wù)人員通常需要快速獲得某些數(shù)據(jù)項：EHR/EMR（電子健康檔案/電子病歷），藥品規(guī)格標(biāo)準(zhǔn)，診斷和治療建議，參考資料等。然而患者需要的是盡可能精簡的、易于理解的信息項。因為這一群體中有相當(dāng)一部分老年人或者有某種特殊障礙。
只有進(jìn)行了恰當(dāng)?shù)挠脩粽{(diào)研，得出了相應(yīng)的結(jié)論，設(shè)計師才能繼續(xù)醫(yī)療健康軟件的真實有效的設(shè)計。
Chahua的健康管理軟件
細(xì)化明晰每個案例
醫(yī)學(xué)對普通人來講是復(fù)雜的學(xué)科，最好的方法反而是將醫(yī)療健康設(shè)計得相對簡單，以安撫用戶并讓他們保持專注。
“世人總將事物搞復(fù)雜，殊不知，簡單才是至理。” ——Richard Branson
想要給人留下深刻印象，將醫(yī)療UI設(shè)計得過于詳細(xì)是沒有意義的，最好的是界面和邏輯易于理解，即使軟件是專為醫(yī)務(wù)人員設(shè)計的（當(dāng)然，不要居高臨下）。
醫(yī)療App/檔案和活躍度-作者: Igor savalev
設(shè)計醫(yī)療健康軟件的UI，提供有益的新用戶引導(dǎo)流程，使界面可直觀理解。否則，用戶會對糟糕的體驗失望，甚至等不到進(jìn)入核心功能就會退出。
所有相關(guān)方，不管是醫(yī)生還是患者，都會喜歡清晰極簡的軟件，這樣，你就不需要讓用戶學(xué)習(xí)如何操作軟件，這對醫(yī)療機(jī)構(gòu)來講是個解決辦法，他們已經(jīng)習(xí)慣了這些事。
幫助用戶穩(wěn)定發(fā)現(xiàn)功能，循序漸進(jìn)地給予指導(dǎo)。以用戶引導(dǎo)流程開始，將app中每個動作劃分成可處理塊，一次提供一個操作說明。
使用恰當(dāng)?shù)念伾ǜM(jìn)一步）
利用被動輸入和自動補(bǔ)齊功能限制用戶必須輸入的信息的數(shù)量，調(diào)整鍵盤，動態(tài)驗證字段值。這篇文章里還有更多表單設(shè)計相關(guān)。
所有醫(yī)療信息都得由擁有一定學(xué)歷和專業(yè)知識的專家提供，否則，這些內(nèi)容要么不完整，要么包含錯誤，這在醫(yī)療健康中是不容允許的。
醫(yī)務(wù)人員使用的醫(yī)療軟件-作者: yurig
功能的重要性（及特色）
醫(yī)療保健應(yīng)用程序的特性和功能類型取決于它的用途和目標(biāo)用戶。例如，醫(yī)療中心的應(yīng)用程序需要一個賬戶，病人可以在那里查看他們的就診、推薦和預(yù)約記錄。如果沒有安全加密的視頻會議和通信功能，遠(yuǎn)程醫(yī)療應(yīng)用程序就毫無用處。
與其他一般APP不一樣的地方，“首頁”是醫(yī)療類的app的主要功能的位置。先來回答一個問題: 為什么有人使用您的應(yīng)用程序(或類似的醫(yī)療類App) ，如果一個人訪問一個應(yīng)用程序來記錄或接收一些信息，聯(lián)系醫(yī)生，檢查他們的進(jìn)展等，這個功能都放在“首頁”上？
呼應(yīng)前面的觀點，就是避免過多功能同時出現(xiàn)時的混亂。不可否認(rèn)，這種情況在傳統(tǒng)的醫(yī)療類App中更為常見，這些應(yīng)用程序有時候會分散注意力，不斷添加新的和新的功能，直到只有資深的用戶才能理解并熟練使用。
根據(jù)二八定律的法則告訴過你，80%的用戶傾向于使用不超過20%的功能。區(qū)分優(yōu)先次序，決定哪些功能對用戶最重要。
醫(yī)藥應(yīng)用App作者: Manoj Dalvadi
導(dǎo)航的研究和鑒賞
清晰的導(dǎo)航結(jié)構(gòu)是醫(yī)療應(yīng)用程序用戶界面設(shè)計的骨干必需組件。沒有它，這個App將會不再受歡迎。導(dǎo)航代表和易用，因此從用戶的角度來看是有價值的。一個醫(yī)療專業(yè)人士需要一個能輔助工具，因為他們已經(jīng)有太多的時間花在處理EHR（電子健康記錄）上了，【類似國內(nèi)的病歷本】。
經(jīng)斯坦福醫(yī)學(xué)院進(jìn)行的調(diào)查發(fā)現(xiàn)，醫(yī)生花在每個病人身上的時間中，有62%的時間花在EHR（電子健康記錄）上。如果設(shè)計的導(dǎo)航不夠，那么這個App就沒有任何使用價值。就算病人目前在使用導(dǎo)航的頻率很低，但他們也不會樂意看到混亂的導(dǎo)航而放棄二次使用的機(jī)會。
重要的導(dǎo)航信息應(yīng)放在屏幕上顯眼的地方，并根據(jù)要求提供詳細(xì)信息。有一個“三次點擊規(guī)則”說系統(tǒng)的設(shè)計應(yīng)該使任何信息都可以在三次轉(zhuǎn)換中使用。如果用戶在三次點擊之后找不到他們想要的東西，他們可能會感到沮喪，放棄他們原本要做的任務(wù)。
目前采用標(biāo)準(zhǔn)的應(yīng)用程序?qū)Ш接校?/span>
-漢堡菜單
-標(biāo)簽欄
-導(dǎo)航抽屜
醫(yī)療應(yīng)用-作者: Alex Samofalov
色彩的運用方法
一般來說，應(yīng)用程序的顏色選擇取決于目標(biāo)用戶和應(yīng)用程序的主題來決定。
醫(yī)療保健應(yīng)用程序的設(shè)計通常是在中性色調(diào)與流行的冷色調(diào)的藍(lán)色和綠色，白色為背景。在大多數(shù)情況下，設(shè)計師這樣做是為了達(dá)到某些效果: 利用舒緩柔和的顏色與醫(yī)療保健行業(yè)的共同聯(lián)系，緩解焦慮，增加可信度。所以你很少能看到明亮的紅色或黃色在醫(yī)療類App的界面。
藍(lán)色為主的醫(yī)療類App，作者Adam Sokoowski
然而，考慮到醫(yī)療軟件的通用性，在顏色的選擇方面沒有特別的限制。要考慮到的是，應(yīng)用程序的整體外觀應(yīng)該創(chuàng)造一個積極的印象，而不是引起擔(dān)憂，恐懼，或其他不良情緒的感覺。
例如，下面這個健身應(yīng)用程序的深色調(diào)的設(shè)計看起來很漂亮，也不過時：
深色為主的醫(yī)療類App
健康與鍛煉應(yīng)用程序-作者: Saepul Rohman
或者用明亮的顏色來增加一些活力：
移動健身應(yīng)用-作者: Michal Parulski
追求個性
移動App的個性化設(shè)計是近年來最顯著的設(shè)計趨勢之一。某些功能需要適應(yīng)特定的用戶模式。
這樣設(shè)計的目標(biāo)是幫助用戶更地利用App解決他們的問題。這個系統(tǒng)提示了一個人接下來要指示的操作，否則這些可能會被忽略。要做到這一點，必須識別和分析用戶特征，并通過數(shù)據(jù)跟蹤用戶的行為變化。就像每個人都有自己不同的身體狀態(tài)一樣，他們也希望自己使用的App能根據(jù)他們的身體狀態(tài)提供相應(yīng)的差異化體驗。即使不是醫(yī)療保健行業(yè)，也有33% 的客戶會因為個性化不足而放棄某款產(chǎn)品。
在醫(yī)療App設(shè)計中，個性化定制選項有很多: 顏色主題、通知、交互元素、使用 AI 創(chuàng)建個性化推薦等等。
最大化可訪問性設(shè)計
易訪問性設(shè)計對于每個App設(shè)計都很重要，特別是醫(yī)療App。
醫(yī)療App的用戶通常有不同程度的視力和聽力，年齡，身體和心理障礙。醫(yī)療App的功能設(shè)計需要讓不同的用戶在使用過程中都有比較好的用戶體驗?？紤]不同用戶的局限性，并幫助他們努力克服局限性帶來的負(fù)面影響非常重要。例如，暈動病患者不太喜歡過多動效。
這并不意味著在醫(yī)療App設(shè)計中只能有兩種顏色，所有的字號都必須非常大，但這確實意味對于醫(yī)療App，設(shè)計師會面臨更多挑戰(zhàn)。不過這是一個額外鍛煉機(jī)會，而不是負(fù)擔(dān)。從WC3的網(wǎng)頁內(nèi)容無障礙指南開始，使用像這樣的色盲模擬器。
App無障礙設(shè)計的例子: 把主要元素放在拇指區(qū)，不要忘記選擇改變視圖為水平模式，字號需要更大，等等。
色盲模擬器-作者: keithar
積極態(tài)度的力量
醫(yī)學(xué)不僅復(fù)雜，而且通常讓人望而生畏。比較聰明的設(shè)計手法是讓你的應(yīng)用看起來和醫(yī)學(xué)毫無關(guān)系。這樣可以消除人們對醫(yī)學(xué)壓力的刻板印象，讓用戶體驗更加愉悅。
比如在用戶使用的不同階段運用積極的文案、有趣的圖片、舒緩的顏色或其他元素。醫(yī)療App界面設(shè)計中的圖片和圖標(biāo)需要能夠用戶調(diào)動積極、愉快的情緒，營造一種無痛感和安全感。
冠狀病毒APP-作者: Mahdieh Khalili
不要將App設(shè)計成網(wǎng)頁
在有醫(yī)療網(wǎng)站的情況下設(shè)計醫(yī)療App，老板甚至是設(shè)計師可能會將網(wǎng)頁頁面復(fù)制到App當(dāng)中，這樣通常會導(dǎo)致用戶放棄使用App。
移動端和網(wǎng)頁端的交互存在一定的差異性。手機(jī)的物理尺寸比電腦屏幕小。在手機(jī)上，我們的任何交互都是通過手指來完成，所以不愿意輸入冗長的文案，同時期望產(chǎn)品運行得更快。
在大多數(shù)情況下，人們使用網(wǎng)站獲取信息，使用App完成工作。此外，App集成了手機(jī)的功能，比如加速器和攝像頭，使App的設(shè)計不同于網(wǎng)頁。
健康醫(yī)療應(yīng)用-作者: Grace Saraswati
適得其反
保持吸引力與功能平衡都很重要。醫(yī)療保健應(yīng)用程序必須不能分散用戶對其內(nèi)容的注意力。仔細(xì)看看上面的要點，注意好分寸就行。
圖形元素、包括動效，應(yīng)該始終履行他們的使命，即數(shù)據(jù)輸入，并說明微交互的用戶與系統(tǒng)，而不是僅僅只為了使一個應(yīng)用程序看起來很炫酷。
不要過度使用漸變和陰影，只將用戶的注意力集中在主要文字信息上。只使用一種字體，你可以通過改變字體的大小和其他特征來改變它，比如斜體、粗體。
多使用簡單的配色可以獲得更清晰的品牌信息和導(dǎo)航。
健康與活動跟蹤互動-作者: Dibbendo Pranto
抄還是不抄？
你可能會在某個時候想，如果覺得抄這個方案有用的話？是不是應(yīng)該拿一些成功的競爭對手的應(yīng)用程序復(fù)制一份。
其實，照抄其他產(chǎn)品是不明智的行為，因為他們的設(shè)計可能很容易就不夠好。你最終可能正好抄了競爭對手的錯誤方案，從而阻礙未來應(yīng)用程序市場運作。
另一方面，你肯定應(yīng)該對其他應(yīng)用程序進(jìn)行分析，進(jìn)行競爭對手的研究。一個應(yīng)用程序應(yīng)該與用戶以前使用其他應(yīng)用程序的經(jīng)驗相關(guān)。如果事實并非如此，而且你添加了太多的原創(chuàng)性，那么使用這個應(yīng)用程序的用戶就會覺得很麻煩，用戶也不會容忍“一切都錯了”的設(shè)計。蘋果和谷歌都有人機(jī)界面指南和材質(zhì)設(shè)計。
用戶把大部分時間花在其他事情上 ——Jacob’s Law
有必要根據(jù)你的品牌、服務(wù)和產(chǎn)品的具體情況進(jìn)行設(shè)計。好比如一個健身APP與一醫(yī)療APP，兩者使用方向有很大的差異。所以說必須完全符合目標(biāo)受眾的要求、細(xì)節(jié)，以及應(yīng)用程序的主題情況進(jìn)行針對性設(shè)計。
藥物提醒程序-作者: Martyna Zielińska
實用性測試
最后，要記住最重要的一點，每個設(shè)計師都可以認(rèn)為這個決定是否合理。他們可能會對應(yīng)用程序的架構(gòu)和導(dǎo)航的一致性，深思熟慮的設(shè)計，以及最重要的實用價值深信不疑，以至于完全忘記了通過實踐進(jìn)行測試，設(shè)計師可以提高他們的同理心水平，更好地感受客戶的需求。但事實上，這種陷阱會給應(yīng)用程序帶來很多負(fù)面影響。
只有在分析了與用戶與應(yīng)用程序界面交互相關(guān)的數(shù)據(jù)之后，才能得出結(jié)論。多進(jìn)行一些測試將有助于及時地獲得反饋，解決應(yīng)用程序中的所有可出現(xiàn)陷阱一樣的場景。
積極的用戶參與是成功的關(guān)鍵。在年齡、職業(yè)、地理位置、性別、文化和宗教背景等方面，選擇盡可能接近目標(biāo)受眾的相關(guān)測試對象。越接近越好。讓他們執(zhí)行你的應(yīng)用程序的主要功能并收集反饋。
病歷本App應(yīng)用-作者: Alex Samofalov
最后
設(shè)計不單單是討論顏色搭配和字體的運用，而是能夠帶來價值和解決業(yè)務(wù)問題。健康和醫(yī)療類App是一個敏感而富有挑戰(zhàn)性的課題，需要特別關(guān)注。設(shè)計師們一直在努力平衡醫(yī)療應(yīng)用程序極高的安全性和可用性要求與其界面的美學(xué)性，經(jīng)過深思熟慮體驗和用戶界面設(shè)計成就一個很好的醫(yī)療類工具，讓用戶在一個簡單和直觀的界面的幫助下參與使用。
文章來源：花火圓桌（ID：huahuoyuanzhuo） 作者：Kate Shokurova
藍(lán)藍(lán)設(shè)計( www.yvirxh.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)
手機(jī)UI中的交互是保持產(chǎn)品鮮活生命力的源動力。好的交互可以幫助用戶快速地獲得反饋，認(rèn)知布局，增強(qiáng)體驗感和沉浸感。
APP UI設(shè)計一直在變化，就像網(wǎng)頁設(shè)計一樣，不停的創(chuàng)作新鮮、友好的產(chǎn)品，設(shè)計師要跟上這個趨勢，最好的方式就是多看優(yōu)秀案例，下面大家一起來看看今天的精選，建議訪問官網(wǎng)查看更詳細(xì)的展示哦！
手機(jī)UI中的交互是保持產(chǎn)品鮮活生命力的源動力。好的交互可以幫助用戶快速地獲得反饋，認(rèn)知布局，增強(qiáng)體驗感和沉浸感。這里為大家整理了12款優(yōu)秀并富有創(chuàng)意的交互作品，為你的產(chǎn)品設(shè)計注入靈感。
精美的天氣app賞析
--手機(jī)appUI設(shè)計--
--精美的天氣app設(shè)計--
（以上圖片均來源于網(wǎng)絡(luò)）
藍(lán)藍(lán)設(shè)計( www.yvirxh.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)
更多精彩文章：
手機(jī)UI中的交互是保持產(chǎn)品鮮活生命力的源動力。好的交互可以幫助用戶快速地獲得反饋，認(rèn)知布局，增強(qiáng)體驗感和沉浸感。
手機(jī)UI中的交互是保持產(chǎn)品鮮活生命力的源動力。好的交互可以幫助用戶快速地獲得反饋，認(rèn)知布局，增強(qiáng)體驗感和沉浸感。這里為大家整理了12款優(yōu)秀并富有創(chuàng)意的交互作品，為你的產(chǎn)品設(shè)計注入靈感。
還有精美的天氣app賞析
--手機(jī)appUI設(shè)計--
--精美的天氣app設(shè)計--
（以上圖片均來源于網(wǎng)絡(luò)）
藍(lán)藍(lán)設(shè)計( www.yvirxh.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)
更多精彩文章：
藍(lán)藍(lán)設(shè)計的小編 http://www.yvirxh.cn
