1、技術(shù)干貨ApplewatchAPP設(shè)計規(guī)范 一規(guī)范概要 1導(dǎo)航形式 層級式，通過當(dāng)前頁面點擊跳轉(zhuǎn)到另外頁面的形式適合應(yīng)用于復(fù)雜產(chǎn)品，需要層層遞進 頁面式，頁面切換，滑動，類似輪播 AppleWatch導(dǎo)航形式任選其一，不得同時存在 2交互方式 輕觸列表按鈕切換等控件的操作 手勢縱向輕掃，界面滾動橫向輕掃，界面導(dǎo)航之間；美團App在交互設(shè)計上，注重細節(jié)，如按鈕的點擊效果頁面的滑動效果等，都給用戶帶來了良好的操作體驗同時，美團App還提供了智能推薦功能，根據(jù)用戶的瀏覽和消費記錄，推薦相關(guān)的商家和服務(wù)，提高用戶的使用滿意度總結(jié)來說，美團App的頁面設(shè)計以用戶體驗為核心，通過簡潔明了的布局分類導(dǎo)航列表頁設(shè)計；在蘋果的iPhone人機界面設(shè)計規(guī)范中指出，最小的點擊目標(biāo)尺寸是44 x 44像素微軟的Windows手機用戶界面設(shè)計和交互指南中建議使用34 x 34像素的尺寸，最小也要26 x 26 像素諾基亞開發(fā)指南中建議，目標(biāo)尺寸應(yīng)該不小于1cm x 1cm或者28 x 28 像素盡管這些指導(dǎo)規(guī)范給我們列舉了各平臺下可點擊；Groupon 的登錄頁面關(guān)注于最主要的動作另外，絲路覺得手指點擊的尺寸也是要在設(shè)計時仔細考慮的事情按鈕的大小在幫助用戶分辨這些元素的過程中起到了決定性的作用不同的平臺提供了熱區(qū)的最小尺寸的不同設(shè)計規(guī)范MIT Touch Lab的研究結(jié)果表明手指接觸面積平均為1014mm之間，指尖平均為810mm，所以最佳的。

2、可是，如果這個APP的設(shè)計師沒有想到這個微小的互動呢？那么用戶就有可能在一個播放列表里添加到相同的歌曲若干次如果用戶一定需要，通過個微互動設(shè)計，只需點擊“添加”便可微互動如何工作？要設(shè)計增加產(chǎn)品價值的微互動，您必須了解它們的工作原理蟬大師問過幾位優(yōu)秀的APP開發(fā)者，他們一致認為精心設(shè)計；移動端APPUI設(shè)計之字體排版設(shè)計總結(jié)字體是一門工藝，設(shè)計師終其一生都在精心打磨的確如此，因為每個文字每種字體和每項技術(shù)都帶來了新的挑戰(zhàn)沒有一成不變的普適規(guī)律假如你追求易讀性，要牢記三條原則行內(nèi)的視覺流要平順，空間層級要清晰，要有足夠的對比這尤其適用于移動端頁面沒有不；2是為移動觸摸而設(shè)計 點擊操作是PC時代交互的基礎(chǔ)，在觸摸屏設(shè)備上基于手指的手勢操作已經(jīng)代替了鼠標(biāo)的點擊操作1以信息架構(gòu)為基礎(chǔ)，簡歷手勢交互規(guī)范2優(yōu)先設(shè)計自然的手勢交互，而不是TAP點擊 3引導(dǎo)用戶在情境中學(xué)習(xí)手勢操作4特殊手勢不是必須的5可觸區(qū)域必須大于7×7mm；第一個案例社交類APP當(dāng)中的按鈕設(shè)計以上這個APP界面，最醒目的地方就是 漂亮的按鈕這樣的APP按鈕是直接吸引用戶點擊交互的而且按鈕的排版和整個元素的排版都是居中的，屬于UI設(shè)計當(dāng)中的中軸式布局大氣穩(wěn)重第二個案例電商APP當(dāng)中的按鈕設(shè)計 這是國外一個非常不錯的賣兒童服裝的一款A(yù)PP設(shè)計界面。

