潘寧

（德州職業(yè)技術學院 山東省德州市 253034）

在21 世紀，各種先進的技術層出不窮，不光是為了滿足社會群眾的生活需求，也是為了獲得一定的商業(yè)利益。UI 設計具有較強的互動性，通過操作軟件來發(fā)揮軟件的應用價值，實用功能強大。高水平的UI 設計可以在最大程度上提高軟件的檔次和品位，使得軟件更加具有個性，滿足用戶多元化需求。因此，從實際角度出發(fā)，分析UI 設計的基本概念、包含元素、視覺表現對于有關設計工作的優(yōu)化與完善是十分必要的。

1 UI設計的基本概念

1.1 UI設計概念

UI 設計主要是指用戶界面，是針對軟件進行操作，借此來提高軟件的應用價值，具有較強的實用性，能夠從各個層面對軟件進行調整、設計，使得用戶能夠與軟件之間形成良好互動，提高界面的美觀程度，而一個高水平、高質量的UI 設計更是可以提升軟件的品位，使得單一的軟件更加具有個性，化繁為簡，為用戶帶來更為高質量的享受與反饋舒適程度。目前，UI 設計已經朝著更為專業(yè)化、標準化、多樣化的方向發(fā)展，為軟件提供了精準定位，涉及范圍也更加廣泛，要求UI 設計師必須要不斷提高自身的學術知識與水平，提高個人技能與綜合水平，這樣才能夠高效、高質量為按成UI 設計，提高界面的觀賞性與實用性。需要注意的是，UI 設計并不是單純的指代界面美化設計這一部分設計工序，同時還必須要包括前期的深度用戶研究、中期交互設計部分。其中，前期的客戶研究是UI 設計開展的首要前提，只有在了解用戶將的各種習慣以后，才能夠深度發(fā)掘用戶對軟件功能的訴求，進而設計出用戶更能夠接受的軟件界面。在此期間，設計者應避免融入個人的主觀意識，而是要從用戶角度來深度探討產品，是一種客觀行為。中期交互設計的主要方向，是做減法，在了解用戶基礎之上將主要功能輸出，而后經過簡單梳理形成交互框架，對交互的原型與規(guī)范進行確定，為后續(xù)產品上架并更好的被用戶接受創(chuàng)造有利條件[1]。

1.2 UI設計內容

若是從現階段UI 設計的實際情況來看，整體設計主要包含了三個部分內容：

1.2.1 界面美工

其主要目的，是為了對軟件的界面、外觀進行美化，使得UI界面能夠傳遞更多有效的信息，也可以理解為是為了更有效的傳遞信息，屬于一個人機相互操作的平臺，設計者可以利用人機交互來實現對界面美工的操作與整體設計，使得界面效果能夠達到預期狀態(tài)[2]。

1.2.2 人與界面

由于UI 設計本身涉及到的范圍就十分廣泛因此UI 設計者必須要熟悉軟件的操作過程，且對各個方面的知識內容、學科也有著一定的了解，在接受編碼前完成高效設計，保證UI 設計能夠達到預期規(guī)范要求。

1.2.3 用戶測試

在設計完成以后，UI 設計者還需要針對軟件質量、效果等各個方面進行科學測試，對于可能產生的一系列問題予以合理化解決，減少軟件在進入市場、用戶應用的過程中產生較大的失誤率，為用戶帶來更為良好的感官與體驗。

2 UI設計中包含的視覺元素

2.1 文字元素

文字作為信息傳遞的重要渠道，是UI 設計中最為主要也是極為重要的一部分內容，使得信息傳遞更為直接。通常情況下，文字元素主要是由兩個部分構成的，第一部分是系統(tǒng)默認的字體元素，與復雜樣式字體相比，可以較好的減少用戶在視覺上產生的負擔，而為了避免大篇幅系統(tǒng)默認字體使受眾產生的審美疲勞，設計者需要從字體大小、樣式、顏色、層次等對字體進行排版，借此提高字體的藝術性。第二部分，在UI 界面設計中，為了更好的展現出產品本身的特點與個性，特殊字體設計時必不可少的，而為了提高展示效果，設計者往往會將文字轉化為圖片，以圖片的方式置入，來提高頁面設計的文字元素效果[3]。

2.2 圖形元素

