如果你是一名設(shè)計(jì)師，移動(dòng)應(yīng)用程序空間的好消息是這樣的：設(shè)計(jì)就是一切。無(wú)論你正在構(gòu)建一個(gè)實(shí)用程序或游戲，同時(shí)普及和可用性，外觀有很大的影響?；靵y和雜亂無(wú)章的應(yīng)用程序是很難理解，很難使用。這是不是說(shuō)，一個(gè)“嚴(yán)重刀具”應(yīng)該加以點(diǎn)綴過(guò)頭的GUI。一個(gè)偉大的應(yīng)用程序設(shè)計(jì)是一個(gè)將外觀與功能之間取得平衡。

移動(dòng)設(shè)計(jì)

在功能方面，當(dāng)然也有一些領(lǐng)域的應(yīng)用開(kāi)發(fā)，不是“設(shè)計(jì)師的工作”，但仍然有很大的影響的設(shè)計(jì)概念和應(yīng)用程序的創(chuàng)意方向。如果您正在使用一個(gè)應(yīng)用程序，而這些工作都沒(méi)有被填滿，誰(shuí)擁有這些技能，這樣做，或者給它一個(gè)嘗試自己找人。跳過(guò)這些步驟可能會(huì)導(dǎo)致你了昂貴的修改路徑，當(dāng)你的用戶發(fā)現(xiàn)，您的應(yīng)用程序缺少的功能或有痛苦的設(shè)計(jì)缺陷。

應(yīng)用程序的主要任務(wù)是什么？

一旦一個(gè)應(yīng)用程序的想法已經(jīng)普遍范圍內(nèi)的出，它的時(shí)間來(lái)縮小應(yīng)用程序的功能的核心應(yīng)用程序做什么。最流行的應(yīng)用程序建立和保持專注于一個(gè)主要的任務(wù)。要做到這一點(diǎn)，你必須確定什么，首要任務(wù)是通過(guò)創(chuàng)建您的應(yīng)用程序的主要目的和目標(biāo)受眾，也被稱為一個(gè)產(chǎn)品定義語(yǔ)句的簡(jiǎn)要說(shuō)明。

我知道這聽(tīng)起??來(lái)有點(diǎn)怪，沒(méi)用，但是這句話你應(yīng)該附加在墻上的整個(gè)時(shí)間，你的設(shè)計(jì)工作。它的核心應(yīng)用程序是所有關(guān)于。所以，挑幾個(gè)特點(diǎn)，這將是大多數(shù)用戶最經(jīng)常使用的是最適合移動(dòng)環(huán)境。一個(gè)快速的方法，要做到這一點(diǎn)，以填補(bǔ)這些空白的應(yīng)用程序，你的工作：

（你的區(qū)別）（您的解決方案）（你的聽(tīng)眾）。

iPhone的“照片”應(yīng)用程序下面是一個(gè)例子：

（易于使用）（數(shù)碼照片共享）（休閑iPhone用戶）。

市場(chǎng)調(diào)查

市場(chǎng)研究可能聽(tīng)起來(lái)像另一個(gè)那些*哈欠*任務(wù)，但跳過(guò)這一步是愚蠢的。如果你不想這樣做，雇用別人誰(shuí)不這樣的工作感到興奮。不要落入陷阱，“沒(méi)有其他人這樣做”，“這種想法是完全獨(dú)創(chuàng)的”或“我要保持我的想法純潔，不受外界影響?！比绻阗?gòu)買(mǎi)到這些想法，你的應(yīng)用將是完美的，但只為你。

步驟1：準(zhǔn)備比較

交叉參考和記錄所有你研究的最佳方式是將其粘貼到電子表格或字處理文檔。您可以創(chuàng)建你自己的，或者我已經(jīng)創(chuàng)建了一個(gè)谷歌文檔，你可以使用：移動(dòng)應(yīng)用研究電子表格。我已經(jīng)把相關(guān)的應(yīng)用程序，我們將在這篇文章中的例子。只需更換此數(shù)據(jù)與自己！這使得好的，易于交叉引用所有的特性，優(yōu)勢(shì)和技術(shù)等產(chǎn)品提供。

第2步：查找現(xiàn)有解決方案

