移動(dòng)UI界面設(shè)計(jì)中視覺傳達(dá)設(shè)計(jì)的應(yīng)用研究

摘要：當(dāng)下國(guó)內(nèi)外諸多移動(dòng)軟件公司給予UI界面設(shè)計(jì)工作較高重視，應(yīng)積極融合多種設(shè)計(jì)技術(shù)，其中視覺傳達(dá)就是典型技術(shù)之一。文章在闡述視覺傳達(dá)設(shè)計(jì)概念的基礎(chǔ)上，對(duì)該項(xiàng)技術(shù)在界面色彩、文字及布局方面的時(shí)間應(yīng)用。希望能與同行分享技術(shù)經(jīng)驗(yàn)，進(jìn)而整體優(yōu)化移動(dòng)UI界面的設(shè)計(jì)效果。

關(guān)鍵詞：視覺傳達(dá);移動(dòng)UI;界面設(shè)計(jì);要點(diǎn)分析

UI界面設(shè)計(jì)等同于綜合設(shè)計(jì)軟件界面外觀、操作邏輯及人機(jī)交互三方面。從宏觀上，可以把UI界面設(shè)計(jì)分為實(shí)體與虛擬UI。當(dāng)下視覺設(shè)計(jì)已經(jīng)成為一門獨(dú)立的學(xué)科，將其用于不同設(shè)計(jì)領(lǐng)域中采用的方法以及要素有一定差異。在移動(dòng)軟件的設(shè)計(jì)范疇中，應(yīng)站在該類軟件自身視角出發(fā)，結(jié)合視覺傳統(tǒng)設(shè)計(jì)內(nèi)的有關(guān)知識(shí)落實(shí)所有項(xiàng)目的設(shè)計(jì)任務(wù)。對(duì)于移動(dòng)UI界面而言，因該類界面占用空間偏大，故而會(huì)降低軟件的響應(yīng)速度，應(yīng)重視界面設(shè)計(jì)的簡(jiǎn)潔度。

一、視覺傳達(dá)設(shè)計(jì)

視覺傳達(dá)設(shè)計(jì)，實(shí)質(zhì)上就是利用可視化形式傳播特殊事物，可視形式包括色彩、圖像、平面設(shè)計(jì)、色彩以及排版等形式。在移動(dòng)UI界面設(shè)計(jì)實(shí)踐中，視覺傳達(dá)設(shè)計(jì)可以被理解為人機(jī)交互規(guī)劃和實(shí)用性研究的高度融合集成的重要體現(xiàn)形式。視覺是人體接受外界信息的主要媒介，視覺傳達(dá)設(shè)計(jì)階段通過有機(jī)整合圖像、文字、色彩等工具有效傳播各種公共信息。在傳播階段予以“審美理念”、“實(shí)用性”兩者融合情況較高重視^[1]。移動(dòng)UI界面設(shè)計(jì)過程中采用的很多理論實(shí)踐和傳統(tǒng)視覺傳達(dá)設(shè)計(jì)間存在相通關(guān)系，這就要求設(shè)計(jì)師在基于UI設(shè)計(jì)平臺(tái)規(guī)范，科學(xué)整合傳統(tǒng)視覺傳達(dá)設(shè)計(jì)元素，使用戶群體獲得更高的審美體驗(yàn)，促進(jìn)交互設(shè)計(jì)與操作邏輯集成統(tǒng)一。

二、視覺傳達(dá)設(shè)計(jì)在移動(dòng)UI界面設(shè)計(jì)中的應(yīng)用

（一）界面色彩

色彩是視覺傳達(dá)的重要因素質(zhì)疑，UI設(shè)計(jì)實(shí)踐中應(yīng)給予該要素較高重視，以從根本上保證界面視覺傳達(dá)的整體效果。不同用戶對(duì)色彩持有的喜愛程度有別，故而UI界面設(shè)計(jì)階段應(yīng)采用多種色彩，以更好的滿足用戶個(gè)性化審美需求。結(jié)合色彩心理學(xué)相關(guān)理論知識(shí)，建議設(shè)計(jì)人員選擇明亮色調(diào)規(guī)劃設(shè)計(jì)界面的娛樂性內(nèi)容，使用戶能在視覺層面上形成愉悅體驗(yàn)。色彩能使人們產(chǎn)生不同的心理效應(yīng)，這也預(yù)示著不同色彩會(huì)被不同心里狀態(tài)所接受。通過調(diào)整轉(zhuǎn)換色彩，能協(xié)調(diào)用戶心理狀態(tài)，這樣大多數(shù)用戶能在較長(zhǎng)時(shí)間內(nèi)內(nèi)對(duì)UI界面維持較高新鮮感，依照自身需求設(shè)置系統(tǒng)，建設(shè)產(chǎn)品與用戶間的協(xié)調(diào)關(guān)系。筆者認(rèn)為，在設(shè)計(jì)UI界面過程中，相關(guān)人員要善于使用換膚技術(shù)，這是為用戶群體提供多樣化色彩搭配界面的重要基礎(chǔ)，在以上過程中，需確保圖標(biāo)與換膚色彩兩者形成的色差能產(chǎn)生統(tǒng)一的視覺效果，以規(guī)避界面滋生出混亂、花眼等問題。

