位優(yōu)秀的移動(dòng)APP客戶端的UI設(shè)計(jì)師，在接到一個(gè)移動(dòng)case的時(shí)候，腦海中應(yīng)該浮現(xiàn)很多相關(guān)的一點(diǎn)APP UI碎片。

肯定很多人會(huì)說(shuō)，擁有這個(gè)功力肯定不是應(yīng)屆APPUI畢業(yè)生所能掌握的。25學(xué)堂的小編說(shuō)，未必。只要平常我們多安裝一些優(yōu)秀的APP、每天來(lái)欣賞一款獨(dú)特美的APP。

把這些好的APP 翻來(lái)覆去的瀏覽即可。

問(wèn)問(wèn)自己，你喜歡的app有哪些呢？肯定很多人都會(huì)說(shuō)微信、QQ、支付寶、美團(tuán)、微博等等常用的這些APP吧。其實(shí)你真的懂現(xiàn)在的用戶嗎？這里特別舉2例子告訴大家，目前年輕人喜歡的APP。

編者按：不想捂著臉求人改需求？來(lái)看工程師怎么說(shuō)！前段時(shí)間，在交互設(shè)計(jì)階段如何發(fā)現(xiàn)思維盲區(qū)，減少開發(fā)與視覺(jué)的返工。今天讓騰訊前端@姬小光 從開發(fā)角度聊聊如何在需求確立和需求評(píng)審階段洞悉隱性需求，無(wú)論是開發(fā)人員還是產(chǎn)品，都能用上！

閑暇的時(shí)候我們都在干什么？低頭玩手機(jī)還是窩在沙發(fā)里追劇，沒(méi)戀人似乎就總是太不愿意出門。總是被手機(jī)電腦牢牢粘住，出門也總是逛街、電影、酒吧、KTV，有沒(méi)有想過(guò)培養(yǎng)一種特別的興趣愛(ài)好？一個(gè)別人一聽(tīng)就會(huì)贊嘆的愛(ài)好……

騎馬其實(shí)就算是這樣的愛(ài)好，但印象里似乎又離我們生活有些遠(yuǎn)，而且總是掛著昂貴和職業(yè)的標(biāo)簽。最近一款叫做「騎士」的 App 卻很好地將騎馬這項(xiàng)活動(dòng)變得更接地氣，真正來(lái)到了日常生活中，把馬術(shù)騎行變成了像騎自行車一樣稀松平常又觸手可及的事。

有太多的天氣應(yīng)用UI設(shè)計(jì)極為繁復(fù)，并不適合只需天氣、溫度等信息的普通用戶，今天我們精選了一些天氣應(yīng)用UI設(shè)計(jì)，讓你享受每一度的極簡(jiǎn)。

你是否也會(huì)被這些「極簡(jiǎn)」款中的一二所吸引，那些滿屏各種指數(shù)的天氣 App 似乎是專為天氣專家們所設(shè)計(jì)的，而選擇這些「極簡(jiǎn)」天氣 App，更便于我們掌握那些我們所需要的天氣信息。

@劉津legene ：設(shè)計(jì)師和理發(fā)師其實(shí)有點(diǎn)像，理發(fā)師基本分為三種：一種是只會(huì)搞基礎(chǔ)發(fā)型的，比如寸頭、中規(guī)中矩的長(zhǎng)發(fā)、老太太卷頭等；一種是只會(huì)剪流行發(fā)型的（這種發(fā)型師還很容易搖身一變成為造型大師，告訴你你應(yīng)該改變，應(yīng)該剪目前最流行的某款發(fā)型，但實(shí)際上可能是他只擅長(zhǎng)這款發(fā)型）；還有一種是最可遇不可求的，他根據(jù)你的臉型、性格等，用最簡(jiǎn)單的手法量身設(shè)計(jì)發(fā)型，讓顧客的氣質(zhì)度立刻得到提升。

藍(lán)藍(lán)設(shè)計(jì)( www.li-bodun.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ù)

如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請(qǐng)點(diǎn)這里

來(lái)源：莫貝網(wǎng)

仔細(xì)閱讀MD的規(guī)范，似乎寫的很清楚，但是如果和Android4.0規(guī)范放在一起，還是會(huì)發(fā)現(xiàn)很多有出入的地方。不過(guò)規(guī)范的目的是為了培養(yǎng)并迎合用戶使用習(xí)慣，減少用戶認(rèn)知負(fù)擔(dān)。文字是死的，人是活的，靈活應(yīng)用才是關(guān)鍵。

在以MD為基礎(chǔ)的app設(shè)計(jì)中，經(jīng)常會(huì)出現(xiàn)以下結(jié)構(gòu)（如圖1）

在Android 4.0和material design設(shè)計(jì)規(guī)范中都專門對(duì)選項(xiàng)卡進(jìn)行了說(shuō)明，但兩者的說(shuō)法不同。

