很多人都知道設(shè)計(jì)師分為很多不同的類型，比如UI設(shè)計(jì)、界面設(shè)計(jì)、用戶體驗(yàn)界面版式設(shè)計(jì)等。不同類型的設(shè)計(jì)師，所從事的工作也是不同的。今天我們就來(lái)說(shuō)說(shuō)其中一種：用戶體驗(yàn)界面版式設(shè)計(jì)。那么什么是用戶體驗(yàn)界面版式設(shè)計(jì)？版式設(shè)計(jì)的核心方法論是什么呢？其實(shí)關(guān)于用戶用戶體驗(yàn)界面版式設(shè)計(jì)以及版式設(shè)計(jì)的核心方法論是非常好理解的，想知道請(qǐng)看下文。

　　什么是用戶體驗(yàn)界面版式設(shè)計(jì)？

版式設(shè)計(jì)是現(xiàn)代設(shè)計(jì)藝術(shù)的重要組成部分，是視覺(jué)傳達(dá)的重要手段。表面上看，它是一種關(guān)于編排的學(xué)問(wèn)，實(shí)際上，它不僅是一種技能，更實(shí)現(xiàn)了技術(shù)與藝術(shù)的高度統(tǒng)一，版式設(shè)計(jì)是現(xiàn)代設(shè)計(jì)者所必備的基本功之一。

通俗點(diǎn)解釋，我們?cè)谧鲈O(shè)計(jì)時(shí)需要有條理性的思維指導(dǎo)，因?yàn)槿说难劬蛘叽竽X在短時(shí)間內(nèi)無(wú)法處理大量撲面而來(lái)的信息，設(shè)計(jì)師需要把這些信息通過(guò)視覺(jué)化的手段，把這些信息處理成有條理的且具有引導(dǎo)性的視覺(jué)走勢(shì)或者說(shuō)叫視覺(jué)引導(dǎo)，讓讀者在短時(shí)間內(nèi)可獲得你想要表達(dá)的信息，最終形成預(yù)期收益。

　　版式設(shè)計(jì)的核心方法論是什么？

　　第一：了解字體字形

字體的版式設(shè)計(jì)中，需要了解字體基本結(jié)構(gòu)和字體的空間結(jié)構(gòu)在實(shí)際工作運(yùn)用的時(shí)候，你會(huì)發(fā)現(xiàn)字體上下部分是有一個(gè)留白空間的，其實(shí)際的高度要比可視的高度要高。

　　第二：了解行高與行間距

設(shè)計(jì)師提供的設(shè)計(jì)稿與開(kāi)發(fā)出來(lái)的文字高度有所不同比如，實(shí)際開(kāi)發(fā)出來(lái)的會(huì)更高一些；iOS 設(shè)備與Android 設(shè)備也有所不同，比如可以看到同樣是顯示20號(hào)的字體，安卓的行高會(huì)偏高一些。在不同的 Android 設(shè)備上使用的字體不一樣，可能還會(huì)出現(xiàn)更多的差別。如果不想辦法抹平這差別，就不能真正意義上實(shí)現(xiàn)雙端一致了。

所以設(shè)計(jì)師在視覺(jué)走查時(shí)要特別注意，我的習(xí)慣是同時(shí)用2個(gè)不一樣的手機(jī)，一個(gè)手機(jī)放效果圖一個(gè)手機(jī)安裝實(shí)際測(cè)試程序，2者進(jìn)行對(duì)比，才能更好的看出區(qū)別來(lái)。

　　第三：字體文字段排版

　　行間距

我們不難發(fā)現(xiàn)，左側(cè)的文章行間距過(guò)小，而右側(cè)的行間距看起來(lái)更明確和更舒適；大段文字排版時(shí)，建議使用左對(duì)齊的方式，可讀性更高；

　　避免符號(hào)行首及右側(cè)過(guò)多鋸齒形

