今天小編要跟大家分享的文章是關(guān)于UI設(shè)計(jì)師一定要知道的UI設(shè)計(jì)基本原則。界面作為用戶與APP交互的唯一接口，對(duì)用戶的情緒和工作效率起著舉足輕重的作用。因此需對(duì)用戶界面設(shè)計(jì)一般原則進(jìn)行探討。

       要想成為一個(gè)優(yōu)秀的UI設(shè)計(jì)師，就必須要知道UI設(shè)計(jì)的基本原則。

1、產(chǎn)品思維要貫穿

      多看需求產(chǎn)品流程圖，在交互結(jié)構(gòu)圖中，可以根據(jù)需求初步構(gòu)造頁(yè)面的布局排版。

      梳理頁(yè)面的主次，在腦海中留下初步的風(fēng)格構(gòu)想，為整個(gè)項(xiàng)目打下一個(gè)埋點(diǎn)，為將來(lái)設(shè)計(jì)創(chuàng)作時(shí)找參考靈感打好基礎(chǔ)。

      詳細(xì)地分析需求，能讓設(shè)計(jì)師更好的把握產(chǎn)品思路。

2、界面元素的一致性

      如果界面元素缺乏一致性，很可能使界面看起來(lái)雜亂無(wú)章、沒有條理，甚至可能引起用戶對(duì)產(chǎn)品可靠性的懷疑，失去對(duì)產(chǎn)品的信心，所以一致的外觀可以讓產(chǎn)品產(chǎn)生一種和諧性與專業(yè)性。

      無(wú)論是按鈕的圓角比例，還是圖標(biāo)的統(tǒng)一性，以及統(tǒng)一的圖形元素，都可以來(lái)提升界面的統(tǒng)一感。

3、色彩風(fēng)格的統(tǒng)一性

      顏色風(fēng)格、頁(yè)面色相、彩度、明度等整體統(tǒng)一性。

      顏色往往是人感官中留下的第一印象，想要合理的運(yùn)用顏色，其實(shí)并不容易。

      跟傳統(tǒng)的空間設(shè)計(jì)一樣，在大部分界面設(shè)計(jì)中，一般使用三種顏色就夠了，除非設(shè)計(jì)師有非常高的配色駕馭能力，不然整個(gè)頁(yè)面都會(huì)顯得較為花哨，影響信息傳遞。

      在界面上合理地使用顏色可以增加視覺上的感染力，但濫用顏色會(huì)適得其反。

      一般而言，亮色容易使人興奮，同時(shí)也容易使人的眼睛產(chǎn)生疲勞，柔和的暗色可以使人平靜。

4、選用字體的技巧

      文字是傳達(dá)信息的工具，有文字就有字體。因此字體也是影響用戶界面質(zhì)量的重要因素。

     要選取在不同的分辨率和不同類型的屏幕上都能順利閱讀的字體。因此對(duì)UI設(shè)計(jì)師而言，理解字體也是非常有必要的，這里提供給大家選擇字體的技巧。

字體樣式

      在做界面設(shè)計(jì)時(shí)，永遠(yuǎn)要把內(nèi)容的可讀性放在首位，其次再去考慮其它。

     根據(jù)不同的業(yè)務(wù)模式，選擇不同的字體。如襯線字與無(wú)襯線字，所傳遞出來(lái)的感受也是有著較大區(qū)別的。

      一般而言，需要強(qiáng)調(diào)的文字或者小篇文字中，使用無(wú)襯線字會(huì)更合適一些。而在一些長(zhǎng)篇文章中，使用襯線體則會(huì)更容易閱讀。

字體的粗細(xì)(字重)

      在單色環(huán)境中，使用不同的字重能更好的加強(qiáng)內(nèi)容之間的呼應(yīng)對(duì)比。

      在界面設(shè)計(jì)中，使用較粗的字重來(lái)作為標(biāo)題是較為合適的。因此在設(shè)計(jì)界面中，不妨把一些主標(biāo)題加粗試試，或許有一些意想不到的效果。

控制字距

      字距跟行距會(huì)直接影響到大段文字的閱讀性。標(biāo)題的字間距要緊密，正文大段文字的字間距要稀疏一些。另外正文的行間距常規(guī)情況下可以設(shè)置為字體大小的1.2倍到1.5倍之間。

      在設(shè)計(jì)過(guò)程中，大家根據(jù)實(shí)際情況合理嘗試，直到信息較容易識(shí)別閱讀為止。另外，字體的一致性也很重要，在大多數(shù)情況下，不應(yīng)當(dāng)采用兩種以上的字體。