圖形也是UI 設計中所包含的重要元素，是通過“圖”與“形”的相互組合，來構成界面，包括功能性圖標元素與裝飾性圖形元素。其中功能性圖標元素主要是指一些按鈕、圖標的應用，由點、線、面、文字等構成，能夠更為直觀的傳遞信息，裝飾性圖形元素主要是指按照一定形式法則構成的一些裝飾元素，達到和諧美的最終目的，是心理要素的一種較好詮釋，同時也在一定程度上揭示了抽象性思維，實現了聯想與認知的相互結合。一般情況下裝飾圖形元素的應用往往應用在最不起眼的地方，雖然不是主要部分，但是對于整個界面設計的美觀性又有著重要的輔助作用。

2.3 圖像元素

從像素畫風格開始以后，UI 界面就往往會受到技術條件方面的制約，只能夠合理化應用一些簡單的平面布局來完成各項工作。隨著我國科技的快速發(fā)展，現如今UI 技術水平已經有了較大程度的提升，成為UI 設計中一種最為主要的展示形式，能夠將信息生動、形象的傳遞給用戶。目前，最為常見的UI 設計圖像元素是靜態(tài)圖像與動態(tài)圖像兩種不同類型。靜態(tài)圖像元素是十分常見的，主要格式為JPEG，擴展名稱為.jpg 或者是.jpeg，這種格式包含了上百萬種元素，可以將商品本身信息、特點、各個細節(jié)等更為具象的呈現出來。動態(tài)圖形的格式往往會涉及到GIF、PNG、SVG 三種格式，其中GIF 的動態(tài)格式圖片具有一定的缺點，會受到256 色存儲方面的限制，無法將色彩豐富的畫面充分還原，較長應用于低分表率的頁面編輯。PNG 圖像格式在網頁設計中應用最為廣泛，顏色多達上百萬中，屬于一種新興網絡圖像格式，通長是會經過無損壓縮方法，形成畫質同等的縮小文件內存，是主流界面制作工具的默認儲存格式。SVG 可以得到縮放矢量圖形的目的，以文本格式來儲存圖像，不受到物理分辨率的影響與限制[4]。

2.4 色彩元素

色彩是人們視覺的第一觀感，能夠帶給人不一樣的視覺沖擊，并給人留下較為深刻的印象。因此，UI 設計者必須要結合實際情況，在界面設計中合理的運用色彩元素進行搭配，使得界面呈現出更為豐富多彩之感。一方面，UI 設計作為一門數字藝術學科，主要特點時借助自發(fā)光電子設備顯示器來展現出最終的效果，需要設計者根據設計需求，實現色彩數字化，保證色彩元素融入科學。另一方面，為了更進一步增強UI 設計色彩對于用戶所產生的視覺沖擊，在針對顏色元素進行合理化設計時，必須要對主體色調進行明確，使得軟件界面、產品信息等都能夠直觀傳遞，并給用戶一種耳目一新的感覺，增強視覺表現效果。

3 UI設計中的視覺表現分析

基于上述分析，在UI 設計中視覺表現主要是會受到文字、圖形、圖像、色彩元素組合方面的影響而產生不同的效果，為了在最大程度上滿足用戶的多元需求，在UI 設計視覺表達方面，應該滿足以下幾項內容：

3.1 視覺交互活動必須具有交叉性

UI 設計主要是作為一種與用戶之間形成良好互動狀態(tài)而存在的，合理化設計能夠為用戶帶來更為良好的體驗、感受，使得軟件本身能夠更好的達到客戶要求。因此，設計師在進行UI 設計的過程中，必須要注重界面與用戶之間到底能不能形成良好的交互性關系。首先，在實現應該對有關設計內容進行充分了解，而在這一部分設計任務完成以后，還需要對設計本身產生的結果與作用進行深層次分析，獲得精準數據與信息，并對下一步要完成的設計任務進行確認，做好一系列的鋪墊，從而達到較好的效果。其次，保證UI 設計能夠起到較好的視覺效果，滿足用戶的多元化需求。由于人與事物在接觸的過程中，能夠獲得相應的信息，而具體感知主要是來自于兩個方面，即行為感與物感，是除了聽覺、觸覺以外獲得感知的有效路徑，是一種通過視覺來獲得具體感知。從這一層面考慮，設計師就必須要結合軟件本身的特點，完善UI 設計，以保證界面中的所有信息，都能夠被用戶更好的接收、了解、處理，提升用戶的感知能力。

