探究UI設(shè)計(jì)中的視覺(jué)設(shè)計(jì)風(fēng)格發(fā)展

殷月明

（天津北海油人力資源咨詢服務(wù)有限公司，天津 300450）

自21世紀(jì)以來(lái)，社會(huì)逐漸進(jìn)入了信息時(shí)代，各個(gè)行業(yè)的生產(chǎn)、發(fā)展都逐漸靠向信息技術(shù)，目前UI設(shè)計(jì)已經(jīng)成為日常生活中常見(jiàn)的一項(xiàng)技術(shù)。但是UI設(shè)計(jì)作為一項(xiàng)高難度工作，在未來(lái)發(fā)展過(guò)程中，需要借助先進(jìn)科學(xué)生產(chǎn)力突破傳統(tǒng)發(fā)展局限，創(chuàng)造內(nèi)部核心發(fā)展動(dòng)力，提升整體發(fā)展速度，為社會(huì)發(fā)展貢獻(xiàn)更多的力量。

1.概述

UI設(shè)計(jì)（見(jiàn)圖1）逐漸向人們靠近，設(shè)計(jì)師要在設(shè)計(jì)中提高自身能力，吸取更多社會(huì)先進(jìn)發(fā)展力量，開(kāi)拓發(fā)展新境界，提升自己設(shè)計(jì)能力，設(shè)計(jì)出更符合市場(chǎng)需要的UI設(shè)計(jì)產(chǎn)品。 UI設(shè)計(jì)中最重要的就是設(shè)計(jì)傳達(dá)，因此提升設(shè)計(jì)傳達(dá)工作質(zhì)量是UI設(shè)計(jì)提升用戶滿意度的關(guān)鍵。UI設(shè)計(jì)目前在我國(guó)發(fā)展時(shí)間較短，整體基礎(chǔ)設(shè)施建設(shè)力量較為薄弱未來(lái)發(fā)展前景中具有更為廣闊的市場(chǎng)。在整體UI設(shè)計(jì)發(fā)展過(guò)程中，應(yīng)當(dāng)立足于市場(chǎng)實(shí)際，對(duì)內(nèi)部技術(shù)進(jìn)行突破，提升內(nèi)部科學(xué)技術(shù)含量，保障基礎(chǔ)技術(shù)掌握水平，對(duì)內(nèi)部設(shè)計(jì)理念進(jìn)行創(chuàng)新，保證整體設(shè)計(jì)發(fā)展質(zhì)量。但是由于UI設(shè)計(jì)整體發(fā)展時(shí)間較短，內(nèi)部規(guī)范性有待完善，缺少完整的制度限制，內(nèi)部人才培育工作仍然較為缺乏，專業(yè)性人才需要較長(zhǎng)時(shí)間進(jìn)去培育。因此在未來(lái)UI設(shè)計(jì)發(fā)展過(guò)程中，應(yīng)當(dāng)對(duì)視覺(jué)傳達(dá)等專業(yè)性問(wèn)題進(jìn)行探討、研究，提升整體UI設(shè)計(jì)發(fā)展質(zhì)量，保障UI技術(shù)發(fā)展水平[1]。

圖1 UI設(shè)計(jì)

2. UI設(shè)計(jì)的基本內(nèi)容

UI設(shè)計(jì)的中文名稱為用戶界面設(shè)計(jì)，主要應(yīng)用在人與電腦之間的交互設(shè)計(jì)，合理應(yīng)用UI設(shè)計(jì)可以提升用戶與電腦交互過(guò)程中的滿足感。具體表現(xiàn)為便捷用戶操作，為用戶提供更好的感官，用戶在使用過(guò)程中可以借助UI設(shè)計(jì)界面來(lái)進(jìn)行相應(yīng)操作。

UI視覺(jué)設(shè)計(jì)風(fēng)格是設(shè)計(jì)師在整體設(shè)計(jì)工作開(kāi)始前需要進(jìn)行的內(nèi)部應(yīng)用，主要運(yùn)用圖形來(lái)表示內(nèi)部設(shè)計(jì)內(nèi)容。在整體設(shè)計(jì)過(guò)程中，需要綜合考慮網(wǎng)站與軟件內(nèi)部功能，對(duì)內(nèi)部整體數(shù)據(jù)進(jìn)行適當(dāng)加工處理，應(yīng)用點(diǎn)、線、面等圖形語(yǔ)言進(jìn)行相應(yīng)設(shè)計(jì)，合理表達(dá)內(nèi)部圖形語(yǔ)言。在整體設(shè)計(jì)過(guò)程中需要運(yùn)用合適的色彩搭配提升整體設(shè)計(jì)的美觀性，保證內(nèi)部設(shè)計(jì)圖標(biāo)能夠受到用戶喜歡，吸引更多用戶來(lái)對(duì)網(wǎng)站進(jìn)行關(guān)注與操作。在網(wǎng)站與軟件應(yīng)用過(guò)程中，UI設(shè)計(jì)主要是借助視覺(jué)設(shè)計(jì)語(yǔ)言來(lái)進(jìn)行內(nèi)部核心觀念表達(dá)。其中擬物化設(shè)計(jì)風(fēng)格、扁平化設(shè)計(jì)風(fēng)格、原質(zhì)化設(shè)計(jì)風(fēng)格為目前主要的UI設(shè)計(jì)語(yǔ)言風(fēng)格類型。

