現(xiàn)在人們的生活越發(fā)智能化，手機(jī)已然成為當(dāng)下人們經(jīng)常用到的一種設(shè)備，這也讓更多開始使用手機(jī)享受便利生活，那么移動(dòng)ui設(shè)計(jì)基本界面有哪些？下面讓我們一起詳細(xì)了解下吧。

　　常見界面

　　啟動(dòng)界面

　　用戶對(duì)app的第一印象是至關(guān)重要的，它是影響用戶對(duì)app體驗(yàn)的重要因素之一。當(dāng)app從一開始的交互體驗(yàn)就很棒時(shí)，這款app會(huì)更加容易受用戶歡迎。這就是我們對(duì)啟動(dòng)界面的重視度跟其他頁面相同的原因。

　　啟動(dòng)界面是用戶打開app第一個(gè)出現(xiàn)的頁面。通常都是極簡風(fēng)格，僅僅展現(xiàn)一個(gè)名字，logo或產(chǎn)品標(biāo)語。設(shè)計(jì)師為了確保啟動(dòng)界面在不同設(shè)備的視覺效果，通常將設(shè)計(jì)元素放于頁面中間。建議啟動(dòng)界面出現(xiàn)不超過4-8秒，超過這個(gè)時(shí)間，用戶可能會(huì)感到干擾。并且，向用戶展示加載過程也是挺好的，這樣不耐心的用戶也能知道app什么時(shí)候能夠正式啟動(dòng)。

　　入門教程界面

　　入門教程界面是一系列展示app的頁面，包括app的導(dǎo)航，功能和對(duì)潛在用戶帶來的好處。這些頁面是在用戶第一次啟動(dòng)app時(shí)出現(xiàn)的，可以幫助用戶了解app功能特性，同時(shí)了解app是否對(duì)他們有用。

　　每一特定的app的教程界面的結(jié)構(gòu)和內(nèi)容都不同。但是，現(xiàn)在入門界面都有一些共同趨勢。首先，很多教程頁面使用一些自定義的插畫以一種趣味的方式來表示特定的功能或優(yōu)勢。而且，設(shè)計(jì)師經(jīng)常用一個(gè)吉祥物，就像是與用戶進(jìn)行真正的交流，建立感情聯(lián)系。一個(gè)強(qiáng)有力的標(biāo)語提示對(duì)入門也很重要。提示應(yīng)該簡短，有用并且可讀。

　　首頁和菜單頁

　　對(duì)于任何一個(gè)app而言，首頁都是很重要的部分。在移動(dòng)端app中，首頁是用戶進(jìn)行最多交互選項(xiàng)的頁面。首頁的設(shè)計(jì)取雖然取決于不同的產(chǎn)品和產(chǎn)品用途，但是還是有一些重要元素是類似的。首先，首頁通常應(yīng)該有搜索框或按鈕，以便用戶查找需要的內(nèi)容。而且，鑒于首頁是用戶使用產(chǎn)品的開始，所以首頁應(yīng)該包含導(dǎo)航功能，以便用戶能進(jìn)入不同的區(qū)域。

　　為了方便用戶交互體驗(yàn)，移動(dòng)端app的菜單展示應(yīng)該包含用戶可能點(diǎn)擊移動(dòng)的所有方向。這里有兩種app中菜單的展示方式：菜單可以在首頁里，也可以在一個(gè)單獨(dú)的頁面。建議菜單種類不超過7種，只顯示重要的種類。如果app需要更多種類，可以創(chuàng)建子分類。

　　登錄界面和個(gè)人資料界面

　　現(xiàn)在很多的app都可以讓用戶自己創(chuàng)建賬號(hào)，所以設(shè)計(jì)師也需要知道如何設(shè)計(jì)登錄界面和個(gè)人資料界面。登錄界面應(yīng)該是極簡，清晰，以便用戶登錄app。通常只有姓名，密碼和一按鈕。對(duì)于那些第一次登錄app的用戶來說，通常還應(yīng)該有一個(gè)注冊(cè)的選項(xiàng)。

