摘 要:本文對UI設(shè)計中用戶交互體驗的視覺思維進(jìn)行了分析,明確了UI設(shè)計中用戶交互體驗與視覺思維的關(guān)系,并提出了視覺思維在交互體驗中的具體應(yīng)用,希望為關(guān)注此話題的人提供有效的參考。
關(guān)鍵詞:UI設(shè)計;用戶交互體驗;視覺思維
0 引言
UI設(shè)計是基于用戶交互體驗基礎(chǔ)上創(chuàng)設(shè)的界面設(shè)計,通過對用戶體驗的視覺思維研究,使得UI設(shè)計不僅擁有獨特的個性與品位,還能夠為用戶帶來舒適、自由、良好的視覺感受,在實際的操作中更加符合用戶的認(rèn)知習(xí)慣,盡可能在設(shè)計上為用戶提供便利。
1 UI設(shè)計中用戶交互體驗與視覺思維的關(guān)系
1.1 用戶的視覺需求
UI設(shè)計中用戶交互體驗的設(shè)計應(yīng)盡可能滿足用戶的視覺需求,并且視覺需求與視覺思維二者具有絕對的關(guān)系。雖然充分把握不同用戶的視覺思維習(xí)慣,也很難完全保證軟件中的UI設(shè)計滿足所有人的視覺偏好,但可以通過對大部分用戶的視覺思維調(diào)查來決定UI設(shè)計中交互體驗設(shè)計的具體思維,進(jìn)而促使軟件的界面設(shè)計符合不同性別、年齡的人群視覺需求,促使UI設(shè)計的用戶交互體驗效果更好。
1.2 加強(qiáng)對UI設(shè)計的認(rèn)知
用戶的視覺思維也是用戶對UI設(shè)計形成自我認(rèn)知的基礎(chǔ),大腦在視覺思維的引導(dǎo)下會自主形成心智圖像。在觀看UI設(shè)計過程中,用戶也會根據(jù)自身的視覺思維特點形成自主的認(rèn)知,同時UI設(shè)計的交互體驗可盡可能從更加豐富的角度組織圖像語言與視覺思維感受,激發(fā)用戶的圖像語言處理本能,形成良好互動的同時,也能加強(qiáng)用戶對UI設(shè)計的認(rèn)同感。[1]
2 視覺思維在UI設(shè)計中用戶交互體驗的具體應(yīng)用
2.1 風(fēng)格定位
隨著軟件應(yīng)用市場競爭的不斷增大,人們對UI設(shè)計提出了更高的要求,通過對用戶視覺思維的調(diào)查,UI設(shè)計人員逐漸明確了用戶在視覺上的需求,對UI設(shè)計的風(fēng)格進(jìn)行定位,其主要元素包括圖形、色彩、操作體驗等。根據(jù)人們的視覺思維習(xí)慣對軟件的界面進(jìn)行合理的設(shè)計,可以讓用戶在操作過程中能夠按照自身熟知的思維路線進(jìn)行操作,實現(xiàn)用戶與軟件界面的良好交互。例如,現(xiàn)階段許多手機(jī)品牌推出全屏手機(jī),盡可能縮小手機(jī)屏幕的邊界,手機(jī)屏幕全部由界面占據(jù),加強(qiáng)了用戶在使用手機(jī)時的科技感受,人們的一些操作在屏幕上完成,這是全屏手機(jī)獨特的風(fēng)格定位。
2.2 框架設(shè)計
視覺思維在UI設(shè)計用戶交互體驗中的應(yīng)用,要求設(shè)計人員根據(jù)用戶的大體思維習(xí)慣,對界面的整體框架布局進(jìn)行有效的設(shè)計。并根據(jù)人們的視覺平衡,在構(gòu)建過程中應(yīng)盡可能按照從上到下、從左到右的視覺思維習(xí)慣進(jìn)行UI設(shè)計。人們在從小接受的教育中,閱讀文字、書籍等都是通過從上到下、從左到右的視覺習(xí)慣,界面框架的設(shè)計要適當(dāng)采用相關(guān)原理,在設(shè)計上將重點內(nèi)容放在界面的偏上或偏左的部位,使得人們可根據(jù)自身的視覺思維快速掌握軟件的操作。例如,微信界面的設(shè)計在上邊緣部位設(shè)置了搜索與添加功能,而由上到下大部分界面預(yù)留給聊天界面,底部邊緣框架的設(shè)計從左到右為“聊天框”“通訊錄”“發(fā)現(xiàn)”“我”,其中聊天框是用戶的常用界面,在最左端供人們操作與選擇,在整體框架設(shè)計上高度符合人們的視覺思維,增加了用戶操作軟件的視覺舒適度?,F(xiàn)階段,UI設(shè)計的視覺感受從二維、三維到更高維度的方向發(fā)展,手機(jī)、電腦、顯示屏等都通過維度設(shè)計增加了現(xiàn)實體驗,為用戶營造了多元化的視覺體驗,充分滿足用戶的視覺思維需求。
2.3 圖形設(shè)計
UI設(shè)計中圖形符號是向人們傳遞信息的主要符號,圖形的設(shè)計與排布直接影響著用戶的視覺體驗,圖形語言更是視覺思維中重要的表達(dá)形式之一,其中還包括文字、圖騰、圖標(biāo)等符號。近年來隨著人們生活節(jié)奏的加快,逐漸步入了讀圖時代,圖形設(shè)計成為UI設(shè)計中的重點內(nèi)容,為了更好地符合用戶的視覺思維,在圖形的設(shè)計上加大了對圖標(biāo)像素與尺寸、形態(tài)與布局、文字排布等內(nèi)容的設(shè)計,軟件圖標(biāo)的設(shè)計常采用定義加文字的形式在人們的腦海中形成深刻的印象,采用感性化的設(shè)計使得整體的圖標(biāo)信息傳達(dá)更加有效。例如,相機(jī)圖標(biāo)、信封圖標(biāo)、日期圖標(biāo)、工具圖標(biāo)等對應(yīng)手機(jī)界面的相機(jī)功能、短信功能、日歷功能與工具欄功能等,通過明確的圖形設(shè)計與文字定位,可幫助用戶在使用手機(jī)界面過程中快速定位想要應(yīng)用的軟件,大大提升了用戶的交互體驗。[2]
2.4 色彩感知
人們的視覺思維對色彩的感知最為敏感,不同的色彩更是為人們傳遞著不同的信息。UI設(shè)計中常應(yīng)用藍(lán)色、紫色等顏色來表示科技感,綠色則表示陽光、積極、向上,紅色作為暖色調(diào)能夠為人們帶來較為明顯的視覺刺激,吸引人們的關(guān)注。因此,在用戶交互體驗的設(shè)計上,需要有效地把控用戶色彩感知這一視覺思維特性,合理的調(diào)節(jié)UI設(shè)計中色彩的比重,并通過色彩的對立通道設(shè)計流暢、自然的色彩過度,以便增加用戶的視覺體驗。
3 結(jié)語
UI設(shè)計中用戶交互體驗與視覺思維具有用戶的視覺需求、加強(qiáng)對UI設(shè)計的認(rèn)知等關(guān)系,通過風(fēng)格定位、框架設(shè)計、圖形設(shè)計、色彩感知等視覺思維的具體應(yīng)用,使得UI設(shè)計中用戶交互體驗的整體視覺效果更加顯著,進(jìn)而促進(jìn)UI設(shè)計的整體質(zhì)量與水平不斷提升。
參考文獻(xiàn):
[1] 楊媛. UI設(shè)計中用戶交互體驗的視覺思維[J].山東工業(yè)技術(shù),2019(05):245.
[2] 晏艷. UI設(shè)計中用戶交互體驗的視覺表現(xiàn)[J].西部皮革,2019,41(01):108-109.
作者簡介:鄭紅(1970—),女,浙江樂清人,碩士研究生,講師,研究方向:平面廣告設(shè)計。