我說(shuō)：“現(xiàn)有的解決方案”，而不是“競(jìng)爭(zhēng)”，因?yàn)椴皇撬械南嚓P(guān)產(chǎn)品將在你的手機(jī)市場(chǎng)的競(jìng)爭(zhēng)。有些人可能是web應(yīng)用程序，桌面應(yīng)用程序或在同一領(lǐng)域的興趣甚至離線來(lái)源。找到現(xiàn)有產(chǎn)品的最佳方式是每一個(gè)品種上的應(yīng)用程序相關(guān)的關(guān)鍵字搜索：如谷歌、百度、雅虎等

搜索范圍縮小到“博客”和“新聞”得到真正近期結(jié)果

iTunes應(yīng)用程序商店

Android市場(chǎng)

第3步：揭開(kāi)技術(shù)限制

在市場(chǎng)調(diào)研過(guò)程中發(fā)現(xiàn)技術(shù)的限制，你沒(méi)想到準(zhǔn)備。作為一名設(shè)計(jì)師，你可能會(huì)說(shuō)，“誰(shuí)在乎呢？這是開(kāi)發(fā)商的工作！“也許是這樣，但你會(huì)感到驚訝，許多技術(shù)可行性討論如何影響設(shè)計(jì)！相信我，你想成為其中的一部分，討論。

技術(shù)上的限制的例子可能包括：如果你想創(chuàng)建一個(gè)應(yīng)用程序，這將允許您阻止來(lái)自某特定號(hào)碼的呼叫？嗯哦，iPhone的SDK不支持該功能。另外，讓說(shuō)，我想創(chuàng)建一個(gè)應(yīng)用程序，可以讓你找到最近的咖啡店？仔細(xì)想想多少擊中了你的應(yīng)用程序可能得到的，因?yàn)楣雀韬脱呕⒍奸_(kāi)始收費(fèi)，一旦你在你的應(yīng)用程序的搜索請(qǐng)求超過(guò)一定的成交量！

步驟四：規(guī)劃為將來(lái)的功能

這是非常重要的。當(dāng)你通過(guò)學(xué)習(xí)，今天，是不可能的事情，好消息 - 在您的設(shè)計(jì)中，你仍然可以為他們計(jì)劃灰心！第一代iPhone有一個(gè)視頻攝像頭？沒(méi)有，但開(kāi)發(fā)商有自己的游戲一旦開(kāi)始在這一領(lǐng)域的機(jī)會(huì)，將不可避免地在未來(lái)開(kāi)拓思維。

另一個(gè)原因是為將來(lái)的功能規(guī)劃進(jìn)行縮放，或者成長(zhǎng)為應(yīng)用能力。同樣的網(wǎng)站，應(yīng)用程序通常通過(guò)一種或另一種的增長(zhǎng)苗頭。有時(shí)這意味著增加功能或內(nèi)容，有時(shí)它意味著剝離的東西拿走！想想看，你怎么能保持創(chuàng)造力和模塊化之間的平衡。允許插入件進(jìn)出容易從布局的角度來(lái)看，你會(huì)少了很多頭疼的問(wèn)題！

目標(biāo)受眾

了解你的目標(biāo)受眾是非常重要的，在確定的設(shè)計(jì)風(fēng)格，排版和布局。你的應(yīng)用程序是否上訴會(huì)計(jì)師或18 - 25歲的游戲玩家？有這個(gè)信息和潛水更深制定的“角色”是必不可少的了解人口希望看到的上下文中，他們會(huì)使用的應(yīng)用程序。

例如，邁克·托德是一名18歲的大學(xué)生，在紐約市。這就告訴我們很多關(guān)于邁克。他是在大學(xué)期間，周?chē)渌膶W(xué)生，他的年齡，大多數(shù)類似的時(shí)間表。邁克可能想游戲與玩家互動(dòng)。我們會(huì)想到2玩家互動(dòng)，如果我們只知道邁克的年齡嗎？根據(jù)應(yīng)用程序，也許，也許不是。無(wú)論如何，繪制出的人物角色帶來(lái)豐富頭腦風(fēng)暴，并有助于繪制出的功能，重要的是你的目標(biāo)受眾，以及重要的設(shè)計(jì)。

使用案例或APP設(shè)計(jì)模板

一旦定義人物角色，人物需要被放置在相關(guān)的，真實(shí)的生活，“移動(dòng)”的情況。用戶使用的應(yīng)用程序在哪里？他們徒步，乘汽車(chē)或火車(chē)？

