界面設計中的“理智與情感”

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

設計風格的一致性與個性化

布局井然有序、主頁面和子頁面有章可循，配色方案自成體系，交互方式統一協調，與內容深度聯系，這就是界面設計中的一

致性。

一致性設計的關鍵

設計風格與品牌形象的一致性

好的設計師能夠將網絡新形勢與傳統無縫結合。例為傳統的商城設計一款網站，不僅要承載品牌信息的作用，而且要保證跟現實生活中的品牌形象有所聯系。

視覺的一致性

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

交互的一致性

“交互和行為”上也要下功夫。仔細琢磨琢磨：用戶如何與網頁進行交互？用戶進行輸入時會呈現何種動態效果？各個頁面中的交互性也應當保持一致。

具備一致性后的進階

大膽用色

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

彰顯個性

任何設計都有自己的基調，設計的基調影響了用戶對網頁的印象。在保持一致性的前提加入一點個性化是非常不錯的想法，能夠提高內容的表現力。

文字布局的節奏感

提高垂直方向上的閱讀節奏感

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

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

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

界面排版——宏觀上的藝術與理性

界面排版與平面排版的原理規則相互相通。在界面排版中，看似是設計師隨意的排布界面中各種元素的位置與大小，其實隨意的的另一面是一些不成文的小規則，看似隨意，實則嚴謹。

留白的重要性

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

點線面元素的平衡

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

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

（作者單位：北京理工大學 設計與藝術學院）

指導老師：姜冰