關(guān)于UI設(shè)計(jì)中用戶交互體驗(yàn)的視覺思維研究

摘 要：本文對(duì)UI設(shè)計(jì)中用戶交互體驗(yàn)的視覺思維進(jìn)行了分析，明確了UI設(shè)計(jì)中用戶交互體驗(yàn)與視覺思維的關(guān)系，并提出了視覺思維在交互體驗(yàn)中的具體應(yīng)用，希望為關(guān)注此話題的人提供有效的參考。

關(guān)鍵詞：UI設(shè)計(jì);用戶交互體驗(yàn);視覺思維

0 引言

UI設(shè)計(jì)是基于用戶交互體驗(yàn)基礎(chǔ)上創(chuàng)設(shè)的界面設(shè)計(jì)，通過對(duì)用戶體驗(yàn)的視覺思維研究，使得UI設(shè)計(jì)不僅擁有獨(dú)特的個(gè)性與品位，還能夠?yàn)橛脩魩硎孢m、自由、良好的視覺感受，在實(shí)際的操作中更加符合用戶的認(rèn)知習(xí)慣，盡可能在設(shè)計(jì)上為用戶提供便利。

1 UI設(shè)計(jì)中用戶交互體驗(yàn)與視覺思維的關(guān)系

1.1 用戶的視覺需求

UI設(shè)計(jì)中用戶交互體驗(yàn)的設(shè)計(jì)應(yīng)盡可能滿足用戶的視覺需求，并且視覺需求與視覺思維二者具有絕對(duì)的關(guān)系。雖然充分把握不同用戶的視覺思維習(xí)慣，也很難完全保證軟件中的UI設(shè)計(jì)滿足所有人的視覺偏好，但可以通過對(duì)大部分用戶的視覺思維調(diào)查來決定UI設(shè)計(jì)中交互體驗(yàn)設(shè)計(jì)的具體思維，進(jìn)而促使軟件的界面設(shè)計(jì)符合不同性別、年齡的人群視覺需求，促使UI設(shè)計(jì)的用戶交互體驗(yàn)效果更好。

1.2 加強(qiáng)對(duì)UI設(shè)計(jì)的認(rèn)知

用戶的視覺思維也是用戶對(duì)UI設(shè)計(jì)形成自我認(rèn)知的基礎(chǔ)，大腦在視覺思維的引導(dǎo)下會(huì)自主形成心智圖像。在觀看UI設(shè)計(jì)過程中，用戶也會(huì)根據(jù)自身的視覺思維特點(diǎn)形成自主的認(rèn)知，同時(shí)UI設(shè)計(jì)的交互體驗(yàn)可盡可能從更加豐富的角度組織圖像語言與視覺思維感受，激發(fā)用戶的圖像語言處理本能，形成良好互動(dòng)的同時(shí)，也能加強(qiáng)用戶對(duì)UI設(shè)計(jì)的認(rèn)同感。[1]

2 視覺思維在UI設(shè)計(jì)中用戶交互體驗(yàn)的具體應(yīng)用

2.1 風(fēng)格定位

隨著軟件應(yīng)用市場(chǎng)競(jìng)爭(zhēng)的不斷增大，人們對(duì)UI設(shè)計(jì)提出了更高的要求，通過對(duì)用戶視覺思維的調(diào)查，UI設(shè)計(jì)人員逐漸明確了用戶在視覺上的需求，對(duì)UI設(shè)計(jì)的風(fēng)格進(jìn)行定位，其主要元素包括圖形、色彩、操作體驗(yàn)等。根據(jù)人們的視覺思維習(xí)慣對(duì)軟件的界面進(jìn)行合理的設(shè)計(jì)，可以讓用戶在操作過程中能夠按照自身熟知的思維路線進(jìn)行操作，實(shí)現(xiàn)用戶與軟件界面的良好交互。例如，現(xiàn)階段許多手機(jī)品牌推出全屏手機(jī)，盡可能縮小手機(jī)屏幕的邊界，手機(jī)屏幕全部由界面占據(jù)，加強(qiáng)了用戶在使用手機(jī)時(shí)的科技感受，人們的一些操作在屏幕上完成，這是全屏手機(jī)獨(dú)特的風(fēng)格定位。

2.2 框架設(shè)計(jì)