UI設(shè)計(jì)是一種藝術(shù)表達(dá)形式，在整體發(fā)展過(guò)程中同其他藝術(shù)總體表達(dá)具有共同性，UI技術(shù)同其他藝術(shù)表達(dá)相比具有更強(qiáng)的實(shí)用性，在整體UI設(shè)計(jì)過(guò)程中，應(yīng)當(dāng)合理應(yīng)用藝術(shù)性形式表達(dá)內(nèi)部核心應(yīng)用內(nèi)容，避免內(nèi)容與形式的不協(xié)調(diào)。同時(shí)在UI設(shè)計(jì)的創(chuàng)作工作中，應(yīng)當(dāng)對(duì)內(nèi)部風(fēng)格與意境表達(dá)方面進(jìn)行整體化思考，提升內(nèi)部因素連接性，創(chuàng)造高級(jí)藝術(shù)美，提升整體UI設(shè)計(jì)水平[2]。

UI設(shè)計(jì)在實(shí)際發(fā)展過(guò)程中當(dāng)充分考慮設(shè)計(jì)內(nèi)容的實(shí)用性與美觀性，綜合接受內(nèi)容的表達(dá)形式，提升整體表達(dá)的美感，在設(shè)計(jì)方面上符合更多用戶的美感欣賞方向，提升內(nèi)部核心技術(shù)發(fā)展水平。在原有UI設(shè)計(jì)技術(shù)的基礎(chǔ)上，需要結(jié)合目標(biāo)群眾的心理模型進(jìn)行視覺(jué)設(shè)計(jì)構(gòu)建，針對(duì)色彩、字體、頁(yè)面等相關(guān)設(shè)計(jì)內(nèi)容體現(xiàn)整體表達(dá)思維，保障整體技術(shù)發(fā)展水平。視覺(jué)設(shè)計(jì)的基本發(fā)展目標(biāo)是為了達(dá)到用戶滿意的目的，視覺(jué)設(shè)計(jì)的具體發(fā)展原則如下：

（1）明確界面設(shè)計(jì)內(nèi)容，允許用戶進(jìn)行私人設(shè)計(jì)。

（2）應(yīng)用計(jì)算機(jī)設(shè)計(jì)讓計(jì)算機(jī)幫助錄入地址，減少操作人員的記憶性負(fù)擔(dān)。

（3）通過(guò)圖標(biāo)印記，下拉菜單等方式進(jìn)行操作，提升認(rèn)知的重要性，降低記憶的比重。

（4）用符號(hào)、圖形等視覺(jué)刺激，為用戶提供視覺(jué)線索。

（5）需要提供默認(rèn)、撤銷、恢復(fù)等功能，方便用戶操作。

（6）提供頁(yè)面可定制化的快捷操作方式。

（7）應(yīng)用真實(shí)世界的比喻來(lái)進(jìn)行圖標(biāo)設(shè)計(jì)，將用戶傳統(tǒng)使用經(jīng)驗(yàn)應(yīng)用到整體設(shè)計(jì)發(fā)展中。

（8）保障基本的視覺(jué)清晰度，保持安排簡(jiǎn)潔明了，避免過(guò)于藝術(shù)化。

（9）重視界面的協(xié)調(diào)，按鈕排放按內(nèi)容劃分，保持整體設(shè)計(jì)內(nèi)容的一致性。

（10）應(yīng)用相同的圖形來(lái)表達(dá)同樣的功能。

（11）整體軟件設(shè)計(jì)需要注重色彩與內(nèi)容的安排，盡量少用過(guò)于鮮明的顏色，應(yīng)用相近顏色來(lái)表達(dá)內(nèi)部整體性思維。

