康喻菲

摘要：文章先分析了UI設(shè)計(jì)，隨后介紹了UI設(shè)計(jì)中的視覺風(fēng)格應(yīng)用發(fā)展，包括擬物化風(fēng)格、扁平化風(fēng)格和原質(zhì)化風(fēng)格，希望能給相關(guān)人士提供有效參考。

關(guān)鍵詞：UI設(shè)計(jì);視覺設(shè)計(jì);原質(zhì)化風(fēng)格

中圖分類號：TB47

文獻(xiàn)標(biāo)識碼：A

文章編號：1005-5312（2019）33-0158-01

一、引言

UI設(shè)計(jì)要被大眾所接受和青睞，應(yīng)該結(jié)合用戶熟悉的操作模式，設(shè)計(jì)簡約、親民風(fēng)格的視覺設(shè)計(jì)效果。同時(shí)相關(guān)設(shè)計(jì)師也應(yīng)該不斷提升自身設(shè)計(jì)水平，通過發(fā)展眼光分析問題，設(shè)計(jì)出高質(zhì)量的產(chǎn)品。

二、UI設(shè)計(jì)分析

UI主要是用戶界面設(shè)計(jì)，是針對軟件的操作界面、整體操作邏輯以及人機(jī)交互界面進(jìn)行設(shè)計(jì)，能提高整體視覺美觀性1。

UI設(shè)計(jì)相關(guān)視覺風(fēng)格主要是視覺設(shè)計(jì)師在對用戶界面進(jìn)行設(shè)計(jì)過程中所應(yīng)用的圖形語言。而視覺設(shè)計(jì)師在對軟件界面進(jìn)行設(shè)計(jì)過程中，應(yīng)該系統(tǒng)分析各種數(shù)據(jù)信息，進(jìn)行全面總結(jié)，通過點(diǎn)線面等圖形語言，結(jié)合豐富的色彩元素，迎合用戶的審美需求，設(shè)計(jì)出合格的界面風(fēng)格，當(dāng)下在UI設(shè)計(jì)中主要是應(yīng)用視覺語言進(jìn)行設(shè)計(jì)，相關(guān)視覺語言主要包括以下幾種風(fēng)格：第一是擬物化風(fēng)格，該種語言風(fēng)格主要是模擬各種真實(shí)物體，盡量模擬真實(shí)物體的質(zhì)感和形體。第二是極簡化風(fēng)格，該種視覺設(shè)計(jì)風(fēng)格也是設(shè)計(jì)師對形體事物表達(dá)通過簡單的圖形或線條概括出來，使用戶在觀察相關(guān)圖形的過程中可以聯(lián)想具體實(shí)物。

三、UI設(shè)計(jì)中視覺風(fēng)格的發(fā)展現(xiàn)狀

美國在上世紀(jì)中期開始出現(xiàn)計(jì)算機(jī)，同時(shí)全面建立起互聯(lián)網(wǎng)系統(tǒng)，使人們的日常生活和工作變得更加便利，而計(jì)算機(jī)在應(yīng)用到社會生產(chǎn)發(fā)展當(dāng)中后，人們應(yīng)用越加頻繁，在這種條件下，人機(jī)交互概念相繼誕生。而從人機(jī)交互層面分析，是從發(fā)現(xiàn)問題再到問題解決的過程中，形成了具體規(guī)范。從視覺設(shè)計(jì)語言層面分析，法國、德國和美國等國家在包豪斯學(xué)院的風(fēng)格影響下，參考其設(shè)計(jì)最終目標(biāo)是人并非是產(chǎn)品、技術(shù)和藝術(shù)有機(jī)統(tǒng)一、遵循客觀和自然法則設(shè)計(jì)的基礎(chǔ)原則進(jìn)行設(shè)計(jì)，并形成了一種簡約主義的現(xiàn)代視覺語言設(shè)計(jì)風(fēng)格。

我國對于藝術(shù)方面的教育工作依然停留在基礎(chǔ)知識講述上，以各種學(xué)院式教育為主，在教學(xué)過程中單純是為了傳授相關(guān)知識，尚未和新時(shí)期先進(jìn)科技和現(xiàn)代化生產(chǎn)力進(jìn)行有效接軌，在UI設(shè)計(jì)教學(xué)過程中，也是憑借相關(guān)領(lǐng)域中的教師經(jīng)驗(yàn)進(jìn)行，沒有充分聯(lián)系社會實(shí)際發(fā)展需求。種種因素都對我國UI設(shè)計(jì)發(fā)展造成一定阻礙。但隨著我國計(jì)算機(jī)互聯(lián)網(wǎng)的快速發(fā)展，國內(nèi)眾多互聯(lián)網(wǎng)企業(yè)在學(xué)習(xí)國外成熟規(guī)范后，開始形成自己的UI設(shè)計(jì)規(guī)范，同時(shí)也誕生出一種比較成熟的UI設(shè)計(jì)產(chǎn)品，UI設(shè)計(jì)相關(guān)視覺風(fēng)格也不斷隨著用戶審美發(fā)展變化而持續(xù)發(fā)展。

