近年來缝驳，移動手機風(fēng)靡全球拆内。用戶們也已經(jīng)習(xí)慣依照一定的法則在移動端獲取信息旋圆。在這個微渺的事物就可以定勝負的世里，開發(fā)者們需要去了解并迎合用戶的高需求麸恍，以立足于此灵巧。
那么，你應(yīng)該怎樣設(shè)計去滿足日漸高漲的用戶期望呢抹沪？
如果轉(zhuǎn)瞬間即可以有影響某款應(yīng)用的事情發(fā)生刻肄，那么你可以預(yù)見的是，在這個移動領(lǐng)域立足并不是一件輕松的事兒融欧。
在開發(fā)者中流傳著一個真理敏弃，工具可以幫助你做簡單的事情，從而讓你集中注意力于那些困難與復(fù)雜的領(lǐng)域噪馏。如果你現(xiàn)在正在處于從?Web?設(shè)計向?App?設(shè)計的轉(zhuǎn)型之中麦到，那么你一定很難把握小與大的矛盾——當你要把頁面做小虹茶，實際上所需完成的工作量會更大。
如果你尚處于困惑之中隅要，我會告訴你這十大法則蝴罪，包括五條視覺設(shè)計法則與五條交互設(shè)計法則。掌握了它步清，你在設(shè)計移動界面的時候就不會那樣子捉襟見肘要门。
你是否遇到這樣的情況？完成設(shè)計后廓啊，不知道該怎么去改進自己的設(shè)計方案欢搜；或者直到開發(fā)完成設(shè)計方案，才發(fā)現(xiàn)有一些顯而易見的問題谴轮，但卻一切卻已成定局炒瘟。如果你希望提高產(chǎn)品的設(shè)計質(zhì)量，或者減少返工的可能性第步，滿足用戶越發(fā)挑剔的胃口疮装，那么完成設(shè)計后，進行一次自檢粘都，是一個很好的習(xí)慣廓推。以下是十大自檢法則。
5 大視覺設(shè)計法則
蘋果在用戶體驗層面開創(chuàng)了一個新的并充滿驚喜的設(shè)計領(lǐng)域翩隧，它給我們提供了設(shè)計參考樊展、樣品?App，從而給我們這個時代拉開了一個不同以往的序幕堆生。
同時专缠，谷歌也未停滯不前，谷歌在對行業(yè)仔細觀察并精準分析之后淑仆，成立了一種新的頁面規(guī)則涝婉，并開創(chuàng)了新的用戶系統(tǒng)應(yīng)用于他們自主研發(fā)的手機上。
然而糯景，蘋果缺乏對移動端用戶體驗的視覺與交互方面的再定義嘁圈，在這種情況下，移動應(yīng)用的創(chuàng)始人們也在事實上進行了創(chuàng)新蟀淮，從而生成了這十大法則最住，你可以在這十大法則的基礎(chǔ)上去構(gòu)建你的?App 。
1怠惶、合理布局涨缚，占滿屏幕
人們都喜歡著內(nèi)容充實的頁面，因此，你大可不必對頁面的畫布進行節(jié)省脓魏。你可以將你要設(shè)計的頁面看作一幅油畫兰吟，而你是那個畫匠。所以茂翔，盡情的將元素橫向鋪滿整個界面并縱向平衡他們之間的關(guān)系吧混蔼，另外，在背景中加入一些肉眼可見的小驚喜也是不錯的選擇哦珊燎。
當然我們也并不是不需要留白惭嚣，而是精心設(shè)計的留白，能夠烘托主體物的留白悔政，作為頁面一部分的留白晚吞。而不是讓頁面看起來像主體物太小，或者構(gòu)圖不充分的留白谋国。
2槽地、刪減雜蕪
沒有人喜歡雜亂無章的東西，特別是在移動屏幕這樣一個僅有?4-5?寸大小的地方芦瘾。在移動端捌蚊，頁面布局的雜亂會被用戶們放大無數(shù)倍，所以旅急，把用戶最需要的最想看的東西呈現(xiàn)出來而將冗雜多余的元素刪除是非常必要的逢勾。用戶體驗好的產(chǎn)品應(yīng)當是簡約的，你并不需要展現(xiàn)太多藐吮，過猶不及，剛剛好才是最恰當?shù)摹?主要檢測是否是關(guān)鍵信息（幫助用戶決定下一步操作的信息）逃贝，避免類似重復(fù)信息（比如說有多個聯(lián)系方式時候谣辞，放一個就夠），少量的信息更加方便用戶快速瀏覽沐扳，這里體現(xiàn)了少即是多的原則泥从。
3.尊重用戶習(xí)慣
為什么必須要這樣呢？在移動端沪摄，像返回鍵躯嫉、導(dǎo)航欄、菜單欄和頂部任務(wù)欄這種元素是每一款 App 都會有的杨拐，保持它們?yōu)橄嗤奈恢闷聿汀⒋笮∈怯脩舴浅Ｆ谕氖虑椤Ｈ绻銢]有把握完全創(chuàng)新將原有的用戶習(xí)慣打破哄陶，你就必須遵從它帆阳。
4、使每一像素都臻于完美屋吨。
由于?LED蜒谤、高清山宾、手機顯示屏可以影響用戶對這款應(yīng)用的體驗從而影響他們的決策，“華麗”是游戲界面的代名詞鳍徽。你一定要確保你每一個?icon?的對齊與間距都是完美的资锰。使用高分辨率的圖像可以將應(yīng)用完美的呈現(xiàn)在每一個顯示器上。千萬千萬不要將不同的字體阶祭、字號和字體顏色混雜在一起绷杜，那樣會顯得很丑。檢測字體胖翰，字號接剩，字色是否太多？什么是多呢萨咳？ 一個頁面除了常規(guī)字體懊缺，最多出現(xiàn)一種強調(diào)字色。
5培他、忘記你網(wǎng)頁端設(shè)計的經(jīng)驗
網(wǎng)頁端已經(jīng)統(tǒng)治了互聯(lián)網(wǎng)太久以至于你很難走出網(wǎng)頁設(shè)計的慣用思維中鹃两，你應(yīng)該將你自己放到本土移動應(yīng)用設(shè)計者的心態(tài)之中。事實上舀凛，盡管一些Web功能不應(yīng)該存在于移動領(lǐng)域俊扳，可是他們?nèi)匀淮嬖谥Ｄ憧赡軙徽T惑去設(shè)計一個估計百萬級體量的插件猛遍，但是當你調(diào)整插件場景時你應(yīng)該謹慎行事馋记。比如，不要做一個帶著下劃線的連接懊烤，不要做彈出窗口或者電臺按鈕梯醒，這些都不是為移動用戶體驗而設(shè)計的。
5大交互法則
在移動領(lǐng)域腌紧，有些理念是具有創(chuàng)新性的茸习，交互設(shè)計就是這些理念之一。感謝蘋果壁肋，讓我們在交互與觸摸體驗中有了良好的范本号胚。所以，我會圍繞著這些告訴你交互設(shè)計五大法則浸遗。
1猫胁、考慮到觸摸問題
移動用戶界面是有一個可觸摸并可與手指交互的規(guī)則的。所以乙帮，在移動應(yīng)用設(shè)計上杜漠，你應(yīng)該將每一個?icon?設(shè)計到恰當?shù)目梢匀菁{手指觸摸的大小上，如果頁面面積不夠，你可以制作卡片使得手指可以充分接觸并提供即時的反應(yīng)驾茴。你要切記的一點是盼樟，懸停幾乎對移動交互是不產(chǎn)生影響的。并且你千萬不要忘記锈至，在移動頁面上晨缴，不能簡單的將手指類比為網(wǎng)頁上的鼠標。
2峡捡、滑動與伸展
在本土的手機頁面中击碗，不同頁面相互影響是極好的的，所以们拙，在完全的頁面上讓他們一起合作吧稍途。比如下拉以刷新，滾動時隱藏標題等砚婆。讓頁面在任何方向上滾動變得容易械拍。手勢是預(yù)期的觸摸接口，所以你可以用手來縮放装盯，拉伸坷虑，捏動等。
3埂奈、微調(diào)過渡
房地產(chǎn)領(lǐng)域強調(diào)地段迄损，而在移動手機領(lǐng)域卻強調(diào)過渡。我們所要滿足的不光是用戶對“快”的需求账磺，還有他們交互速度的需求芹敌。我們可以通過能見度的改變讓用戶的過渡感覺到很舒服，就像從下往上播放幻燈片一樣垮抗。如果他們要按返回鍵党窜，則過渡效果可以反向轉(zhuǎn)換。
4借宵、讓加載過程變得優(yōu)雅
因為在本土手機中，用戶矾削，速度壤玫，過渡和性能是無處不在的。在用戶的心中哼凯，沒有什么是比空白屏幕更可怕的欲间。所以，你要確保你不會設(shè)計出空白的過渡屏幕断部。在過渡屏中展現(xiàn)一些東西是非常有必要的猎贴，不要讓用戶去等待。不要跳轉(zhuǎn)內(nèi)容，逐步加載她渴，而不是批量的加載所有數(shù)據(jù)达址，從而使元素優(yōu)雅的出現(xiàn)。
5趁耗、增加一些動效設(shè)計
除非它有魔術(shù)沉唠，在現(xiàn)實中，元素不會突兀的出現(xiàn)在任何地方苛败。移動用戶們喜歡看元素們到處動的樣子满葛。你可以不會魔法，但是你可以營造出一種幻覺罢屈。因此嘀韧，使用動畫，從而緩解突兀的感覺缠捌，并收集任何你需要的數(shù)據(jù)锄贷。
其實…你不必記住這些規(guī)則的
每當你認為你的移動頁面設(shè)計的不好看或者感覺不對的時候，你可以來翻一翻這個自查表：
在設(shè)計夾后臺回復(fù) 自查表 可以下載鄙币，記住肃叶，我們給你提供了為你做簡單事情的工具，所以十嘿，你要集中注意力去攻堅克難了因惭。（個人版是永久免費的）
這個表格不僅擁有一個令人難以置信的框架和用戶界面，它是基于默認的所有規(guī)則绩衷。況且它也可以幫助縮短開發(fā)時間蹦魔，所以你可以專注于那些可以滿足用戶期望的痛點。
