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