視覺(jué)設(shè)計(jì)需要充分考慮使用者的感受，避免過(guò)于主觀地表達(dá)內(nèi)部形式，在藝術(shù)創(chuàng)作過(guò)程中，需要結(jié)合現(xiàn)實(shí)的審美意識(shí)，表達(dá)內(nèi)部的審美思維。

3. UI設(shè)計(jì)與視覺(jué)傳達(dá)設(shè)計(jì)的關(guān)系

UI設(shè)計(jì)通常是直接針對(duì)用戶的，在整體內(nèi)容表達(dá)時(shí)，應(yīng)當(dāng)圍繞用戶整體核心思維明確具體設(shè)計(jì)核心內(nèi)容，重視用戶需求的體現(xiàn)。在整體UI設(shè)計(jì)工作流程安排中，需要充分考慮用戶需求的表達(dá)方式，逐步核實(shí)用戶應(yīng)用需要。在UI設(shè)計(jì)的產(chǎn)品發(fā)展方向中，需要滿足用戶交互體驗(yàn)需求，提升內(nèi)部交互發(fā)展水平。首先應(yīng)當(dāng)在整體交互體驗(yàn)中，對(duì)視用戶視覺(jué)需求進(jìn)行把握，保證UI設(shè)計(jì)能夠充分地體現(xiàn)出用戶對(duì)視覺(jué)的要求。其次將用戶的視覺(jué)體驗(yàn)融入U(xiǎn)I設(shè)計(jì)，提高用戶操作的便捷性。同時(shí)，設(shè)計(jì)人員應(yīng)當(dāng)用用戶思維進(jìn)行思考，明確整體UI設(shè)計(jì)發(fā)展方向，提升用戶對(duì)UI設(shè)計(jì)界面操作進(jìn)行操作的熟悉度。在整體UI設(shè)計(jì)發(fā)展過(guò)程中需要合理應(yīng)用用戶思維對(duì)整體設(shè)計(jì)內(nèi)容進(jìn)行思考，減少功能與設(shè)計(jì)之間的沖突，設(shè)計(jì)出能夠符合用戶發(fā)展需要的高水平設(shè)計(jì)產(chǎn)品。在整體UI設(shè)計(jì)發(fā)展過(guò)程中應(yīng)當(dāng)重視用戶的視覺(jué)體驗(yàn)，保證基本的用戶人機(jī)交流感受，提升整體人機(jī)交互發(fā)展質(zhì)量。

人與計(jì)算機(jī)之間的傳遞是UI設(shè)計(jì)的主要功能，UI設(shè)計(jì)可以幫助人們理解計(jì)算機(jī)操作功能。UI設(shè)計(jì)在整體發(fā)展過(guò)程中需要構(gòu)建整體計(jì)算機(jī)處理思維，為人們提供可接受的視覺(jué)傳達(dá)信息，讓人們能夠熟悉計(jì)算機(jī)的主要內(nèi)容，便捷人與計(jì)算機(jī)之間的操作、交流，提升人們頁(yè)面操作的便捷性。大部分的UI設(shè)計(jì)需要來(lái)通過(guò)屏幕來(lái)完成，借助計(jì)算機(jī)屏幕對(duì)表達(dá)效果進(jìn)行相應(yīng)展示。設(shè)計(jì)師與程序員需要重視UI設(shè)計(jì)在計(jì)算機(jī)屏幕中所展示出來(lái)的最終效果，對(duì)設(shè)計(jì)結(jié)果進(jìn)行重點(diǎn)調(diào)整，保證其能夠符合用戶基本的視覺(jué)發(fā)展需要。在整體設(shè)計(jì)過(guò)程中，UI設(shè)計(jì)與視覺(jué)傳達(dá)整體效果是相互關(guān)聯(lián)的[3]。

4. UI設(shè)計(jì)與視覺(jué)設(shè)計(jì)風(fēng)格發(fā)展現(xiàn)狀

美國(guó)是世界上最早擁有計(jì)算機(jī)技術(shù)的國(guó)家，20世紀(jì)中葉，美國(guó)科學(xué)家發(fā)明計(jì)算機(jī)將其同實(shí)際生活生產(chǎn)相互關(guān)聯(lián)。隨著時(shí)間的發(fā)展推移，計(jì)算機(jī)功能逐漸便捷完善，人們的日常生活通過(guò)借助計(jì)算機(jī)的信息功能便捷了許多。在日常生活過(guò)程中，互聯(lián)網(wǎng)信息技術(shù)與科學(xué)技術(shù)成為人們?nèi)粘Ｋ枰?，人機(jī)交互這一概念逐漸形成、發(fā)展成熟。UI設(shè)計(jì)工作是人機(jī)交互概念的發(fā)展性產(chǎn)物，通過(guò)長(zhǎng)時(shí)間的探索建立了發(fā)展性規(guī)范性體系，UI設(shè)計(jì)工作在整體發(fā)展過(guò)程中需要根據(jù)內(nèi)部規(guī)范發(fā)展體系來(lái)進(jìn)行發(fā)展方向探索，借助規(guī)范發(fā)展體系來(lái)豐富內(nèi)部理論依據(jù)。在UI設(shè)計(jì)視覺(jué)設(shè)計(jì)語(yǔ)言中，許多發(fā)達(dá)國(guó)家建立了完整的語(yǔ)言風(fēng)格，將藝術(shù)與技術(shù)相互融合，提升了整體發(fā)展水平融入程度，建立了本土化 UI設(shè)計(jì)理念。

