雷火平台-中国知名电竞赛事平台

聯(lián)系我們 face+ 關(guān)于 服務(wù) 案例
首頁(yè) 案例 服務(wù) 關(guān)于 face+

手機(jī)APP界面設(shè)計(jì)時(shí)應(yīng)該如何進(jìn)行布局?

Time: 2021-08-31

很多時(shí)候,我們放棄使用一個(gè)app,不是因?yàn)橛貌坏剿墓δ?,而是被其不盡人意的界面所影響,轉(zhuǎn)而去使用那些界面更優(yōu)秀的同類型APP,可見(jiàn)APP的界面設(shè)計(jì)有多重要。那么手機(jī)APP界面設(shè)計(jì)時(shí)應(yīng)該如何進(jìn)行布局?faceui這就為大家答疑。

  手機(jī)APP界面設(shè)計(jì)的基本內(nèi)容

  手機(jī)軟件界面的構(gòu)成在其界面所轄范圍往往會(huì)被分為幾個(gè)標(biāo)準(zhǔn)的信息區(qū)域:

  標(biāo)題區(qū)、主信息操作區(qū)、公共導(dǎo)航區(qū)、

  標(biāo)題區(qū):主要是軟件LOGO、軟件版本、以及相關(guān)圖文信息。

  功能操作區(qū):它是軟件的核心部分,也是版面上面積最寬的部分。

  公共導(dǎo)航區(qū):它是對(duì)軟件操作進(jìn)行宏觀操控的區(qū)域,隨時(shí)可見(jiàn),在這里它可以保存當(dāng)前操作結(jié)果、切換當(dāng)前操作模塊、退出軟件系統(tǒng),實(shí)現(xiàn)對(duì)軟件的靈活操控。

  手機(jī)界面的設(shè)計(jì),很大程度上都需要借鑒手機(jī)系統(tǒng)界面的設(shè)計(jì)進(jìn)行創(chuàng)作,只有在此基礎(chǔ)上,才能確保整個(gè)手機(jī)界面的統(tǒng)一性。

f763450f75e4701da91a03a95627f57.png

手機(jī)APP界面設(shè)計(jì)(圖片來(lái)自網(wǎng)絡(luò))


  手機(jī)APP界面設(shè)計(jì)如何布局

  頁(yè)面布局是對(duì)頁(yè)面的文字、圖形或表格進(jìn)行合理的排布與設(shè)計(jì)。信息是否能有效的傳達(dá),離不開(kāi)良好的頁(yè)面組織及布局,在對(duì)頁(yè)面布局時(shí)我們需要考慮用戶需求與用戶行為,明確信息的層級(jí)關(guān)系,讓信息傳遞效率最大化。

 ?、貺ogo放置每頁(yè)相同位置,數(shù)據(jù)內(nèi)容按主次先后有序排列,重要信息放置主頁(yè)及界面中等偏上的位置,遵循人們從上到下,從左到右的閱讀習(xí)慣,主頁(yè)長(zhǎng)度適度,其他頁(yè)面也不宜過(guò)長(zhǎng),頁(yè)面盡量采用分頁(yè)。

 ?、诿鞔_每個(gè)頁(yè)面需突出的重要信息,可以通過(guò)色彩顏色、圖形、文字大小、間距、留白等進(jìn)行對(duì)比區(qū)別,拉開(kāi)層次,突出顯示重要信息。

 ?、蹖?dǎo)航盡量采用底部導(dǎo)航或一側(cè)導(dǎo)航有利于用戶引導(dǎo)和了解頁(yè)面布局,不占左右空間。設(shè)計(jì)師在對(duì)APP布局前,對(duì)應(yīng)用的功能需求有清晰的把握,在每一級(jí)別的頁(yè)面,應(yīng)該清楚知道整個(gè)應(yīng)用的界面跳轉(zhuǎn)和層級(jí)關(guān)系,明確每個(gè)頁(yè)面的凸現(xiàn)信息。

手機(jī)APP界面設(shè)計(jì)

手機(jī)APP界面設(shè)計(jì)(圖片來(lái)自網(wǎng)絡(luò))


  手機(jī)APP界面設(shè)計(jì)應(yīng)該遵守的原則

 ?、俦WC功能性和實(shí)用性。我們?cè)趯?duì)手機(jī)APP 界面進(jìn)行設(shè)計(jì)時(shí),需要考慮APP本身的使用特點(diǎn),保證大多數(shù)用戶都能獲得使用體驗(yàn),界面中應(yīng)盡量減少按鍵數(shù)量,保證APP功能的合理性,這樣的界面會(huì)使得用戶操作更加方便流暢,也能相應(yīng)地減少手機(jī)的運(yùn)算負(fù)擔(dān)。

  ②內(nèi)涵豐富,寓意明確。設(shè)計(jì)時(shí)應(yīng)在有限的二維空間中調(diào)整圖形、文字、按鍵、符號(hào)等元素的位置關(guān)系和比例大小,增加對(duì)界面內(nèi)容表達(dá)的準(zhǔn)確性和界面操控的靈活性。

 ?、蹐D形簡(jiǎn)潔,易識(shí)別。設(shè)計(jì)師應(yīng)考慮界面中的點(diǎn)、線、面的構(gòu)成,界面既要做到簡(jiǎn)潔并具有概括性,使用戶能更容易理解和接受;又要做到內(nèi)容豐富,不讓人感覺(jué)單調(diào)乏味。設(shè)計(jì)圖形要遵循一種秩序美,讓視覺(jué)上的感受更加平衡,增加界面操控的舒適感。

  手機(jī)APP界面設(shè)計(jì)可并不是一項(xiàng)輕松的工作,只有不斷的學(xué)習(xí)與嘗試,我們才能設(shè)計(jì)出讓更多人滿意的APP。如果各位還有其他相關(guān)的疑惑或需求,可以隨時(shí)聯(lián)系faceui咨詢。


合作咨詢

上海(總部)

上海市浦東新區(qū)郭守敬路498號(hào)22號(hào)樓
021-61057328
service@faceui.com

辦公地址地圖

北京

北京市東城區(qū)后永康17號(hào)A座
010-64015620
service@faceui.com

辦公地址地圖

成都

四川省成都市錦江區(qū)東大街牛王廟段100號(hào)
028-62790929
service@faceui.com

辦公地址地圖
首頁(yè) | 案例 | 服務(wù) | 關(guān)于 | face+ | 智見(jiàn)

Copyright ? 2009-2022 FaceUI design. All rights reserved


滬ICP備13044459號(hào)-5

上海辦公地點(diǎn)地圖
北京辦公地點(diǎn)地圖
深圳辦公地點(diǎn)地圖
在微信中搜索faceui
或保存二維碼在微信中打開(kāi)