淺談藝術(shù)設(shè)計中UI界面設(shè)計及應(yīng)用

王星元

（山西水利職業(yè)技術(shù)學(xué)院 山西 運(yùn)城 044000）

1 引言

UI是一個軟件的用戶操作界面，也可以稱之為軟件與用戶之間交流的橋梁。UI設(shè)計是指對軟件的人機(jī)交互界面、操作邏輯與操作界面的美化進(jìn)行整體的設(shè)計。一個好的UI能讓軟件獲得個性，品味得到提高，也能優(yōu)化用戶的操作體驗，使軟件的操作變得自由、簡單、舒適，從而得到用戶的歡迎。

2 UI界面的設(shè)計現(xiàn)狀

在國內(nèi)，一般把用戶能夠直接接觸到的界面稱之為UI。UI設(shè)計師就是對軟件的操作界面進(jìn)行設(shè)計，負(fù)責(zé)網(wǎng)站或者產(chǎn)品的美術(shù)設(shè)計，豐富軟件的視覺效果，從視覺方面來把控產(chǎn)品的品質(zhì)[1]。

界面設(shè)計這方面一直在等待藝術(shù)家進(jìn)行發(fā)掘創(chuàng)造，但人們往往會認(rèn)為他們只是將UI界面進(jìn)行美術(shù)上的加工，簡單的做一下裝飾，不存在理論與創(chuàng)造性。但是目前我們的生活中遍布了各種電子產(chǎn)品與網(wǎng)站，這些網(wǎng)站與軟件之間會展開競爭，往往是人們對誰的第一眼印象好，人們就會選擇哪個。所以為了能夠在市場上獲得競爭力，各個網(wǎng)絡(luò)公司都在不斷的優(yōu)化自家產(chǎn)品的界面設(shè)計。高水平的UI設(shè)計，能夠為公司帶來可觀的經(jīng)濟(jì)效益。操作界面簡單便捷，能為用戶帶來良好的使用體驗，這會成為產(chǎn)品的一大賣點。界面設(shè)計不是簡單的對操作模式進(jìn)行優(yōu)化，也不能只看操作界面的美感，在設(shè)計操作界面時，要考慮使用人群，使用環(huán)境與使用方法，并且要讓設(shè)計能夠占有市場。在擁有藝術(shù)美的同時，能夠滿足用戶的操作習(xí)慣和方便信息查找的需求，要滿足使用者對于產(chǎn)品的期望，讓使用者能夠感受到操作界面的簡潔。例如網(wǎng)絡(luò)電視的UI界面，有些科學(xué)的分類，美觀的界面，用戶通過遙控器能夠進(jìn)行簡單且全面的操控，能夠自由的選擇自己想要收看的節(jié)目。

目前，有許多的設(shè)計師投入到了UI界面的藝術(shù)設(shè)計當(dāng)中，他們通過實踐對產(chǎn)品不斷的進(jìn)行優(yōu)化與完善，UI設(shè)計不是簡單的進(jìn)行藝術(shù)創(chuàng)作，這是一門科學(xué)。人們的審美水平隨著科技水平與生活水平的發(fā)展在不斷的提升，UI設(shè)計師的工作就是設(shè)計界面美觀、操作流暢、具有特點容易辨認(rèn)的UI界面。現(xiàn)在的顯示器設(shè)計水平在不斷的提高，UI界面的色彩設(shè)計與搭配也要隨著顯示器顯示性能的提升而提升。對UI界面的色彩、色調(diào)、對比度進(jìn)行不斷的調(diào)試，可以增加用戶的記憶，產(chǎn)生屬于產(chǎn)品的吸引力與個性，從而在市場中獲得商譽(yù)。使用顏色上的呼應(yīng)，設(shè)計師要注意顏色的運(yùn)用，采取合適的色彩搭配，才能為用戶呈現(xiàn)完美的操作界面。這對于用戶的使用有著非常重要的影響[2]。

3 UI界面藝術(shù)設(shè)計原則

3.1 簡易性原則