而我國(guó)UI設(shè)計(jì)技術(shù)發(fā)展理念起步較晚，整體內(nèi)部技術(shù)探索程度不夠深入，不利于內(nèi)部自主品牌創(chuàng)新。近年來(lái)，由于信息技術(shù)不斷發(fā)展完善，西方思維逐漸給我國(guó)帶來(lái)許多沖擊，我國(guó)許多藝術(shù)發(fā)展領(lǐng)域開(kāi)始逐步吸收西方的先進(jìn)觀念。在整體實(shí)際發(fā)展過(guò)程中缺少我國(guó)本土性發(fā)展思維，許多科研人員與內(nèi)部先進(jìn)技術(shù)力量較為短缺，不利于我國(guó)UI技術(shù)的高水平發(fā)展。我國(guó)互聯(lián)網(wǎng)技術(shù)整體發(fā)展較為成熟，為UI設(shè)計(jì)工作的未來(lái)突破性發(fā)展提供了基礎(chǔ)的技術(shù)性支持。目前我國(guó)有較為成熟的設(shè)計(jì)體系，可以在原有設(shè)計(jì)理念的基礎(chǔ)上對(duì)內(nèi)部設(shè)計(jì)理念進(jìn)行創(chuàng)新，建立UI設(shè)計(jì)的本土特色。

5. UI設(shè)計(jì)的視覺(jué)設(shè)計(jì)風(fēng)格應(yīng)用

5.1 擬物化設(shè)計(jì)風(fēng)格

擬物化設(shè)計(jì)風(fēng)格是應(yīng)用生活中常見(jiàn)的實(shí)體來(lái)進(jìn)行設(shè)計(jì)，在整體設(shè)計(jì)過(guò)程中需要體現(xiàn)出內(nèi)部情感，借助真實(shí)的情感表達(dá)為用戶帶來(lái)親切感，幫助用戶更加直接地理解實(shí)際產(chǎn)品操作與應(yīng)用方法。在整體設(shè)計(jì)過(guò)程中，需要充分結(jié)合用戶的使用感受，站在用戶的應(yīng)用立場(chǎng)方面去設(shè)計(jì)、思考，滿足用戶的個(gè)性化利用率需求，幫助用戶更好地理解整體設(shè)計(jì)理念，提升用戶整體操作的感受。如在錘子公司實(shí)際設(shè)計(jì)過(guò)程中，借助真實(shí)事物來(lái)對(duì)內(nèi)部設(shè)計(jì)理念進(jìn)行體現(xiàn)，借助色彩感、真實(shí)感與立體感，來(lái)對(duì)內(nèi)部設(shè)計(jì)內(nèi)容進(jìn)行表達(dá)，幫助用戶接受其中設(shè)計(jì)核心內(nèi)容，提升用戶實(shí)際使用感受，用戶在實(shí)際軟件使用過(guò)程中，可以在各個(gè)方面感受真實(shí)物品的使用感，通過(guò)為用戶提供真實(shí)的感受提升整體用戶評(píng)價(jià)。

5.2 扁平化設(shè)計(jì)風(fēng)格