5、界面交互風(fēng)格保持一致

      理解尊重交互邏輯，界面交互風(fēng)格應(yīng)保持一致。

      在視覺設(shè)計(jì)時(shí)，設(shè)計(jì)師應(yīng)該跳出自己的思維怪圈，不是只想著把頁(yè)面做好看就可以了，把頁(yè)面做得好看是設(shè)計(jì)師的基本責(zé)任，把頁(yè)面做得好看又好用才是最終目標(biāo)。

      所以設(shè)計(jì)師應(yīng)該多學(xué)習(xí)交互邏輯，熟悉產(chǎn)品思路，這樣做出來(lái)的作品才是有靈魂的。

      在設(shè)計(jì)過(guò)程中使用一致的術(shù)語(yǔ)、一致的步驟、一致的動(dòng)作，讓用戶始終用同一種方式思考與操作。

      最忌諱每換一個(gè)屏幕就更換一套操作命令與操作方法。

6、把握頁(yè)面節(jié)奏

      頁(yè)面節(jié)奏常規(guī)是指，在同一個(gè)頁(yè)面內(nèi)容中，間距的樣式不要太多，另外間距盡量使用倍數(shù)。

     設(shè)計(jì)所說(shuō)的頁(yè)面節(jié)奏是指頁(yè)面布局怎么去分割，給予用戶什么樣的視覺體驗(yàn)，讓用戶第一眼看到什么，第二眼知道有什么，第三眼發(fā)現(xiàn)什么，都是設(shè)計(jì)師視覺思路明確帶著用戶去體驗(yàn)的。

     設(shè)計(jì)過(guò)程中合理使用空白區(qū)域。恰當(dāng)?shù)亍傲舭住庇兄�于突出界面元素和改善可用性，引�?dǎo)用戶在不知不覺中進(jìn)入系統(tǒng)的思維框架，從而順利地、正確地應(yīng)用這個(gè)系統(tǒng)。

7、規(guī)范細(xì)化

      規(guī)范對(duì)于設(shè)計(jì)的核心而言就是靈魂，視覺上游對(duì)接產(chǎn)品經(jīng)理，下游對(duì)接開發(fā)人員，它都起到闡述設(shè)計(jì)的規(guī)范化、統(tǒng)一化，讓外人可以快速讀懂設(shè)計(jì)。

      規(guī)范細(xì)化在交接工作中也會(huì)起到高效率的溝通對(duì)接橋梁，所以在設(shè)計(jì)好頁(yè)面時(shí)應(yīng)該細(xì)化地整理輸出一份設(shè)計(jì)規(guī)范。

      規(guī)定標(biāo)題、副標(biāo)題、正文等一系列共同使用的組件的大小、狀態(tài)、間距。

      這些都是有共通性與邏輯性的，這樣開發(fā)在實(shí)現(xiàn)頁(yè)面中就會(huì)有依據(jù)，知道注意哪些點(diǎn)的字號(hào)用多少，間距是多少等等，后期驗(yàn)收工作也會(huì)減少很多勞動(dòng)力。

      同時(shí)在設(shè)計(jì)與程序之間慢慢地建立合作默契，完成以后工作任務(wù)也達(dá)到事半功倍的效果。

      設(shè)計(jì)沒有什么捷徑，有的只是多看、多想、多做，邏輯明確了，思路清晰了，累積多了，項(xiàng)目方案就好解決了。

      UI設(shè)計(jì)與其他視覺的區(qū)分就是更多的考慮可玩性、使用性、耐用性，這些比視覺第一沖擊力還重要。提升自己的視覺設(shè)計(jì)水平，也并非一朝一夕之事，靠的也是不斷地積累，不斷學(xué)習(xí)。

      注：尊重原創(chuàng)文章,轉(zhuǎn)載請(qǐng)注明出處和鏈接 http://www.hebeijilong.cn/news-id-18699.html 違者必究！部分文章來(lái)源于網(wǎng)絡(luò)由培訓(xùn)無(wú)憂網(wǎng)編輯部人員整理發(fā)布,內(nèi)容真實(shí)性請(qǐng)自行核實(shí)或聯(lián)系我們，了解更多相關(guān)資訊請(qǐng)關(guān)注UI設(shè)計(jì)頻道查看更多，了解相關(guān)專業(yè)課程信息您可在線咨詢也可免費(fèi)申請(qǐng)?jiān)囌n。關(guān)注官方微信了解更多：150 3333 6050