王月穎
摘 要:UI設(shè)計(jì)中視覺表現(xiàn)是重點(diǎn),UI界面要起到吸引用戶、引導(dǎo)用戶的視覺效果,UI設(shè)計(jì)是用戶和軟件共存的樞紐。運(yùn)用不同的視覺表現(xiàn)手法對(duì)圖片、圖標(biāo)、文字、符號(hào)、色彩等視覺元素進(jìn)行創(chuàng)意設(shè)計(jì),以此來達(dá)到信息傳遞的效果,極簡主義是UI設(shè)計(jì)的流行趨勢(shì),也是UI設(shè)計(jì)發(fā)展的方向,通過對(duì)視覺元素的分析、對(duì)素材的整理,更加合理的運(yùn)用視覺表現(xiàn)手法,才能讓用戶更加快捷、清晰的運(yùn)用軟件,接受其UI設(shè)計(jì)。
關(guān)鍵詞:UI設(shè)計(jì);極簡主義;視覺表現(xiàn);設(shè)計(jì)
DOI:10.16640/j.cnki.37-1222/t.2019.14.221
在UI設(shè)計(jì)中融入極簡主義風(fēng)格,是UI設(shè)計(jì)大環(huán)境下的趨勢(shì),針對(duì)UI設(shè)計(jì)的組成部分圖形、圖標(biāo)、色彩、文字、符號(hào)等元素進(jìn)行極簡化設(shè)計(jì)處理,更加合理的運(yùn)用其視覺表現(xiàn)形式,將會(huì)讓UI設(shè)計(jì)更受歡迎。例如色彩選擇較為鮮明的色彩,可以使色彩更加飽和,屏幕亮度更高;文字字體采用無襯線字體,讓字體具有時(shí)代性,更加符合現(xiàn)代受眾的審美需求,視覺表現(xiàn)也更加簡潔、文字辨識(shí)度也更高;背景圖案選擇高明度,內(nèi)容簡單的圖案,摒棄圖形繁雜的圖案,讓界面效果更加輕快;交互設(shè)計(jì)采用較為簡單的上下拉動(dòng)效果,或者簡單的彈出彈入效果,讓界面層次清晰,給人以簡約的視覺效果,這類視覺表現(xiàn)手法在極簡主義UI設(shè)計(jì)中都非常適用,不過極簡主義的視覺表現(xiàn)手法不僅僅如此,我們可以從圖形的視覺簡化、功能的簡化、界面層次結(jié)構(gòu)的簡化、留白率提高的手法、借用圖形隱喻的手法等方式來進(jìn)行設(shè)計(jì)。
1 圖形的簡化視覺表現(xiàn)
圖形簡化的手法是處理極簡主義較為常用的手法,通過對(duì)已有圖形進(jìn)行概括提煉并進(jìn)行重組來得到一個(gè)全新的視覺形象,極簡主義的主要目的是將復(fù)雜的圖案進(jìn)行簡潔化處理,刪除掉不必要的圖形元素,讓新獲得的圖形顯得更加的干凈。
在UI設(shè)計(jì)中的圖形簡化和抽象主義相似,都是將事物進(jìn)行抽象提煉,形成圖形構(gòu)成簡潔、新穎的新藝術(shù)形態(tài),在圖形提煉的過程中要考慮受眾群體、產(chǎn)品、企業(yè)、色彩搭配、形象表現(xiàn)、視覺表現(xiàn)手法等諸多因素,從這些角度來進(jìn)行思考。因?yàn)樾碌暮喕瘓D形所蘊(yùn)含的意義較多,所以在提煉的過程中需要進(jìn)行反復(fù)的設(shè)計(jì)和調(diào)研,圖形的簡潔、線條的柔美、色彩心理、字體的視覺處理等,都是慣用的視覺表現(xiàn)手法。
2 功能的簡化
UI設(shè)計(jì)的其中一個(gè)目的是讓用戶能快速的掌握軟件,能很快的上手操作,能讓需要傳達(dá)的信息快速的傳遞給用戶,因此功能上的簡潔明了也非常重要,在設(shè)計(jì)的過程中必須讓功能明確,如常用的登錄功能、注冊(cè)功能、付款功能、分類瀏覽引導(dǎo)等,都必須讓用戶第一時(shí)間感受到這些,而不是一個(gè)一個(gè)的去尋找,所有的圖標(biāo)都必須具備意義,具備強(qiáng)烈的目的性,功能分類要詳細(xì),不能出現(xiàn)兩個(gè)功能相似但出現(xiàn)在一個(gè)界面當(dāng)中,刪除意義不大的圖標(biāo),進(jìn)行相似功能的合并,減少用戶的功能選擇流程,這樣還能起到提高軟件的運(yùn)行速度的作用。
3 界面層次結(jié)構(gòu)的簡化
界面層次的架構(gòu)設(shè)計(jì)在任何UI設(shè)計(jì)中都必須做到合理且簡化,太繁瑣的層次關(guān)系會(huì)讓用戶產(chǎn)生使用錯(cuò)誤的幾率,從而導(dǎo)致用戶群體的流失。界面層次結(jié)構(gòu)的混亂或繁雜會(huì)讓整個(gè)軟件的運(yùn)行速度受到影響,極簡主義風(fēng)格的UI設(shè)計(jì)需要做到對(duì)傳播信息的合理分布,界面架構(gòu)清晰,要做到在既能保證功能、信息的完整、具備排版藝術(shù)的情況下,合理的將界面層次結(jié)構(gòu)簡化,但也不是所有的功能都進(jìn)行簡化處理,這個(gè)必須把握合理的度。
4 留白率提高的視覺表現(xiàn)手法
中國傳統(tǒng)的國畫藝術(shù)和極簡主義有相同的藝術(shù)表現(xiàn)方式,即為“留白”,在界面留白率越高,畫面的空間感也越豐富,我們?cè)俳栌昧舭椎囊曈X表現(xiàn)手法提高界面的藝術(shù)感,讓界面中經(jīng)過簡化處理的圖形、色彩、文字、線條等元素融合的更加協(xié)調(diào)。
UI設(shè)計(jì)通過留白的視覺表現(xiàn)手法可以讓界面中的元素更有獨(dú)立存在、互不影響的空間,用戶在視覺上也不會(huì)出現(xiàn)視覺干擾的情況,這樣可以使我們需要傳遞的重要信息不會(huì)被用戶所忽略,更符合視覺中心點(diǎn)的意義。留白的處理方式可以讓界面效果更加具有高雅的氣質(zhì),能產(chǎn)生更強(qiáng)的視覺沖擊力,產(chǎn)品類界面會(huì)凸顯產(chǎn)品特征,達(dá)到刺激購買欲的效果;信息類界面會(huì)讓信息更醒目,更具信息的時(shí)效性;休閑類界面會(huì)讓用戶的視覺感官更加輕松,這樣的設(shè)計(jì)才會(huì)讓用戶有長效的使用欲望。功能圖標(biāo)的留白可以讓用戶操作更便捷,更加凸顯功能圖標(biāo)的重要性,用戶的體驗(yàn)效果更好。
5 借用圖形隱喻的視覺表現(xiàn)手法
隱喻是一種常見的修飾手法,常在文學(xué)里出現(xiàn),但用在圖形設(shè)計(jì)當(dāng)中,可以讓圖形更加具有想象力和視覺沖擊力,傳統(tǒng)的具象形圖標(biāo)設(shè)計(jì)缺乏想象空間,單調(diào)、乏味,不能給用戶留下深刻的印象,如果在圖標(biāo)、圖形當(dāng)中使用隱喻的視覺表現(xiàn)手法可以提升其視覺感官,讓畫面在形象上更加具有簡潔性、趣味性、吸引力。
在這個(gè)現(xiàn)代社會(huì),人們都顯浮躁,因?yàn)楣ぷ?、學(xué)習(xí)、家庭等諸多元素使人們?cè)谑挛锏慕邮铡r(shí)間的安排上都非常緊湊,在有限的時(shí)間和精力里,傳統(tǒng)的慢節(jié)奏的信息傳遞方式逐漸被淘汰,用戶在面對(duì)傳統(tǒng)的、復(fù)雜的界面時(shí),精神會(huì)處于緊繃狀態(tài),并不符合當(dāng)下的環(huán)境,當(dāng)極簡主義的出現(xiàn),大大緩解了這一現(xiàn)狀,以人為本,以用戶為中心的設(shè)計(jì)才是符合當(dāng)下的UI設(shè)計(jì)發(fā)展道路,無論是圖形的簡化、功能的簡化、界面層次結(jié)構(gòu)的簡化、留白率提高的手法、借用圖形隱喻的手法等視覺表現(xiàn)手法都是為了讓用戶更為便捷、更加明確的接收信息的傳播,因此在極簡主義的風(fēng)格當(dāng)中找到獨(dú)特的UI設(shè)計(jì)方式,并讓更多設(shè)計(jì)師和用戶所接受是我們要走的路。
參考文獻(xiàn):
[1]李碩,胡博強(qiáng).極簡主義風(fēng)格在移動(dòng)端UI設(shè)計(jì)的應(yīng)用研究[J].美與時(shí)代(上),2018(06).
[2]何冬.移動(dòng)終端平臺(tái)下視覺形象在傳統(tǒng)餐飲業(yè)中的應(yīng)用研究[D].西南交通大學(xué),2017.
[3]張思南.極簡主義在扁平化風(fēng)格UI設(shè)計(jì)中的應(yīng)用于研究[J].美術(shù)教育研究,2018(01).