簡易性是在對用戶進(jìn)行調(diào)研時所確定的基本原則。在用戶第一次使用某產(chǎn)品的操作界面時，可能會因為不熟悉操作方式而產(chǎn)生操作失誤，這主要是因為操作界面不具有簡易性，UI界面設(shè)計要遵循簡易性的原則，讓用戶在使用的過程中感受到簡潔，高效、快捷。

3.2 記憶負(fù)擔(dān)

界面設(shè)計其中的一項重要內(nèi)容是減少用戶的記憶負(fù)擔(dān)，因為人類大腦對于事物的處理需要有一個過程，對于事件的記憶與存儲也存在著限度，一旦操作難度超過人腦的記憶限度，那么就會對人腦產(chǎn)生記憶負(fù)擔(dān)。界面設(shè)計要讓用戶在使用的過程中感受到舒適，要避免用戶出現(xiàn)記憶負(fù)擔(dān)，簡化操作流程。

3.3 自定義原則

這里提到的自定義不是設(shè)計者進(jìn)行自定義的開發(fā)，是要對設(shè)計界面留有一定的自定義功能，讓用戶能夠按照自己自愿對操作界面進(jìn)行個人化的設(shè)置，讓用戶根據(jù)自己的使用習(xí)慣來自行調(diào)整與完善操作界面。這也可以有效的對軟件的自身性能得到保護(hù)[3]。

3.4 UI界面元素設(shè)計

目前的高校還沒有開設(shè)針對于UI設(shè)計的專業(yè)學(xué)科，所以想要提高UI設(shè)計者的個人能力，為設(shè)計師提供一個良好的學(xué)習(xí)環(huán)境是關(guān)鍵，為設(shè)計師提供資源，讓設(shè)計師能夠自由的展開設(shè)計。設(shè)計師在任何時間都要有積極學(xué)習(xí)的心態(tài)，并且為學(xué)習(xí)投入精力，設(shè)計師可以通過不斷的學(xué)習(xí)，來不斷的完善強(qiáng)化自己。

3.5 整體頁面布局設(shè)計

設(shè)計師在進(jìn)行布局設(shè)計時，要綜合各個方面的知識，將不同的元素進(jìn)行科學(xué)的組合，明確自己所設(shè)計的界面主題，在設(shè)計過程中，要根據(jù)實際情況與自己想要表達(dá)的設(shè)計語言，對版式進(jìn)行認(rèn)真的研究，要從點與線來進(jìn)行具體的設(shè)計。在設(shè)計的過程中，要注意美的原則，處理好元素之間疏密的關(guān)系，形成良好的整體頁面布局。

3.6 界面尺寸的選擇

設(shè)計界面的尺寸要考慮顯示器的大小以及屏幕的分辨率，如若超出屏幕的最大范圍，就要考慮增添滾動條。界面設(shè)計中經(jīng)常會出現(xiàn)分屏的設(shè)計，其中第一塊屏幕要認(rèn)真設(shè)計，也因為第一塊屏幕有著“黃金屏”的稱呼，在此之后的所有設(shè)計都要圍著第一塊屏幕進(jìn)行設(shè)計，對第一塊屏幕要認(rèn)真打造，保證兩塊屏幕的設(shè)計風(fēng)格一致，設(shè)計風(fēng)格能夠完全吻合[4]。

3.7 界面外觀造型設(shè)計

在設(shè)計產(chǎn)品的外觀造型時，通常會選擇簡單的幾何形，例如常見的矩形、菱形、圓形、梯形、與平行四邊形等。設(shè)計的形狀要圓滑柔和，要具有象征意義，圓形代表團(tuán)結(jié)圓滿安定等意義，矩形具有平衡和諧，中規(guī)中矩等特點，菱形具有個性、公平的特點。有的界面是以一種形狀為主的，通過結(jié)合與其相關(guān)的各種元素，來達(dá)到平和與活潑的設(shè)計特點。

3.8 文字的排版、編輯設(shè)計