四、UI設(shè)計(jì)中視覺風(fēng)格的應(yīng)用發(fā)展

1.擬物化風(fēng)格。擬物化的設(shè)計(jì)風(fēng)格即利用現(xiàn)有實(shí)體進(jìn)行合理設(shè)計(jì)，從而添加設(shè)計(jì)功能中各種不必要的元素，該種真實(shí)物感會提高用戶的親切感，使用戶可以快速掌握相關(guān)產(chǎn)品的操作方法。比如錘子科技中的SMARTISANOS手機(jī)系統(tǒng)，其中融入擬物化設(shè)計(jì)風(fēng)格，系統(tǒng)兼具軟件計(jì)算器，而圖標(biāo)則是擁有真實(shí)質(zhì)感的按鈕，方便用戶進(jìn)行迅速識別。軟件啟動后，包括觸覺反饋、界面顏色、字體顯示、立體感、質(zhì)感和屏幕顯示等都呈現(xiàn)出一種真實(shí)計(jì)算器的狀態(tài)，該種設(shè)計(jì)方式也能夠給用戶帶來一種親切感2。

2.扁平化風(fēng)格。扁平化風(fēng)格即進(jìn)行UI設(shè)計(jì)始終不應(yīng)用視覺特效或應(yīng)用簡單特效，通過極簡形體實(shí)施設(shè)計(jì)工作。該種設(shè)計(jì)方式較為輕量化，同時(shí)也比較直接、簡單，適合對移動界面進(jìn)行設(shè)計(jì)。比如微軟操作系統(tǒng)2010年款，系統(tǒng)整個(gè)布局便是通過色彩鮮艷的色塊對系統(tǒng)整體布局和各個(gè)模塊進(jìn)行劃分，并結(jié)合面、線形元素以極簡的形式設(shè)計(jì)圖標(biāo)，使整個(gè)系統(tǒng)呈現(xiàn)出一種簡潔、輕快的效果。隨后谷歌企業(yè)設(shè)計(jì)安卓系統(tǒng)以及蘋果公司設(shè)計(jì)IOS系統(tǒng)的過程中，也開始進(jìn)行扁平化設(shè)計(jì)。當(dāng)下無論是安卓還是蘋果，針對原生系統(tǒng)級的布局和圖標(biāo)進(jìn)行設(shè)計(jì)過程中，均選擇了扁平化風(fēng)格進(jìn)行設(shè)計(jì)。而在此影響下，國內(nèi)外相關(guān)軟件廠商和手機(jī)系統(tǒng)也開始效仿該種風(fēng)格進(jìn)行設(shè)計(jì)。

3.原質(zhì)化風(fēng)格。原質(zhì)化風(fēng)格也是谷歌所研制出來的新型設(shè)計(jì)語言，屬于設(shè)計(jì)規(guī)范的形式。相關(guān)風(fēng)格的誕生主要是谷歌團(tuán)隊(duì)針對墨水材料和紙質(zhì)材料進(jìn)行深入探究，在對基礎(chǔ)元素進(jìn)行科學(xué)處理的條件下，學(xué)習(xí)傳統(tǒng)印刷設(shè)計(jì)元素，包括圖像、比例、網(wǎng)格、配色、空進(jìn)和排版等元素。同時(shí)也比較重視結(jié)合實(shí)體物質(zhì)規(guī)律屬性，實(shí)現(xiàn)科學(xué)的空間化利用以及動效利用。通過接近物理世界的觸感，使用戶得到一種快速、自然的認(rèn)知，加深用戶的理解。相關(guān)風(fēng)格也是以扁平化風(fēng)格為基礎(chǔ)，融合真實(shí)物理觸感設(shè)計(jì)出來的，是兩種風(fēng)格中間風(fēng)格，當(dāng)下原質(zhì)化風(fēng)格依然是在發(fā)展過程當(dāng)中，而其未來在UI設(shè)計(jì)中的應(yīng)用將會不斷擴(kuò)大。

五、結(jié)語

綜上所述，UI設(shè)計(jì)對于今后社會發(fā)展具有重要作用，不但會融入到日常生活當(dāng)中，還會影響人們的學(xué)習(xí)質(zhì)量和工作質(zhì)量，調(diào)節(jié)和改善人們生活。隨著時(shí)代發(fā)展，社會審美潮流也在不斷變化，為了迎合群眾多元審美需求，需要設(shè)計(jì)師對設(shè)計(jì)風(fēng)格進(jìn)行深入探索，設(shè)計(jì)出獨(dú)具特色且親民化的風(fēng)格，提高用戶的信任。

注釋：

1楊佳遇.淺析超現(xiàn)實(shí)波普風(fēng)格在視覺設(shè)計(jì)中的運(yùn)用[J].黑龍江工業(yè)學(xué)院學(xué)報(bào)（綜合版），2018（06）：130-134.

2趙靜.新中國·新風(fēng)格：周令釗新中國視覺設(shè)計(jì)中的“新風(fēng)格”研究[J].美術(shù)研究，2018（01）：100-106.