視覺思維在UI設(shè)計(jì)用戶交互體驗(yàn)中的應(yīng)用，要求設(shè)計(jì)人員根據(jù)用戶的大體思維習(xí)慣，對(duì)界面的整體框架布局進(jìn)行有效的設(shè)計(jì)。并根據(jù)人們的視覺平衡，在構(gòu)建過程中應(yīng)盡可能按照從上到下、從左到右的視覺思維習(xí)慣進(jìn)行UI設(shè)計(jì)。人們?cè)趶男〗邮艿慕逃?，閱讀文字、書籍等都是通過從上到下、從左到右的視覺習(xí)慣，界面框架的設(shè)計(jì)要適當(dāng)采用相關(guān)原理，在設(shè)計(jì)上將重點(diǎn)內(nèi)容放在界面的偏上或偏左的部位，使得人們可根據(jù)自身的視覺思維快速掌握軟件的操作。例如，微信界面的設(shè)計(jì)在上邊緣部位設(shè)置了搜索與添加功能，而由上到下大部分界面預(yù)留給聊天界面，底部邊緣框架的設(shè)計(jì)從左到右為“聊天框”“通訊錄”“發(fā)現(xiàn)”“我”，其中聊天框是用戶的常用界面，在最左端供人們操作與選擇，在整體框架設(shè)計(jì)上高度符合人們的視覺思維，增加了用戶操作軟件的視覺舒適度。現(xiàn)階段，UI設(shè)計(jì)的視覺感受從二維、三維到更高維度的方向發(fā)展，手機(jī)、電腦、顯示屏等都通過維度設(shè)計(jì)增加了現(xiàn)實(shí)體驗(yàn)，為用戶營造了多元化的視覺體驗(yàn)，充分滿足用戶的視覺思維需求。

2.3 圖形設(shè)計(jì)

UI設(shè)計(jì)中圖形符號(hào)是向人們傳遞信息的主要符號(hào)，圖形的設(shè)計(jì)與排布直接影響著用戶的視覺體驗(yàn)，圖形語言更是視覺思維中重要的表達(dá)形式之一，其中還包括文字、圖騰、圖標(biāo)等符號(hào)。近年來隨著人們生活節(jié)奏的加快，逐漸步入了讀圖時(shí)代，圖形設(shè)計(jì)成為UI設(shè)計(jì)中的重點(diǎn)內(nèi)容，為了更好地符合用戶的視覺思維，在圖形的設(shè)計(jì)上加大了對(duì)圖標(biāo)像素與尺寸、形態(tài)與布局、文字排布等內(nèi)容的設(shè)計(jì)，軟件圖標(biāo)的設(shè)計(jì)常采用定義加文字的形式在人們的腦海中形成深刻的印象，采用感性化的設(shè)計(jì)使得整體的圖標(biāo)信息傳達(dá)更加有效。例如，相機(jī)圖標(biāo)、信封圖標(biāo)、日期圖標(biāo)、工具圖標(biāo)等對(duì)應(yīng)手機(jī)界面的相機(jī)功能、短信功能、日歷功能與工具欄功能等，通過明確的圖形設(shè)計(jì)與文字定位，可幫助用戶在使用手機(jī)界面過程中快速定位想要應(yīng)用的軟件，大大提升了用戶的交互體驗(yàn)。[2]

2.4 色彩感知

人們的視覺思維對(duì)色彩的感知最為敏感，不同的色彩更是為人們傳遞著不同的信息。UI設(shè)計(jì)中常應(yīng)用藍(lán)色、紫色等顏色來表示科技感，綠色則表示陽光、積極、向上，紅色作為暖色調(diào)能夠?yàn)槿藗儙磔^為明顯的視覺刺激，吸引人們的關(guān)注。因此，在用戶交互體驗(yàn)的設(shè)計(jì)上，需要有效地把控用戶色彩感知這一視覺思維特性，合理的調(diào)節(jié)UI設(shè)計(jì)中色彩的比重，并通過色彩的對(duì)立通道設(shè)計(jì)流暢、自然的色彩過度，以便增加用戶的視覺體驗(yàn)。

3 結(jié)語

UI設(shè)計(jì)中用戶交互體驗(yàn)與視覺思維具有用戶的視覺需求、加強(qiáng)對(duì)UI設(shè)計(jì)的認(rèn)知等關(guān)系，通過風(fēng)格定位、框架設(shè)計(jì)、圖形設(shè)計(jì)、色彩感知等視覺思維的具體應(yīng)用，使得UI設(shè)計(jì)中用戶交互體驗(yàn)的整體視覺效果更加顯著，進(jìn)而促進(jìn)UI設(shè)計(jì)的整體質(zhì)量與水平不斷提升。

參考文獻(xiàn)：

[1] 楊媛. UI設(shè)計(jì)中用戶交互體驗(yàn)的視覺思維[J].山東工業(yè)技術(shù)，2019（05）：245.

[2] 晏艷. UI設(shè)計(jì)中用戶交互體驗(yàn)的視覺表現(xiàn)[J].西部皮革，2019，41（01）：108-109.

作者簡(jiǎn)介：鄭紅（1970—），女，浙江樂清人，碩士研究生，講師，研究方向：平面廣告設(shè)計(jì)。