在Android 4.0中，選項(xiàng)卡tabs屬于操作欄的一部分，可以很輕松探索 app 中的不同功能,或?yàn)g覽不同分類的數(shù)據(jù)集，就是說(shuō)tabs選項(xiàng)卡是可以作為導(dǎo)航使用的，類似于iOS的標(biāo)簽欄，只是iOS放在屏幕底部，安卓是放在屏幕頂端（如上圖2）。

但在material design中，tabs 的作用是將大量關(guān)聯(lián)的數(shù)據(jù)或者選項(xiàng)劃分成更易理解的分組，雖然很容易讓人聯(lián)想到導(dǎo)航，但其本身并不是用來(lái)導(dǎo)航的。每個(gè)tab的內(nèi)容應(yīng)該互相關(guān)聯(lián)并且是在同 一個(gè)主題下（如下圖）。圖中出行方式可以通過(guò)tab劃分成多種方式，但是搜索、指南、設(shè)置卻完全屬于不同的功能導(dǎo)航。

如此看來(lái)，兩種規(guī)范似乎是相互沖突的，而且只要留心一下你會(huì)發(fā)現(xiàn)，現(xiàn)在市場(chǎng)上經(jīng)常是這兩種形式都有。googel官方比較推崇應(yīng)用結(jié)構(gòu)是：左側(cè)導(dǎo)航抽屜+應(yīng)用欄+tabs（Tab可選），但是同一種結(jié)構(gòu)卻有兩種不同表現(xiàn)方式。

方式一：谷歌主推形式

側(cè)邊欄導(dǎo)航作為應(yīng)用的主導(dǎo)航，頭屏顯示應(yīng)用最重要的功能或內(nèi)容，如果在較低層級(jí)中有多個(gè)平行相關(guān)視圖，可以用Tab結(jié)構(gòu)（當(dāng)然也可以沒(méi)有）。這種結(jié) 構(gòu)的關(guān)鍵是主要功能或內(nèi)容很突出，所以頭屏最大化顯示，而其他功能相對(duì)較弱，不需要頻繁切換側(cè)邊欄導(dǎo)航（如下圖）。谷歌發(fā)布的inbox郵箱，左側(cè)導(dǎo)航欄作為主導(dǎo)航，默認(rèn)顯示收件箱頁(yè)面，用戶最常用也最重要的功能是查看收件箱，至于其他的發(fā)件箱、垃圾郵件等都可以放在導(dǎo)航抽屜內(nèi)收起。googel圖書頂部是應(yīng)用欄+tabs結(jié)構(gòu)，此處Tab強(qiáng)調(diào)的是在同一主題下的不同歸類，而不是導(dǎo)航。

方式二：市場(chǎng)發(fā)展

或許是受4.0規(guī)范的影響，在左側(cè)導(dǎo)航抽 屜+應(yīng)用欄+tabs的應(yīng)用結(jié)構(gòu)中，Tab作為應(yīng)用的主導(dǎo)航，而左側(cè)抽屜作為輔導(dǎo)航，收納一些用戶不常使用的功能，像用戶中心、設(shè)置、反饋等。這種結(jié)構(gòu)適 合那些多個(gè)相同等級(jí)的功能視圖需要頻繁切換的app，且只需要手指左右滑動(dòng)就能快速切換Tab視圖，這將大大提高應(yīng)用使用效率。如下圖所示，雖然是概念設(shè)計(jì)（主要是國(guó)內(nèi)安卓應(yīng)用喜歡延續(xù)iOS風(fēng)格，將Tab放在屏幕底部，米找到合適的例子，且MD沒(méi)有被普遍應(yīng)用），但很適合該場(chǎng)景下的示例。這款產(chǎn)品類似于微信，將主要功能導(dǎo)航放在頂部，實(shí)現(xiàn)快速切換，側(cè)邊抽屜導(dǎo)航放置收藏、狀態(tài)、設(shè)置等次要功能。

以上兩種方式并不沖突，關(guān)鍵是看你應(yīng)用的功能內(nèi)容。如果你的應(yīng)用核心功能很突出，且不需要其他功能頻繁切換，就選擇第一種；如果你的應(yīng)用有兩個(gè)或者兩個(gè)以上相同重要的功能模塊，且需要頻繁切換，比如微信的即時(shí)聊天和朋友圈，那就嘗試第二種。

Android部分暫時(shí)就到這里，來(lái)看看iOS。如果展開來(lái)講，體系太龐大，暫且用一張圖表示，雖然都是很基礎(chǔ)的內(nèi)容。

另外，Android和IOS很明顯的差異是層級(jí)返回和編輯選擇。

1、層級(jí)返回

