康喻菲

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

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

中圖分類號：TB47

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

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

一、引言

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

二、UI設(shè)計分析

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

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

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

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

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

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

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

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

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

五、結(jié)語

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

注釋：

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

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