文字是整個設(shè)計界面最重要的地方，也是界面主要進(jìn)行展示的部分，使用的文字、字體、字號、顏色，詞語的搭配組合，設(shè)計中文字的信息的排列與協(xié)調(diào)，都能對用戶產(chǎn)生影響。良好的文字設(shè)計與排版，能夠在視覺上給予用戶良好的體驗與美感。

3.9 圖片的引用以及設(shè)計

在界面設(shè)計中，要做到圖文并茂，文字與圖片要進(jìn)行互補(bǔ)，文字要結(jié)合圖片，圖片要襯托文字，這樣可以活躍設(shè)計界面，能夠整體的豐富藝術(shù)設(shè)計的表現(xiàn)形式。

3.10 多媒體的引用及設(shè)計

為了使軟件能夠吸引用戶，設(shè)計師可以在設(shè)計過程中融入多媒體設(shè)計操作界面，可以加入2D或者3D的動畫效果，通過加入聲音以及動畫等多媒體素材，可以使界面變得豐富，表現(xiàn)效果達(dá)到多層次，也能調(diào)動用戶的感官體驗。

3.11 色彩運(yùn)用設(shè)計

色彩可以直接的刺激人的視覺感官，在用戶進(jìn)行信息接收時產(chǎn)生沖擊，影響用戶的情感。在設(shè)計中使用不同的色彩，可以產(chǎn)生不同的效果，可以對人產(chǎn)生不同的心理感受。人性化的UI設(shè)計，要設(shè)計能夠令人感受到愉悅的色彩。也要為用戶設(shè)計可自定義的界面色彩，這么做是為了協(xié)調(diào)用戶的心理，讓用戶滿足自身的心理與生理上的需求。UI界面的色彩可以作為指引，引導(dǎo)用戶進(jìn)行操作，用色彩作為向?qū)В粋€優(yōu)秀的設(shè)計師，能夠靈活的使用色彩，在設(shè)計中利用顏色向用戶傳達(dá)情感，是UI設(shè)計師的的表達(dá)方式。顏色是UI設(shè)計師的語言之一，也是設(shè)計師與用戶之間溝通的橋梁。

4 應(yīng)用與現(xiàn)實結(jié)合的分析

在5G與“互聯(lián)網(wǎng)+”的影響下，UI的設(shè)計也產(chǎn)生了新的突破，如今的界面設(shè)計出現(xiàn)了窗口化、圖標(biāo)化、按鈕化、菜單化。現(xiàn)在的UI設(shè)計要考慮與智能產(chǎn)品的便捷性與科技性，在產(chǎn)品上做創(chuàng)新，例如QQ與微信，在產(chǎn)品同質(zhì)化的今天，QQ與微信為了讓人們能夠在大屏智能手機(jī)上獲得更加完美的使用體驗，在設(shè)計上完美適配屏幕，對圖標(biāo)與按鈕都做出了相應(yīng)的調(diào)整，設(shè)計出簡潔明了，易于識別的操作界面，界面的設(shè)計合理且豐富，應(yīng)有盡有又不顯得雜亂，在市場中利于不敗之地。

5 結(jié)語

現(xiàn)在產(chǎn)品UI的設(shè)計變得越來越重要，界面UI可以直觀的給用戶帶來使用體驗，伴隨著我國的信息化技術(shù)的不斷增長，產(chǎn)品UI界面的設(shè)計也要順應(yīng)時代發(fā)展而做出改變，這樣才能在激烈的互聯(lián)網(wǎng)競爭中占據(jù)優(yōu)勢。作為UI設(shè)計師，不僅要有專業(yè)編程能力與獨(dú)特的審美能力，還要具有藝術(shù)創(chuàng)作能力，把UI設(shè)計當(dāng)做藝術(shù)品的加工來做，這樣設(shè)計出來的UI界面才會具有藝術(shù)性，才能為各種電子產(chǎn)品增添色彩，達(dá)到真正的人性化設(shè)計，享受科技帶給我們的舒適與便捷。