扁平化設(shè)計(jì)風(fēng)格是指在整體設(shè)計(jì)理念中減少視覺(jué)特效的應(yīng)用，借助型體完成整個(gè)設(shè)計(jì)，通過(guò)簡(jiǎn)約的線條感將原有物體狀態(tài)進(jìn)行體現(xiàn)。整體設(shè)計(jì)風(fēng)格雖然偏向于簡(jiǎn)潔，但是明了的設(shè)計(jì)風(fēng)格向用戶展現(xiàn)出內(nèi)部基礎(chǔ)的應(yīng)用內(nèi)容，為用戶提供真實(shí)的感受。同時(shí)在整體設(shè)計(jì)過(guò)程中可以根據(jù)用戶的發(fā)展性需要進(jìn)行定制，提升實(shí)際整體設(shè)計(jì)操作的便捷性。在圖標(biāo)設(shè)計(jì)過(guò)程中需要應(yīng)用簡(jiǎn)單的線條與面進(jìn)行頁(yè)面設(shè)計(jì)，為人們提供簡(jiǎn)潔的操作理念。近年來(lái)，扁平化設(shè)計(jì)風(fēng)格在蘋果公司、谷歌公司都被廣泛采用，受到了社會(huì)的追捧，許多大牌公司已逐漸傾向于扁平化設(shè)計(jì)的發(fā)展。具體體現(xiàn)在許多廠牌公司在整體設(shè)計(jì)工作中提升了扁平化應(yīng)用比重。扁平化設(shè)計(jì)風(fēng)格可以應(yīng)用明亮的色彩對(duì)內(nèi)部創(chuàng)造性思維進(jìn)行表達(dá)。如微軟Windows Phone的操作系統(tǒng)設(shè)計(jì)過(guò)程中就借助簡(jiǎn)約的頁(yè)面設(shè)計(jì)進(jìn)行核心內(nèi)容表達(dá)。

5.3 原質(zhì)化設(shè)計(jì)風(fēng)格

原質(zhì)化設(shè)計(jì)風(fēng)格主要是由谷歌公司進(jìn)行研發(fā)設(shè)計(jì)的，在整體設(shè)計(jì)過(guò)程中創(chuàng)造了新型設(shè)計(jì)規(guī)范。原質(zhì)化設(shè)計(jì)風(fēng)格總體強(qiáng)調(diào)內(nèi)部設(shè)計(jì)的規(guī)律性，合理、高效的利用空間為用戶創(chuàng)造物理空間的真實(shí)觸感，提升整體操作流程的親切感，幫助用戶直接理解產(chǎn)品的操作理念，減少用戶對(duì)設(shè)計(jì)產(chǎn)品的排斥感。原質(zhì)化設(shè)計(jì)風(fēng)格通過(guò)對(duì)內(nèi)部產(chǎn)品內(nèi)容的核心進(jìn)行簡(jiǎn)潔化表達(dá)，增強(qiáng)用戶實(shí)際應(yīng)用的自信心，提升產(chǎn)品的使用效率。原質(zhì)化設(shè)計(jì)風(fēng)格方面借助簡(jiǎn)約的色彩，提升了用戶整體體驗(yàn)，感受原質(zhì)化的設(shè)計(jì)風(fēng)格，在扁平化設(shè)計(jì)理念上進(jìn)行物理化創(chuàng)造，提升內(nèi)部的可接觸性，對(duì)原有設(shè)計(jì)理念進(jìn)行感受提升。目前原質(zhì)化設(shè)計(jì)風(fēng)格的設(shè)計(jì)理念處于發(fā)展設(shè)計(jì)初期，在未來(lái)發(fā)展過(guò)程中，原質(zhì)化設(shè)計(jì)風(fēng)格會(huì)逐漸發(fā)展成熟，突破原有發(fā)展限制，成為較為常用的UI設(shè)計(jì)視覺(jué)語(yǔ)言風(fēng)格。

6.結(jié)語(yǔ)

在當(dāng)前社會(huì)經(jīng)濟(jì)發(fā)展的帶動(dòng)下，UI技術(shù)成為日常生活中重要的應(yīng)用技術(shù)，在未來(lái)發(fā)展過(guò)程中，UI技術(shù)可以發(fā)揮出更大的作用與潛力。因此在未來(lái)社會(huì)發(fā)展中應(yīng)當(dāng)重視UI技術(shù)的發(fā)展，提升內(nèi)部視覺(jué)設(shè)計(jì)風(fēng)格技術(shù)含量，帶動(dòng)整體社會(huì)的發(fā)展進(jìn)步，融合社會(huì)先進(jìn)科學(xué)技術(shù)，提高整體社會(huì)審美水平。隨著經(jīng)濟(jì)的發(fā)展，人們的生活水平越來(lái)越高，帶動(dòng)審美的要求逐漸發(fā)展， UI設(shè)計(jì)應(yīng)當(dāng)跟隨社會(huì)潮流與社會(huì)實(shí)際，更新內(nèi)部設(shè)計(jì)理念，保障整體發(fā)展水平能夠與時(shí)俱進(jìn)，全面提升內(nèi)部發(fā)展水平，創(chuàng)造出能夠貼合人們需要的設(shè)計(jì)產(chǎn)品，擴(kuò)大整體市場(chǎng)，促進(jìn)整體社會(huì)發(fā)展。