3.2 交互行為中的視覺需求

在進行UI 設計的過程中，設計師所有的涉及行為，都是需要CUD 來作為支撐的，CUD 的有效應用，能夠對傳統(tǒng)的思維邏輯進行更為細致的分析，為深層次了解用戶需求創(chuàng)造了有利條件。這也就要求設計師在進行UI 設計的過程中，應該盡可能的以用戶的思維習慣為導向，然后對界面設計的整體思路、布局進行創(chuàng)新，使得大眾用戶的需求，能夠在UI 設計中加以充分體現。在設計期間，內部視覺效果的特殊性思維，有助于設計者更好的發(fā)現用戶潛在的視覺因素，在了解這一點以后設計師就可以結合用戶具體的個人需求、思想、傳統(tǒng)思維等等，來優(yōu)化UI 設計，保證界面的交互性能夠充分發(fā)揮。通過采用這種方式，設計師也能夠將個人思維、設計與用戶思維進行相互結合，使得產品質量有所提升，并加深用戶對于產品的主觀體驗，為軟件發(fā)展創(chuàng)造有利條件[5]。

3.3 保證設計的個性化

個性化設計的主要目的在于，要滿足不同類型用戶，對于軟件UI 界面的審美需求。隨著現如今我國科技的快速發(fā)展，網絡已經稱為人們日常生活中不可缺少的重要組成部分，不同年齡段的人均開始應用互聯網來滿足自身的各項需求，軟件應用十分廣泛。因此，設計師在進行UI 設計的過程中，必須要對軟件用戶的使用情況進行充分了解，根據用戶的年齡分段，考慮界面設計方式與方法，使得界面能夠滿足就大部分用戶的個人需求。對于小部分用戶的喜好、思維，設計者則是可以為其提供一定的選擇空間與權力，設計不同模式、皮膚、背景等等，使得這些用戶能夠根據自己的需求對界面進行切換。

3.4 保證視覺元素布局的合理性

從某種層面上來說，視覺元素布局也可以被理解為是排版，其中包含了多項元素，要求設計者必須要結合用戶的需求以及設計理念，對點、線、面、色彩、圖形、文字等進行合理規(guī)劃與布局，進而保證視覺元素布局符合用戶的審美需求與瀏覽需求。目前，視覺元素布局大致可以分為橫向平面布局、縱向空間布局、四維時間布局三個部分，設計者必須要在事先對用戶做好充分調查的情況下，綜合視覺元素布局形式的各自特點來最終選擇應用的形式。橫向平面布局分為結構化布局、藝術化布局兩種，其中結構化布局具有較強的交互性，根據事先研究、調查結果，將界面以模塊化的形式進行調整，使得整個界面設計更加具有秩序性；藝術化布局是從界面美感角度出發(fā)，通過分割、節(jié)奏、變化統(tǒng)一等等手法，來提高界面的藝術性。

縱向空間布局在UI 設計中，充分利用了格式塔的接近性原則，將整個設計過程當成設計師設計表現的一種特定性是，而各種不同元素，則是設計師傳遞信息、實現交互與交流的重要載體，確保人機信息交互。在設計期間，大致流程可以分為三個部分，第一層次是色彩元素，能夠凸顯出整個UI 界面的魅力、產品性格屬性等，設計師也可以通過合理的色彩元素分配，與用戶心理產生呼應，實現高水平的產品營銷。第二個層次，是利用圖形、圖像元素來傳遞產品信息，提高界面瀏覽的便利性。第三層次文字元素，是一種更為詳細的信息傳遞手段，使用戶可以在直觀感受以后可以進行更加深入的理解。除此之外，設計師還需要充分利用四維時間布局，來更進一步塑造UI 界面的交互效果，為視覺表現的效果提升創(chuàng)造有利條件。

4 結束語

綜上所述，在互聯網快速發(fā)展的當下，各種類型的軟件層出不窮，而如何更好的實現與用戶之間的互動，也已經成為各個軟件開發(fā)商所需要思考的一個重要問題。UI 設計作為重要一環(huán)，也應受到相應的重視。在設計期間，不光是要保證文字、圖形、圖像、色彩各部分視覺元素應用的合理性，同時還需要給人交互性、個性化，同時融入對用戶視覺需求的考慮以及人本思想，保證視覺元素布局的合理性，這樣才能夠提高UI 設計質量，滿足用戶對于界面的多元化需求。