　　App里有了個(gè)人資料頁面，會(huì)使app更加個(gè)性化，根據(jù)每個(gè)用戶的特征進(jìn)行有效的app內(nèi)數(shù)據(jù)處理。另外，對(duì)于任何社交app，個(gè)人賬號(hào)都是一個(gè)很重要的一部分，用戶有了賬號(hào)，就可以加入網(wǎng)絡(luò)上的虛擬社交群體，跟其他人分享個(gè)人信息。設(shè)計(jì)師的最大職責(zé)就是通過智能的用戶體驗(yàn)將個(gè)人資料的便易性最大化體現(xiàn)。

　　根據(jù)交互設(shè)計(jì)組織所說，設(shè)計(jì)師需要考慮的第一點(diǎn)就是個(gè)人資料頁一定要清晰易用。個(gè)人資料頁面信息是有一定數(shù)量限制的，以免這個(gè)頁面太過復(fù)雜。并且，app的導(dǎo)航一定要是直觀易懂的。這樣的話，用戶才不需要苦苦思索app的操作。最后，app的個(gè)人資料頁應(yīng)該是針對(duì)特定目標(biāo)群體。如果你需要app滿足用戶需求的話，那么必須做用戶調(diào)研。

　　狀態(tài)界面

　　很多app都有用戶活動(dòng)的狀態(tài)。數(shù)據(jù)越多，狀態(tài)界面越難設(shè)計(jì)。設(shè)計(jì)師需要確保能在界面上看到所有的關(guān)鍵數(shù)據(jù)，并且界面清晰可用。設(shè)計(jì)師可以用圖形曲線，刻度和原始圖標(biāo)來讓狀態(tài)界面在app上看起來流暢，簡潔。并且，狀態(tài)界面上還需要使用特定的字體，這樣用戶才能輕松辨別出數(shù)據(jù)。

　　日歷

　　事件app，待辦事項(xiàng)app和其他app都會(huì)為用戶提供專屬的日歷。根據(jù)不同類型的app，日歷也會(huì)有特定的功能，比如提醒或是安排。日歷的視覺效果應(yīng)該符合app的調(diào)性和目標(biāo)。

移動(dòng)ui設(shè)計(jì)（圖片來自網(wǎng)絡(luò)）

　　電商界面

　　目錄界面

　　任何一個(gè)電商app的主要目標(biāo)都是賣產(chǎn)品。App的視覺體驗(yàn)對(duì)用戶的消費(fèi)決策有巨大影響。商家把促銷的產(chǎn)品放在目錄下進(jìn)行售賣。設(shè)計(jì)師的任務(wù)就是設(shè)計(jì)出吸引用戶并刺激購買的目錄。App的產(chǎn)品列表可以與很多其他電商網(wǎng)站類似，商品以系列形式擺放，用戶可以垂直滑動(dòng)進(jìn)行查看。每一行的產(chǎn)品數(shù)量根據(jù)屏幕的寬度不同而有所不同。

　　移動(dòng)端目錄的另一種擺放產(chǎn)品的方式是每行展示產(chǎn)品，通過水平滑動(dòng)進(jìn)行切換。

　　為了讓導(dǎo)航更加直觀，水平方向行里的最后一個(gè)產(chǎn)品應(yīng)該不完全展示，這樣用戶就能明白滑動(dòng)的方向。并且，產(chǎn)品圖片和插圖應(yīng)該是高質(zhì)量的，這樣用戶才能清晰看清購買的產(chǎn)品。目錄界面還應(yīng)該有一個(gè)立即購買的按鈕，以便用戶直接添加購物車進(jìn)行購買。這樣的話，用戶可以直接從目錄界面挑選產(chǎn)品，不需要一定要在某個(gè)特定頁面進(jìn)行購買。

　　產(chǎn)品卡片界面

　　這個(gè)界面是為了那些清楚知道自己想買什么的用戶設(shè)計(jì)的。產(chǎn)品卡片上會(huì)展示產(chǎn)品的關(guān)鍵信息，以便用戶抉擇他們是否需要這個(gè)產(chǎn)品。設(shè)計(jì)師著重于產(chǎn)品圖片，將圖片放在屏幕中間。產(chǎn)品描述一般放在下方。設(shè)計(jì)師可以把產(chǎn)品信息分組，比如尺寸，材質(zhì)或其它，這樣用戶就可以輕易找到他們需要的信息。