文字的編排時(shí)，如果行首與行尾有標(biāo)點(diǎn)符號(hào)時(shí)，閱讀起來(lái)很不友好，為了更加便于閱讀我們需要進(jìn)行避頭尾的處理，甚至為了整齊我們需要對(duì)文字區(qū)塊進(jìn)行強(qiáng)制對(duì)齊；實(shí)際運(yùn)用中可以發(fā)現(xiàn)不論是今日頭條的新聞詳情頁(yè)還是網(wǎng)易新聞的新聞詳情頁(yè)都是比較整齊的文字排列形式。

　　第四：版心/虛擬邊框

在版式設(shè)計(jì)中，不論是平面海報(bào)還是UI界面設(shè)計(jì)，我們都需要有一個(gè)版心的概念把所有需要展現(xiàn)的內(nèi)容，都放置在此容器中，讓內(nèi)容更加有條理，具有更好的透氣性；實(shí)際工作中這樣的好處是多頁(yè)面改版會(huì)節(jié)省很多的工作量，且效果更加統(tǒng)一美觀。

　　第五：網(wǎng)格系統(tǒng)/柵格化

網(wǎng)格系統(tǒng)是提升頁(yè)面條理性的有效設(shè)計(jì)方法，通過(guò)網(wǎng)格的設(shè)定，讓排版更加有參考的標(biāo)準(zhǔn)，去設(shè)計(jì)時(shí)有跡可循；在不同設(shè)計(jì)師配合過(guò)程中，也能夠避免不同設(shè)計(jì)師設(shè)定的間距不同等造成的效果不一致。

　　第六：重量比/張弛度對(duì)比

調(diào)整畫(huà)面中的文字或者線條粗細(xì)度以及內(nèi)容明度來(lái)增加頁(yè)面的張弛度，或者叫重量比畫(huà)面中文字越粗重量感越重，反之越輕線條選擇時(shí)越粗則越重，越能表現(xiàn)其重要性的分隔色塊或者圖片越深越鮮艷的則較重，反之越淺越淡的越輕。

　　第七：細(xì)節(jié)點(diǎn)綴與變化

在界面設(shè)計(jì)中，需要突出層次的同時(shí)，也需要注意輔助文字或者解釋文字的排版，亦或者是元素的打破常規(guī)；合理的排列這些信息起到展示其功能入口的目的，同時(shí)也能夠起到點(diǎn)綴和增加畫(huà)面細(xì)節(jié)的作用，讓畫(huà)面更加的精致。不論是線條、還是留白還是細(xì)小的icon、文字等都可以很好的起到破解畫(huà)面單調(diào)的作用。

　　第八：節(jié)奏/重復(fù)

重復(fù)性的元素可以是圖案、文字、色彩、空間格式等，重復(fù)能增強(qiáng)條理性和界面的統(tǒng)一感，節(jié)奏和韻律也需要重復(fù)來(lái)實(shí)現(xiàn)。實(shí)際工作中經(jīng)常能夠看到很多類似的版式設(shè)計(jì)。

　　第九：親密性/貼近度

親密性的關(guān)系可以讓畫(huà)面形成獨(dú)立的內(nèi)容區(qū)域或者呈現(xiàn)空間，讓產(chǎn)品能夠很好的呈現(xiàn)相對(duì)獨(dú)立的信息，減少用戶的識(shí)別難度，提高效率；不論是常用的線條或者水槽分割的形式；還是Google引領(lǐng)的去線式設(shè)計(jì)，亦或者是卡片式設(shè)計(jì)的絕對(duì)親密特制的形式都可以給人創(chuàng)造出親密貼近的版式設(shè)計(jì)感受。

以上就是關(guān)于什么是用戶體驗(yàn)界面版式設(shè)計(jì)？版式設(shè)計(jì)的核心方法論是什么的全部?jī)?nèi)容，想了解更多關(guān)于用戶體驗(yàn)界面版式設(shè)計(jì)的信息，請(qǐng)繼續(xù)關(guān)注中培偉業(yè)。