在設計工作中,可以說我們總是在尋求理智與情感的平衡,即設計易用性與美觀性的合理結合。如何把持分寸與火候,往往會在不經意間被我們忽視,從而經常會出現這樣一種狀況:有些作品總給人感覺還不錯,卻說不清楚在哪里總有那么一點點欠缺。設計中理智與情感分寸的拿捏,看起來似乎是虛無縹緲的,實則不然,總有些許規律是可以讓我們有章可循的,在界面設計中亦是如此。
設計風格的一致性與個性化
布局井然有序、主頁面和子頁面有章可循,配色方案自成體系,交互方式統一協調,與內容深度聯系,這就是界面設計中的一
致性。
一致性設計的關鍵
設計風格與品牌形象的一致性
好的設計師能夠將網絡新形勢與傳統無縫結合。例為傳統的商城設計一款網站,不僅要承載品牌信息的作用,而且要保證跟現實生活中的品牌形象有所聯系。
視覺的一致性
邊距、各種元素的尺寸、大小是否設計的一致?一致性設計會極大的改善我們的設計流程,縮短設計周期。
交互的一致性
“交互和行為”上也要下功夫。仔細琢磨琢磨:用戶如何與網頁進行交互?用戶進行輸入時會呈現何種動態效果?各個頁面中的交互性也應當保持一致。
具備一致性后的進階
大膽用色
色彩的情緒效應是不言而喻的,大膽的色彩能夠有效的吸引用戶。但是要注意,一定要注意色彩與品牌間的聯系。
彰顯個性
任何設計都有自己的基調,設計的基調影響了用戶對網頁的印象。在保持一致性的前提加入一點個性化是非常不錯的想法,能夠提高內容的表現力。
文字布局的節奏感
提高垂直方向上的閱讀節奏感
垂直方向的閱讀節奏關鍵在于文字的可讀性。一致的垂直節奏才能保證視覺效果更放松,達到更好的閱讀體驗,讓用戶感到安心,沒有閱讀障礙,沒有違和感,可讀性自然強。
在界面文字排版中,為了營造視覺上的和諧,我們往往采用字體大小、粗細、甚至不同風格的字體格式來進行對比,來滿足作為設計者的情感需求,然而卻忽略了用戶在閱讀時的視覺需求。
當在網頁設計中使用文字時,有兩點需要特別注意:字體的大小、字體的行高。這兩點是打造垂直閱讀節奏的關鍵點。如果字體大小不合適——例碩大的標題,渺小的正文字體,讓用戶讀起來頗有一種一落三千丈的失落感——這就使得內容難以被用戶快速閱讀、快速掃描。一般來說,行高要根據字體的大小來定,一般行高設置為字體大小的1.4——1.6倍,取1.5的話,也就是說,16px的字體行距為24px。
界面排版——宏觀上的藝術與理性
界面排版與平面排版的原理規則相互相通。在界面排版中,看似是設計師隨意的排布界面中各種元素的位置與大小,其實隨意的的另一面是一些不成文的小規則,看似隨意,實則嚴謹。
留白的重要性
留白的藝術就好比在控制界面的呼吸感,太緊湊的布局會讓用戶在視覺上帶來緊張收縮的不舒適感,而太松散則會顯得頁面內容太空洞,合理的把握留白的位置與范圍,很值得我們研究。
點線面元素的平衡
在一個界面里,大面積的色塊可以模糊概念為面,排列整齊的文字在宏觀角度上可以稱之為線,具體的小細節則不言而喻,是視覺范圍內的點元素。怎樣維持點線面之間的和諧,平衡畫面的輕重感,是值得我們深思的。面的元素最容易抓住觀眾的眼睛,因此我們應將界面中的重點元素盡量以面的元素表達。而在此基礎上,還應合理把控線與點的補缺,使畫面看起來豐富不單調,卻又主次分明。
總而言之,在界面設計中,我們將對每一細節進行“理智與情感”的合理平衡,在嚴謹與隨意間把握好分寸。有些細微的“潛規則”,若能熟練的運用在設計工作中,定能助我們一臂之力,但太死板不知變通也萬萬不可,如何把握實屬不易,還需我們細細揣摩。不過作為設計師,若能太明確的分別“理智與情感”,也未免太“理性”了,會錯失很多“感性”的靈感。哎,就讓我們糾結的理智下去吧!
(作者單位:北京理工大學 設計與藝術學院)
指導老師:姜冰