　　結(jié)算界面

　　現(xiàn)在很多人都是通過智能手機(jī)進(jìn)行購買，所以商家盡可能優(yōu)化移動(dòng)端的購物流程，讓此流程變得比以往都更加方便。結(jié)算是用戶購買產(chǎn)品的最后一步。設(shè)計(jì)師的任務(wù)就是優(yōu)化用戶在結(jié)算時(shí)的用戶體驗(yàn)。結(jié)算界面第一個(gè)部分也是最重要的部分之一就是一個(gè)表格，買家需要在這個(gè)表格里填上一些特定的個(gè)人信息，比如姓名和信用卡卡號(hào)。信息種類取決于用戶購買的平臺(tái)。另外，還有很重要的一點(diǎn)是，用戶需要確保他們填入的私人信息是安全的，所以設(shè)計(jì)師應(yīng)該設(shè)計(jì)一些視覺元素來告訴用戶信息的安全性。這些安全元素可以是一些標(biāo)注，知名品牌授權(quán)的圖標(biāo)，或者如果是證書的話，也可以是一些證書圖標(biāo)。

　　社交界面

　　動(dòng)態(tài)消息流

　　人們通常會(huì)用很多社交平臺(tái)app進(jìn)行交流，并且還可以關(guān)注新聞和更新消息。動(dòng)態(tài)消息流會(huì)持續(xù)變化地展示新聞和一些其它用戶關(guān)注的內(nèi)容。實(shí)踐表明移動(dòng)端用戶更傾向于快速瀏覽動(dòng)態(tài)信息流，所以用戶需要簡單，清晰的動(dòng)態(tài)信息流設(shè)計(jì)，不會(huì)被視覺設(shè)計(jì)細(xì)節(jié)所累贅。新聞可以一次滑動(dòng)展示一條。下一條新聞應(yīng)該是部分顯示，這樣可以讓導(dǎo)航更加直觀。

　　通訊錄

　　通訊錄已經(jīng)發(fā)展了很長一段時(shí)間。從紙質(zhì)的筆記到不同的數(shù)字載體，視覺上已經(jīng)變化很多，但始終只有一個(gè)目的：保存朋友和其他近交的關(guān)鍵信息。手機(jī)通訊錄是將通訊錄的信息以姓名的字母順序進(jìn)行排序。每一個(gè)聯(lián)系人都是可以點(diǎn)擊的，點(diǎn)擊之后進(jìn)入詳細(xì)信息，包括電話號(hào)碼，郵箱，有時(shí)候還有Skype，Messenger等的通訊信息。另外，聯(lián)系人信息一般都伴有一張頭像，便于搜索。

　　音樂界面

　　播放列表

　　音樂愛好者喜歡為每個(gè)情景創(chuàng)建自己的播放列表。很明顯，每個(gè)音樂app都應(yīng)該有這個(gè)功能。不同app的播放列表界面都很相似：一個(gè)音樂列表，顯示歌名，歌手名稱或樂隊(duì)名稱，和音樂的長度。另外，設(shè)計(jì)師也可以為音樂所屬專輯添加一張小圖片。為了以防歌曲沒有圖片，所以應(yīng)該有一個(gè)圖標(biāo)顯示，比如，一個(gè)音符。

　　播放器

　　人們可以通過播放器來控制他們聽的音樂和聽音樂的方式。播放器的功能包括切換歌曲，暫停和用易于識(shí)別的按鈕來播放新歌曲。這一部分一般是放在屏幕下方的中間部分。播放器界面的大部分都是放一張圖片。另外，有些時(shí)候，除了圖片，很多設(shè)計(jì)師會(huì)采用音樂視覺效果在屏幕中間。音樂視覺效果是發(fā)揮想象力和創(chuàng)造力的好機(jī)會(huì)，這對(duì)設(shè)計(jì)師而言是激發(fā)的作用。

移動(dòng)ui設(shè)計(jì)（圖片來自網(wǎng)絡(luò)）

　　以上是小編為大家介紹的有關(guān)移動(dòng)ui設(shè)計(jì)的相關(guān)內(nèi)容，相信大家在看完之后也清楚了吧，歡迎關(guān)注我們的網(wǎng)站了解更多信息。