ui設(shè)計(jì)包含的內(nèi)容很多，其中ui頁面設(shè)計(jì)是非常重要的一個(gè)部分。要做好ui頁面設(shè)計(jì)，就需要遵循兩大原則，到底是哪兩大原則呢？今天就讓faceui為大家介紹手機(jī)APPui頁面設(shè)計(jì)要遵循的兩大原則，ui頁面設(shè)計(jì)的幾個(gè)小技巧。

　　手機(jī)APPui頁面設(shè)計(jì)要遵循的兩大原則

　　1、快捷便利的實(shí)用原則

　　UI是連接用戶與手機(jī)的橋梁，圖標(biāo)或按鈕則是進(jìn)行更深入的人機(jī)互動(dòng)的標(biāo)志和人口，好的UI設(shè)計(jì)主要目的便于人機(jī)交流，讓用戶快捷地理解程序的用途及操作步驟。

　　優(yōu)秀的UI首先強(qiáng)調(diào)的是功能性，即實(shí)用性。在設(shè)計(jì)領(lǐng)域衡量一個(gè)UI設(shè)計(jì)的成功與否，歸根結(jié)底就是看用戶使用的興趣和使用的頻率。以用戶的需求為設(shè)計(jì)目標(biāo)并引導(dǎo)用戶的需求，是APPUI設(shè)計(jì)的邏輯起點(diǎn)和終點(diǎn)。

　　同樣優(yōu)秀的的APP用戶界面應(yīng)該時(shí)刻關(guān)注的是用戶使用時(shí)的快捷和便利，易用性是其基本特征，必須站在用戶的角度、了解用戶的使用能力和興趣偏好，交互細(xì)節(jié)和交互操作要符合用戶的操作習(xí)慣，同時(shí)盡量簡(jiǎn)化操作步驟和信息層級(jí)，并在UI界面提供或顯示簡(jiǎn)單的操作提示，讓用戶可以憑借已有的生活常識(shí)、使用經(jīng)歷和基本的邏輯推理來操縱軟件。

　　UI作為用戶使用軟件的中介，必須時(shí)時(shí)刻刻處在用戶的自由掌控之中，用戶不僅能自由掌控自己的瀏覽行為，還要確保他們能從某個(gè)地點(diǎn)跳出或毫無障礙地退出，這些在用戶離開前彈出窗口的行為，也是用來判斷UI易用性的標(biāo)準(zhǔn)。

　　UI的設(shè)計(jì)既要實(shí)用，也要好用要達(dá)到這兩點(diǎn)，還必須強(qiáng)調(diào)設(shè)計(jì)的一致性，其中包括結(jié)構(gòu)設(shè)計(jì)的一致性、導(dǎo)航設(shè)計(jì)的一致性和操作設(shè)計(jì)的一致性。界面的一致性就是界面的統(tǒng)一性，就是要把一樣的功能放在在同樣的位置。頁面由基本模塊組成，每一種基本模塊在UI設(shè)計(jì)的時(shí)候，都應(yīng)把字型、字號(hào)、顏色、行距以及按鈕的顏色、形狀等元素排列一致。

圖片來源于網(wǎng)絡(luò)

　　2、極簡(jiǎn)主義的審美原則

　　UI設(shè)計(jì)是對(duì)用戶軟件使用環(huán)境的設(shè)計(jì)。由于APPUI設(shè)計(jì)必須遵從易用性的特點(diǎn)，尤其是手機(jī)界面尺寸有限。因此，簡(jiǎn)潔大方的交互界面設(shè)計(jì)才能更容易的吸引用戶、引導(dǎo)用戶。

　　極簡(jiǎn)主義是美學(xué)上的簡(jiǎn)化主義，其設(shè)計(jì)理念強(qiáng)調(diào)刪繁就簡(jiǎn)、簡(jiǎn)約整潔、突出主題，用最少的色彩和最簡(jiǎn)單的形象直接表述最終的設(shè)計(jì)意圖和優(yōu)美高雅的思想品味。

　　優(yōu)秀的界面布局會(huì)個(gè)性鮮明、重點(diǎn)突出、準(zhǔn)確明了，便于用戶尋找信息操作程序。在設(shè)計(jì)時(shí)都要簡(jiǎn)約而不是簡(jiǎn)單，就是說在手機(jī)有限的屏幕里具有清晰的瀏覽次序，需要根據(jù)用戶的視覺基本流程給界面進(jìn)行合理的空間布局和定位，疏密搭配、相互呼應(yīng)，科學(xué)合理的排列組合，設(shè)計(jì)出用戶的視覺層次，使界面突出核心和重點(diǎn)。