（二）文字線條

文字線條設(shè)計(jì)是界面設(shè)計(jì)實(shí)踐中的重要一環(huán)，這主要是因?yàn)閮H設(shè)置照片很難協(xié)助廣大用戶在短時(shí)間內(nèi)快速辨識(shí)該軟件內(nèi)涵蓋的有效信息，而通過合理應(yīng)用文字與線條，能有效融合、銜接有關(guān)因素，待全部項(xiàng)目類別規(guī)劃、融合操作結(jié)束后，用戶能快捷的尋覓到該界面上儲(chǔ)備的信息量與信息內(nèi)容，最后用戶能結(jié)合主觀需求，做出是否下載某一軟件的決定。

在設(shè)計(jì)文字線條術(shù)，一方面要予以信息傳達(dá)方式一定重視，以此為基礎(chǔ)明確文字的具體構(gòu)成及表達(dá)形式，文字與線條是軟件系統(tǒng)功能整體改造升級(jí)的重要支撐，為確保界面文字設(shè)計(jì)跌專業(yè)性，推薦邀請(qǐng)專業(yè)的文案撰寫人員落實(shí)設(shè)計(jì)工作^[2]。另一方面針對(duì)字體顏色、大小、字號(hào)及設(shè)置位置等其他構(gòu)造因素，指派UI界面設(shè)計(jì)人員合理配置，這樣方能確保用戶使用軟件前通過閱讀文字掌握軟件特征與有關(guān)信息。

（三）布局排版

首先，從頁(yè)面格調(diào)上分析，要提供差異化的視覺風(fēng)格，以將UI界面設(shè)計(jì)理念充分表現(xiàn)出來，增強(qiáng)廣大用戶群體的視覺體驗(yàn)。比如，在布設(shè)現(xiàn)代頁(yè)面時(shí)，可以將傳統(tǒng)設(shè)計(jì)格調(diào)融合其中，為用戶創(chuàng)建熟知的界面平臺(tái)，使UI界面設(shè)計(jì)更具簡(jiǎn)潔性，使界面視覺傳遞效果得到根本保障。

其次，在設(shè)計(jì)界面尺寸時(shí)，考慮到移動(dòng)UI界面信息量有限，故而應(yīng)不斷提升設(shè)計(jì)的規(guī)范性，以促進(jìn)用戶和移動(dòng)設(shè)備順暢溝通過程。比如，對(duì)于地圖導(dǎo)航操作界面，要參照軟件應(yīng)用規(guī)程設(shè)計(jì)架構(gòu)，提升功能操作區(qū)、導(dǎo)航控制區(qū)與內(nèi)容呈現(xiàn)示區(qū)等設(shè)計(jì)的規(guī)范性，確保不同分區(qū)格調(diào)統(tǒng)一，為用戶快速掌握界面正確操作方法。

最后，針對(duì)界面上儲(chǔ)有的各個(gè)圖標(biāo)內(nèi)容，均要對(duì)應(yīng)單個(gè)目標(biāo)動(dòng)作，推薦使用典型行業(yè)的特征性圖標(biāo)，協(xié)助用戶快速辨識(shí)。整體分析，對(duì)UI界面布局規(guī)劃階段，盡量將關(guān)鍵信息放置于顯眼處，有效整合應(yīng)用同類型信息，確保頁(yè)面能高效率傳遞多種關(guān)鍵信息。

三、結(jié)束語(yǔ)

移動(dòng)互聯(lián)網(wǎng)時(shí)代中，在設(shè)計(jì)UI界面時(shí)一定要秉持與時(shí)俱進(jìn)的原則，緊隨新時(shí)代發(fā)展的腳步。在追求“審美”與“舒適性”的基礎(chǔ)上，怎樣有效整合設(shè)計(jì)美學(xué)和視覺傳達(dá)設(shè)計(jì)的基礎(chǔ)上，完善移動(dòng)UI界面設(shè)計(jì)效果，進(jìn)而最大現(xiàn)代的提升用戶群體的滿意度，這是當(dāng)下設(shè)計(jì)師急需深度思考的問題。

參考文獻(xiàn)：

[1]? 蘇毅.新媒體在視覺傳達(dá)設(shè)計(jì)中的應(yīng)用研究[J].遼寧工業(yè)大學(xué)學(xué)報(bào)（社會(huì)科學(xué)版），2020，22（03）：89-92.

[2]? 陶潔.視覺傳達(dá)設(shè)計(jì)在移動(dòng)UI界面設(shè)計(jì)中的應(yīng)用分析[J].科學(xué)技術(shù)創(chuàng)新，2019，47（35）：65-66.

作者簡(jiǎn)介：吳雪霏（1994-），女，廣東人，漢，碩士，研究方向：廣告設(shè)計(jì)，ui界面設(shè)計(jì)。

（作者單位：廣東農(nóng)工商職業(yè)技術(shù)學(xué)院藝術(shù)與設(shè)計(jì)學(xué)院）