四十三歲的比爾推動(dòng)會(huì)議在倫敦市中心，想停下來(lái)喝杯咖啡。如果應(yīng)用程序要求，條例草案點(diǎn)選屏幕前幾次找到他的咖啡店？當(dāng)然，如果你的兄弟擁有一個(gè)車(chē)身車(chē)間！通過(guò)各種情況下，用戶發(fā)現(xiàn)自己在思考，在某些功能重復(fù)的情況下，關(guān)鍵是你會(huì)被什么屏幕設(shè)計(jì)定義撥號(hào)。

網(wǎng)站地圖

Sitemaps的移動(dòng)設(shè)計(jì)的關(guān)鍵。要設(shè)計(jì)一個(gè)流程，直觀，了解的內(nèi)容關(guān)系到其他內(nèi)容提供了一種設(shè)計(jì)簡(jiǎn)單和實(shí)用的控制。移動(dòng)應(yīng)用程序的Sitemaps不同網(wǎng)站的Sitemaps移動(dòng)應(yīng)用程序不應(yīng)該呈現(xiàn)給用戶以多種方式去一個(gè)地方。一個(gè)房間的門(mén)之一：就是這樣。移動(dòng)用戶沒(méi)有時(shí)間做出錯(cuò)誤的舉動(dòng)，然后去“背”，并嘗試找到正確的路徑。

線框和紙?jiān)?/strong>

從使用情況收集的數(shù)據(jù)定義，需要出現(xiàn)在屏幕上的地圖中定義的內(nèi)容和控件。從那里，你要設(shè)計(jì)一個(gè)初步的布局將占到這些設(shè)計(jì)元素。定義一個(gè)網(wǎng)格，并建立使用的設(shè)計(jì)元素的顏色，形狀，和大小的信息的重要性。

符合人體工程學(xué)來(lái)說(shuō)，用戶按住觸摸屏的移動(dòng)設(shè)備，通常指向屏幕中間的大拇指的位置的方式。所以，如果你要瀏覽各地用戶的應(yīng)用程序迅速，給他們，使他們能夠走動(dòng)，只用一只手拿著設(shè)備的控制！

另外，還要考慮各種內(nèi)容可以移動(dòng)和關(guān)閉屏幕的方法。例如，移動(dòng)表是一個(gè)偉大的方式隱藏可操作的控制，直到用戶準(zhǔn)備使用它們。

想想你如何能最大限度地減少用戶輸入。誰(shuí)愿意陷入了進(jìn)入一堆文字？為用戶提供一個(gè)選擇器表，這樣他們就可以從菜單中選擇一個(gè)選項(xiàng)。

紙上原型將在手機(jī)設(shè)計(jì)，為您節(jié)省大量的時(shí)間。就像任何設(shè)計(jì)或插圖繪制過(guò)程中，您的設(shè)計(jì)迭代可以讓你探索程度更深更廣泛的設(shè)計(jì)選項(xiàng)。紙上原型有“風(fēng)險(xiǎn)”，較少的附著一張廢紙比拋光的Photoshop文件。例如，工作后它 ??注意到是有用的，能夠重新排序，添加或刪除屏幕，直到流是正確的。見(jiàn)這個(gè)QQ空間分享一個(gè)不錯(cuò)的移動(dòng)線框收集線程。

創(chuàng)建最終文件

一旦你微調(diào)你的紙上原型，它的時(shí)間在Photoshop中的生活帶來(lái)那些草圖。如果你還沒(méi)有的話，跳回到我以前的帖子，iPhone的設(shè)計(jì)模板，并抓住幾個(gè)讓你開(kāi)始。在這篇文章中，你還會(huì)發(fā)現(xiàn)如何設(shè)置你的文件，在適當(dāng)?shù)某叽绾头直媛室?guī)格。如果你足夠幸運(yùn)，能夠與開(kāi)發(fā)商誰(shuí)可以為您切片圖像，請(qǐng)禮貌和使用文件夾來(lái)組織你的文件。

結(jié)論

這當(dāng)然是一個(gè)縮略版在手機(jī)的設(shè)計(jì)過(guò)程中的每一步，所以請(qǐng)一定要留我在下面留言，讓我知道哪個(gè)區(qū)域，你想對(duì)我闡述后！需要了解更多APP設(shè)計(jì)教程，關(guān)注25學(xué)堂微信公眾賬號(hào)。