IOS平臺(tái)沒(méi)有實(shí)體返回按鍵，所以涉及層級(jí)間的導(dǎo)航，app界面本身一定要有返回按鈕，而實(shí)體home鍵只負(fù)責(zé)應(yīng)用退出。Android平臺(tái)有物理 返回按鍵，且點(diǎn)擊返回的是動(dòng)作流。比如，在搜索界面，點(diǎn)擊搜索框調(diào)出軟鍵盤，再點(diǎn)返回按鍵，不是返回上一頁(yè)，而是收回彈出的軟鍵盤，它強(qiáng)調(diào)的是返回上一個(gè) 動(dòng)作的界面，而非層級(jí)關(guān)系。在Android平臺(tái)上的app，如果應(yīng)用本身含有返回按鈕，返回的是上一層級(jí)，設(shè)計(jì)的是層級(jí)間的導(dǎo)航。另外，在安卓app的首頁(yè)點(diǎn)擊返回按鍵，就是退出應(yīng)用。可看如下關(guān)系圖

2、編輯選擇

對(duì)于編輯選擇功能，IOS有明確的入口，通常在導(dǎo)航欄 上有編輯按鈕，點(diǎn)擊后進(jìn)入編輯模式，通常可以多選，同時(shí)底部或頂部會(huì)增加工具欄，用來(lái)處理多選內(nèi)容。當(dāng)然也可以單選刪除，通過(guò)點(diǎn)按向左滑動(dòng)刪除，或者是點(diǎn) 擊按鈕從底部呼出操作菜單，逐個(gè)刪除。但Android是通過(guò)長(zhǎng)安方式進(jìn)入編輯模式，此時(shí)操作欄被一個(gè)臨時(shí)情景操作欄覆蓋（情景操作欄可以覆蓋頂部操作欄 和底部操作欄），界面內(nèi)容允許單個(gè)或多個(gè)操作（如下圖）

以上部分其實(shí)都是一些平臺(tái)規(guī)范總結(jié)，將區(qū)別大且重要部分整理出來(lái)，也是為了方便閱讀查看，后期會(huì)持續(xù)更新一些其他交互內(nèi)容。

作者：butter
來(lái)源：jianshu

@琛桑要做芝麻藝人 ：作為入行不久的交互設(shè)計(jì)師，我發(fā)現(xiàn)自己在交互設(shè)計(jì)的實(shí)踐中無(wú)法顧及到方方面面，是存在思維盲區(qū)的。其中有欠缺經(jīng)驗(yàn)的原因，也有自身知識(shí)局限的問(wèn)題。進(jìn)入開發(fā)階段后，每次需要修改交互時(shí)，心里都會(huì)有些慚愧，感覺(jué)為小伙伴們帶來(lái)了不必要的工作量。

想適配兩個(gè)完全不同的平臺(tái)，有哪些需要注意的點(diǎn)呢？今天這篇文章總結(jié)了6個(gè)值得新手學(xué)習(xí)的地方，包括圖標(biāo)、屏幕密度尺寸、設(shè)計(jì)等等，來(lái)收吧！

1. 不要轉(zhuǎn)換

你不應(yīng)該在安卓上使用同一套規(guī)格的UI。iOS有一個(gè)能讓你一鍵返回桌面的“物理home鍵”。然而，安卓上的按鍵是“返回、home和多任務(wù)”。

這意味著什么？

一位安卓用戶可以從一個(gè)應(yīng)用輕松跳轉(zhuǎn)到另一個(gè)應(yīng)用。這是一個(gè)很大的不同之處。

因此，iOS通常會(huì)有一個(gè)結(jié)合了縱向和橫向的UI結(jié)構(gòu)，但安卓則更偏向于縱向。

當(dāng)某個(gè)功能對(duì)數(shù)量有限制時(shí)，操作的時(shí)機(jī)就變得很重要。以在app上報(bào)名班級(jí)（圖1）的操作為例，假設(shè)班級(jí)容量為20人，確認(rèn)報(bào)名訂單時(shí)暫
時(shí)扣去一個(gè)名額庫(kù)存，完成支付時(shí)完全扣去這個(gè)名額。如果當(dāng)你報(bào)名班級(jí)時(shí)，名額已滿，但還有人未付款，這時(shí)系統(tǒng)應(yīng)該有什么提示？這和報(bào)名班級(jí)時(shí)，班級(jí)絕對(duì)性
滿員（名額已滿，且所有人完成付款）的情況處理方式是不一樣的。另一種情況是，在你進(jìn)入確認(rèn)訂單頁(yè)時(shí)，名額未滿，但當(dāng)你按下“確認(rèn)”訂單，此時(shí)名額已經(jīng)滿
了，也應(yīng)該有相應(yīng)的提示。像這種對(duì)數(shù)量敏感的功能，應(yīng)盡量明確地告訴用戶限制條件，當(dāng)前的相關(guān)狀態(tài)是怎樣的（未滿員，暫時(shí)滿員，或已滿員？），防止用戶進(jìn)
行不必要的操作。用戶若第一時(shí)間沒(méi)有理解，可能需要進(jìn)一步友好地提示。