　　用戶可以通過布局和定位形狀、尺寸、顏色對(duì)比等做出選擇，在最短的時(shí)間內(nèi)快速清晰地識(shí)別出信息，操作功能。

　　APPUI設(shè)計(jì)中各種色彩構(gòu)成的面積、形狀、位置以及色相、明度、純度之間要有對(duì)比和變化，使頁面布局結(jié)構(gòu)與配色之間的分組與整合、對(duì)稱與平衡、對(duì)比與統(tǒng)一、強(qiáng)調(diào)與突出、虛實(shí)與留白、節(jié)奏與韻律等方面的協(xié)調(diào)互補(bǔ)。

　　UI設(shè)計(jì)中圖標(biāo)的組合元素和圖標(biāo)的配色設(shè)計(jì)要簡(jiǎn)單，圖標(biāo)和背景明暗距離以及圖標(biāo)的明暗反差都要精心調(diào)整，突出主次?？梢哉f，出色的色彩設(shè)計(jì)不但能夠讓圖標(biāo)脫穎而出，對(duì)用戶產(chǎn)生強(qiáng)烈的視覺沖擊，而且也會(huì)感染用戶的情緒，為用戶帶來鮮活生動(dòng)的視覺體驗(yàn)，使用戶對(duì)軟件產(chǎn)生信任、親切、舒服的感覺，對(duì)產(chǎn)品產(chǎn)生依賴感。

圖片來源于網(wǎng)絡(luò)

　　ui頁面設(shè)計(jì)的幾個(gè)小技巧

　　1、簡(jiǎn)約化背景設(shè)計(jì)

　　背景過于花哨會(huì)給人眼花繚亂的感覺。相反使用一些簡(jiǎn)潔清新的畫面則給人舒適之感。當(dāng)然有時(shí)為了追求視覺沖擊力，運(yùn)用一些大背景是必要的。

　　2、文字要有層次感

　　在UI頁面設(shè)計(jì)中常見的文本處理方式是文字的大小對(duì)比。但單純的大小對(duì)比很難給整個(gè)頁面帶來個(gè)性化的體驗(yàn)。這時(shí)不妨試試?yán)蒙蕘頎I(yíng)造層次感，由淺到深或者由深到淺都會(huì)帶來不一樣的效果。當(dāng)然利用文字的重疊效果也能營(yíng)造出不錯(cuò)的層次感。

　　3、恰當(dāng)使用大標(biāo)題

　　大標(biāo)題在頁面中起到視覺中心的作用，可以讓人一眼過去便知整個(gè)頁面的主題。例如一些電商廣告頁面設(shè)計(jì)采用大標(biāo)題，簡(jiǎn)潔又直白，吸引受眾的眼球，增強(qiáng)購物欲望。

　　4、注重頁面的留白

　　俗話說，過盈則虧。好的頁面設(shè)計(jì)并非是一堆元素疊加在一起就能完成的。頁面設(shè)計(jì)如同攝影一般，都要遵循一定的構(gòu)圖原則。適當(dāng)加入留白，不僅能讓文字更加便于閱讀，而且能讓頁面看起來更加簡(jiǎn)約大方。同時(shí)簡(jiǎn)單的視覺感能使用戶感到輕松、愉悅。

　　5、“玲瓏剔透”的邊框和按鈕

　　厚重往往會(huì)給人一種壓抑感，而輕薄簡(jiǎn)潔的邊框和按鈕，不僅有一種“玲瓏剔透”的質(zhì)感，而且可以強(qiáng)化設(shè)計(jì)感。

　　6、清新淡雅的色彩

　　在當(dāng)今這個(gè)快節(jié)奏的社會(huì)中，人們看慣了花花綠綠、絢麗的色彩。簡(jiǎn)約化的淺淡之風(fēng)反而能讓人們慢下來。黑白灰三個(gè)中性色的運(yùn)用也能帶來不一樣的視覺體驗(yàn)。

　　以上就是faceui為大家介紹的關(guān)于ui頁面設(shè)計(jì)的相關(guān)內(nèi)容。ui頁面設(shè)計(jì)是ui設(shè)計(jì)的重要內(nèi)容之一，對(duì)于展示頁面，ui設(shè)計(jì)好不好，關(guān)系到用戶的使用感受和體驗(yàn)。