界面設(shè)計(jì)中的“理智與情感”

在設(shè)計(jì)工作中，可以說我們總是在尋求理智與情感的平衡，即設(shè)計(jì)易用性與美觀性的合理結(jié)合。如何把持分寸與火候，往往會(huì)在不經(jīng)意間被我們忽視，從而經(jīng)常會(huì)出現(xiàn)這樣一種狀況：有些作品總給人感覺還不錯(cuò)，卻說不清楚在哪里總有那么一點(diǎn)點(diǎn)欠缺。設(shè)計(jì)中理智與情感分寸的拿捏，看起來似乎是虛無縹緲的，實(shí)則不然，總有些許規(guī)律是可以讓我們有章可循的，在界面設(shè)計(jì)中亦是如此。

設(shè)計(jì)風(fēng)格的一致性與個(gè)性化

布局井然有序、主頁面和子頁面有章可循，配色方案自成體系，交互方式統(tǒng)一協(xié)調(diào)，與內(nèi)容深度聯(lián)系，這就是界面設(shè)計(jì)中的一

致性。

一致性設(shè)計(jì)的關(guān)鍵

設(shè)計(jì)風(fēng)格與品牌形象的一致性

好的設(shè)計(jì)師能夠?qū)⒕W(wǎng)絡(luò)新形勢(shì)與傳統(tǒng)無縫結(jié)合。例為傳統(tǒng)的商城設(shè)計(jì)一款網(wǎng)站，不僅要承載品牌信息的作用，而且要保證跟現(xiàn)實(shí)生活中的品牌形象有所聯(lián)系。

視覺的一致性

邊距、各種元素的尺寸、大小是否設(shè)計(jì)的一致？一致性設(shè)計(jì)會(huì)極大的改善我們的設(shè)計(jì)流程，縮短設(shè)計(jì)周期。

交互的一致性

“交互和行為”上也要下功夫。仔細(xì)琢磨琢磨：用戶如何與網(wǎng)頁進(jìn)行交互？用戶進(jìn)行輸入時(shí)會(huì)呈現(xiàn)何種動(dòng)態(tài)效果？各個(gè)頁面中的交互性也應(yīng)當(dāng)保持一致。

具備一致性后的進(jìn)階

大膽用色

色彩的情緒效應(yīng)是不言而喻的，大膽的色彩能夠有效的吸引用戶。但是要注意，一定要注意色彩與品牌間的聯(lián)系。

彰顯個(gè)性

任何設(shè)計(jì)都有自己的基調(diào)，設(shè)計(jì)的基調(diào)影響了用戶對(duì)網(wǎng)頁的印象。在保持一致性的前提加入一點(diǎn)個(gè)性化是非常不錯(cuò)的想法，能夠提高內(nèi)容的表現(xiàn)力。

文字布局的節(jié)奏感

提高垂直方向上的閱讀節(jié)奏感

垂直方向的閱讀節(jié)奏關(guān)鍵在于文字的可讀性。一致的垂直節(jié)奏才能保證視覺效果更放松，達(dá)到更好的閱讀體驗(yàn)，讓用戶感到安心，沒有閱讀障礙，沒有違和感，可讀性自然強(qiáng)。

在界面文字排版中，為了營造視覺上的和諧，我們往往采用字體大小、粗細(xì)、甚至不同風(fēng)格的字體格式來進(jìn)行對(duì)比，來滿足作為設(shè)計(jì)者的情感需求，然而卻忽略了用戶在閱讀時(shí)的視覺需求。

當(dāng)在網(wǎng)頁設(shè)計(jì)中使用文字時(shí)，有兩點(diǎn)需要特別注意：字體的大小、字體的行高。這兩點(diǎn)是打造垂直閱讀節(jié)奏的關(guān)鍵點(diǎn)。如果字體大小不合適——例碩大的標(biāo)題，渺小的正文字體，讓用戶讀起來頗有一種一落三千丈的失落感——這就使得內(nèi)容難以被用戶快速閱讀、快速掃描。一般來說，行高要根據(jù)字體的大小來定，一般行高設(shè)置為字體大小的1.4——1.6倍，取1.5的話，也就是說，16px的字體行距為24px。

界面排版——宏觀上的藝術(shù)與理性

界面排版與平面排版的原理規(guī)則相互相通。在界面排版中，看似是設(shè)計(jì)師隨意的排布界面中各種元素的位置與大小，其實(shí)隨意的的另一面是一些不成文的小規(guī)則，看似隨意，實(shí)則嚴(yán)謹(jǐn)。

留白的重要性

留白的藝術(shù)就好比在控制界面的呼吸感，太緊湊的布局會(huì)讓用戶在視覺上帶來緊張收縮的不舒適感，而太松散則會(huì)顯得頁面內(nèi)容太空洞，合理的把握留白的位置與范圍，很值得我們研究。

點(diǎn)線面元素的平衡

在一個(gè)界面里，大面積的色塊可以模糊概念為面，排列整齊的文字在宏觀角度上可以稱之為線，具體的小細(xì)節(jié)則不言而喻，是視覺范圍內(nèi)的點(diǎn)元素。怎樣維持點(diǎn)線面之間的和諧，平衡畫面的輕重感，是值得我們深思的。面的元素最容易抓住觀眾的眼睛，因此我們應(yīng)將界面中的重點(diǎn)元素盡量以面的元素表達(dá)。而在此基礎(chǔ)上，還應(yīng)合理把控線與點(diǎn)的補(bǔ)缺，使畫面看起來豐富不單調(diào)，卻又主次分明。

總而言之，在界面設(shè)計(jì)中，我們將對(duì)每一細(xì)節(jié)進(jìn)行“理智與情感”的合理平衡，在嚴(yán)謹(jǐn)與隨意間把握好分寸。有些細(xì)微的“潛規(guī)則”，若能熟練的運(yùn)用在設(shè)計(jì)工作中，定能助我們一臂之力，但太死板不知變通也萬萬不可，如何把握實(shí)屬不易，還需我們細(xì)細(xì)揣摩。不過作為設(shè)計(jì)師，若能太明確的分別“理智與情感”，也未免太“理性”了，會(huì)錯(cuò)失很多“感性”的靈感。哎，就讓我們糾結(jié)的理智下去吧！

（作者單位：北京理工大學(xué) 設(shè)計(jì)與藝術(shù)學(xué)院）

指導(dǎo)老師：姜冰