摘要:當(dāng)下國(guó)內(nèi)外諸多移動(dòng)軟件公司給予UI界面設(shè)計(jì)工作較高重視,應(yīng)積極融合多種設(shè)計(jì)技術(shù),其中視覺(jué)傳達(dá)就是典型技術(shù)之一。文章在闡述視覺(jué)傳達(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)鍵詞:視覺(jué)傳達(dá);移動(dòng)UI;界面設(shè)計(jì);要點(diǎn)分析
UI界面設(shè)計(jì)等同于綜合設(shè)計(jì)軟件界面外觀、操作邏輯及人機(jī)交互三方面。從宏觀上,可以把UI界面設(shè)計(jì)分為實(shí)體與虛擬UI。當(dāng)下視覺(jué)設(shè)計(jì)已經(jīng)成為一門獨(dú)立的學(xué)科,將其用于不同設(shè)計(jì)領(lǐng)域中采用的方法以及要素有一定差異。在移動(dòng)軟件的設(shè)計(jì)范疇中,應(yīng)站在該類軟件自身視角出發(fā),結(jié)合視覺(jué)傳統(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)潔度。
一、視覺(jué)傳達(dá)設(shè)計(jì)
視覺(jué)傳達(dá)設(shè)計(jì),實(shí)質(zhì)上就是利用可視化形式傳播特殊事物,可視形式包括色彩、圖像、平面設(shè)計(jì)、色彩以及排版等形式。在移動(dòng)UI界面設(shè)計(jì)實(shí)踐中,視覺(jué)傳達(dá)設(shè)計(jì)可以被理解為人機(jī)交互規(guī)劃和實(shí)用性研究的高度融合集成的重要體現(xiàn)形式。視覺(jué)是人體接受外界信息的主要媒介,視覺(jué)傳達(dá)設(shè)計(jì)階段通過(guò)有機(jī)整合圖像、文字、色彩等工具有效傳播各種公共信息。在傳播階段予以“審美理念”、“實(shí)用性”兩者融合情況較高重視[1]。移動(dòng)UI界面設(shè)計(jì)過(guò)程中采用的很多理論實(shí)踐和傳統(tǒng)視覺(jué)傳達(dá)設(shè)計(jì)間存在相通關(guān)系,這就要求設(shè)計(jì)師在基于UI設(shè)計(jì)平臺(tái)規(guī)范,科學(xué)整合傳統(tǒng)視覺(jué)傳達(dá)設(shè)計(jì)元素,使用戶群體獲得更高的審美體驗(yàn),促進(jìn)交互設(shè)計(jì)與操作邏輯集成統(tǒng)一。
二、視覺(jué)傳達(dá)設(shè)計(jì)在移動(dòng)UI界面設(shè)計(jì)中的應(yīng)用
(一)界面色彩
色彩是視覺(jué)傳達(dá)的重要因素質(zhì)疑,UI設(shè)計(jì)實(shí)踐中應(yīng)給予該要素較高重視,以從根本上保證界面視覺(jué)傳達(dá)的整體效果。不同用戶對(duì)色彩持有的喜愛(ài)程度有別,故而UI界面設(shè)計(jì)階段應(yīng)采用多種色彩,以更好的滿足用戶個(gè)性化審美需求。結(jié)合色彩心理學(xué)相關(guān)理論知識(shí),建議設(shè)計(jì)人員選擇明亮色調(diào)規(guī)劃設(shè)計(jì)界面的娛樂(lè)性內(nèi)容,使用戶能在視覺(jué)層面上形成愉悅體驗(yàn)。色彩能使人們產(chǎn)生不同的心理效應(yīng),這也預(yù)示著不同色彩會(huì)被不同心里狀態(tài)所接受。通過(guò)調(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ò)程中,相關(guān)人員要善于使用換膚技術(shù),這是為用戶群體提供多樣化色彩搭配界面的重要基礎(chǔ),在以上過(guò)程中,需確保圖標(biāo)與換膚色彩兩者形成的色差能產(chǎn)生統(tǒng)一的視覺(jué)效果,以規(guī)避界面滋生出混亂、花眼等問(wèn)題。
(二)文字線條
文字線條設(shè)計(jì)是界面設(shè)計(jì)實(shí)踐中的重要一環(huán),這主要是因?yàn)閮H設(shè)置照片很難協(xié)助廣大用戶在短時(shí)間內(nèi)快速辨識(shí)該軟件內(nèi)涵蓋的有效信息,而通過(guò)合理應(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ò)閱讀文字掌握軟件特征與有關(guān)信息。
(三)布局排版
首先,從頁(yè)面格調(diào)上分析,要提供差異化的視覺(jué)風(fēng)格,以將UI界面設(shè)計(jì)理念充分表現(xiàn)出來(lái),增強(qiáng)廣大用戶群體的視覺(jué)體驗(yàn)。比如,在布設(shè)現(xiàn)代頁(yè)面時(shí),可以將傳統(tǒng)設(shè)計(jì)格調(diào)融合其中,為用戶創(chuàng)建熟知的界面平臺(tái),使UI界面設(shè)計(jì)更具簡(jiǎn)潔性,使界面視覺(jué)傳遞效果得到根本保障。
其次,在設(shè)計(jì)界面尺寸時(shí),考慮到移動(dòng)UI界面信息量有限,故而應(yīng)不斷提升設(shè)計(jì)的規(guī)范性,以促進(jìn)用戶和移動(dòng)設(shè)備順暢溝通過(guò)程。比如,對(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é)和視覺(jué)傳達(dá)設(shè)計(jì)的基礎(chǔ)上,完善移動(dòng)UI界面設(shè)計(jì)效果,進(jìn)而最大現(xiàn)代的提升用戶群體的滿意度,這是當(dāng)下設(shè)計(jì)師急需深度思考的問(wèn)題。
參考文獻(xiàn):
[1]? 蘇毅.新媒體在視覺(jué)傳達(dá)設(shè)計(jì)中的應(yīng)用研究[J].遼寧工業(yè)大學(xué)學(xué)報(bào)(社會(huì)科學(xué)版),2020,22(03):89-92.
[2]? 陶潔.視覺(jué)傳達(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é)院)