3、第一個案例社交類APP當(dāng)中的按鈕設(shè)計以上這個APP界面，最醒目的地方就是漂亮的按鈕這樣的APP按鈕是直接吸引用戶點擊交互的而且按鈕的排版和整個元素的排版都是居中的，屬于UI設(shè)計當(dāng)中的中軸式布局大氣穩(wěn)重第二個案例電商APP當(dāng)中的按鈕設(shè)計 這是國外一個非常不錯的賣兒童服裝的一款A(yù)PP設(shè)計界面25；功能外露，以 Amazon 為例搜索功能以輸入框的形式直接展示在屏幕中這是最為常見的一種設(shè)計方式，也是大型電商類應(yīng)用通常會采用的形式功能布點，以 蝦米音樂為例它與功能外露型類似，只不過是將搜索功能弱化成了一個 icon，點擊后才會展成搜索框獨立 Tab，以 Snapguide 為例它是將搜索。

4、登錄操作時，點擊手機號碼輸入框，從頁面下部彈出數(shù)字鍵單擊搜索框，編輯框和評論框，然后在底部彈出字母鍵盤3app軟件開發(fā)界面設(shè)計其他一般相互作用的說明 沒網(wǎng)的情況下打開APP，在頁面中央提示網(wǎng)絡(luò)錯誤請重新加載網(wǎng)絡(luò)，然后重試單擊底部標(biāo)簽導(dǎo)航中的“問診”“社區(qū)”和“我”三個選項卡，切換；1進入“金和IU APP自助工廠”官網(wǎng)，點擊右上角的登入，登入我們前一個分享中注冊的帳號以及密碼 2登入主界面后點擊左側(cè)的應(yīng)用管理再點擊右上角的馬上制作您的APP 3進入APP模版選擇界面，選擇你需要的APP模版，這個可以根據(jù)你自己的需求定位做何種的APP，每一種模版都有他獨特的展示優(yōu)點 不管。

5、1點擊進入matlabapp進入主頁面2點擊主頁面的“我的”，選擇設(shè)置3點擊通用，設(shè)置成一鍵啟動功能確定即可在app設(shè)計中，確認對話框是不可缺少的存在，如關(guān)閉app前的提醒修改參數(shù)之后的提醒，可以規(guī)避在操作過程中的失誤，從而避免數(shù)據(jù)等的丟。

6、通過在啟動頁中添加標(biāo)志性的slogan或者圖像，既能強調(diào)App的用途也為用戶設(shè)定了一定的期望 例如上圖的3個應(yīng)用將品牌logo放在開屏頁中，這樣的設(shè)計對用戶的感官有直接的刺激 上圖的HistoryDocuSign和Ted三個App，通過在開屏中添加標(biāo)語來強化價值主張 從點擊圖標(biāo)到內(nèi)容加載，中間有一段可感知的加載時間，如果在這段；豎排列表視覺上整齊美觀，常用于并列元素的展示，包括目錄分類內(nèi)容等橫排方塊把并列元素橫向顯示的一種布局常見的工具欄，TAB，Coverflow等都采用這種布局九宮格TAB多面板彈出框手風(fēng)琴用戶點擊分類可展開顯示二級內(nèi)容，在不用的時候，內(nèi)容是隱藏的可承載比較多的信息，同時保持界面；設(shè)計時要考慮到手指的寬度，而且用戶在快速移動手指的時候，很難準(zhǔn)確的點擊小片屏幕在屏幕上加大量的按鈕和功能很容易，但按鈕一定要足夠大，間隔也要足夠大，否則用戶容易誤點 5慎用動畫介紹，不要隨意使用介紹動畫 在用戶首次打開 App 的時候，給用戶一個動畫的介紹是個不錯的想法，但不能太；缺點設(shè)計時需要注意色彩的搭配，太過于花哨會讓用戶產(chǎn)生視覺疲勞3抽屜式導(dǎo)航抽屜式滑動導(dǎo)航很好地彌補了tabber導(dǎo)航中切換項受限的缺陷，通過縱向排列切換項解決了這一問題，將菜單隱藏在當(dāng)前頁面內(nèi)，點擊入口即可像抽屜一樣拉出菜單利用Mockplus實現(xiàn)的抽屜式導(dǎo)航效果在線預(yù)覽優(yōu)點節(jié)省頁面展示空間。