扁平化圖形在UI 界面設(shè)計中的應用研究

李會東，于雪

（安徽財經(jīng)大學，安徽 蚌埠 233030）

近年來網(wǎng)絡(luò)技術(shù)和觸摸屏技術(shù)得到了快速的發(fā)展，這也使得手機成為了人們?nèi)粘Ｉ钪斜夭豢缮俚墓ぞ咧?。手機已經(jīng)逐漸從傳統(tǒng)通信工具向智能化轉(zhuǎn)變，為人們的生活提供越來越多的幫助，并帶來更加全面的服務(wù)。UI 設(shè)計中作為設(shè)計師需要從用戶情感、產(chǎn)品價值等方面來入手，這樣才能促使產(chǎn)品在市場競爭中更加具有優(yōu)勢。對圖形在UI 界面設(shè)計中的應用進行討論，希望能對圖形的UI 設(shè)計應用有更多的了解，這也將對未來手機界面設(shè)計產(chǎn)生一定的幫助。

1 UI 界面設(shè)計概述

1.1 什么是UI

UI 是用戶界面的簡稱，主要指的是對軟件的人機交互、操作邏輯、界面美觀的整體設(shè)計。UI 是系統(tǒng)和用戶之間進行交互和信息交換的媒介，它實現(xiàn)信息的內(nèi)部形式與人類可以接受形式之間的轉(zhuǎn)換。用戶界面是介于用戶與硬件而設(shè)計彼此之間交互溝通相關(guān)軟件，目的在使用戶能夠方便有效率地去操作硬件以達成雙向之交互，完成所希望借助硬件完成的工作。用戶界面定義廣泛，包含了人機交互與圖形用戶接口，凡參與人類與機械的信息交流的領(lǐng)域都存在著用戶界面[1]。

1.2 UI 界面設(shè)計的內(nèi)容

UI 界面設(shè)計中主要有形界面設(shè)計，例如廣告、企業(yè)形象識別系統(tǒng)等。作為設(shè)計師需要從用戶角度進行設(shè)計考慮，用戶對于產(chǎn)品的使用感受我們稱之為用戶體驗。在現(xiàn)代智能化時代中UI 設(shè)計的用戶體驗主要將重點放在操作過程的舒適度，并且要符合用戶的心理需求和使用需求[2]?，F(xiàn)代人對于手機、平板電腦等的使用需求比較高，那么設(shè)計師在功能設(shè)計上也需要更加傾向于提升用戶的使用體驗，這就需要找到更加適合受眾人群的流行元素，尋找一種更加貼近于用戶的設(shè)計圖形。例如人們比較習慣從左到右進行文字閱讀，那么在設(shè)計中則可以盡量地將有代表性的文字排列在界面的左側(cè)位置，保證用戶在操作的過程中能夠獲得更好的體驗，避免影響用戶對于產(chǎn)品的信賴度。其次，在設(shè)計中考慮到用戶體驗，應當具有人性化特點，能夠隨時的操作中的問題進行改進，提升用戶對于設(shè)計的情感依賴。在現(xiàn)代化社會中良好的用戶體驗是最為重要的智能化發(fā)展基礎(chǔ)條件，只有用戶得到了良好的產(chǎn)品體驗，才能夠促使智能化產(chǎn)品走得更遠。

在進行UI 設(shè)計的過程中應當充分地考慮到設(shè)計布局合理性以及層次性，需要符合基本的操作設(shè)計原則，能夠讓用戶在習慣上整體把握。在UI 界面設(shè)計中需要對界面的分級信息進行合理規(guī)劃，盡量保證用戶使用舒適度，并盡量減少界面中不必要的信息，以簡潔的方式呈現(xiàn)在用戶面前。這樣既能夠減少用戶疲勞度，也能夠保證用戶體驗感上升。此外，在UI 界面設(shè)計中圖形應用的層級關(guān)系排列方式是十分重要的，需要嚴格地進行把控，將視覺信息相近的部分進行統(tǒng)一排列，以便于用戶能夠在體驗過程中輕松地將信息進行區(qū)分。

隨著社會的進步和人們審美水平的提高，移動媒體終端界面的設(shè)計也開始呈現(xiàn)出多樣性，越來越多豐富的UI 界面設(shè)計開始出現(xiàn)在我們的面前。對于移動媒體終端來說，最為關(guān)鍵的就是要尊重用戶可用性，在這里的用戶可用性并不是指花哨的設(shè)計圖形和界面，在設(shè)計中不僅要重視藝術(shù)審美，更加要滿足用戶的心理需求，需要在體驗上讓用戶感到愉悅，這樣才能夠更好地滿足用戶的需求[3]。

2 UI 界面設(shè)計中的圖形應用分析

2.1 圖形應用的設(shè)計要素

圖形元素作為UI 界面設(shè)計當中的關(guān)鍵形象所在，通過圖形元素的合理選擇能夠準確的傳達出更加精準的視覺信息，富有創(chuàng)意化和情境化的設(shè)計則能夠讓使用者留下更加深刻的印象。因此視覺要素在UI 界面的圖形設(shè)計中是關(guān)鍵所在。簡潔化的設(shè)計再加上簡單的色彩應用更加能夠讓用戶得到情感上的體驗，帶來一種心情上的愉悅之情，并充分感受到軟件的應用作用。

所謂視覺要素其中美觀性也是相當重要的，整體界面越美越能夠引起用戶的注意。在UI 界面中圖形的設(shè)計也十分看重設(shè)計的美觀性，不僅在色彩上較為統(tǒng)一，讓整個界面看起來更加有質(zhì)感，同時在設(shè)計中圖形也較為簡潔，比較符合現(xiàn)代年輕人的審美觀點[4]。

2.2 圖形應用的功能要素

從功能方面來講，主要指的是整個界面當中的內(nèi)容所在。當然只有內(nèi)容是遠遠不夠的，內(nèi)容一定要足夠的精彩，能夠合理地利用每一個圖形和內(nèi)容之間的關(guān)系，這樣才能夠建立起一個較為均衡的狀態(tài)，產(chǎn)生和諧的設(shè)計界面。例如設(shè)計當中的圖形對稱或者是均衡，這些如果要素如果單獨的利用會顯得整個界面較為死板，但是如果在其中融入比較具有動感的圖形和文字，那么則會達到更好的效果，使得整個界面充滿活力和動力。同時在功能體現(xiàn)上也比較清晰明確，用戶可以根據(jù)自己的需求輕松地找到每一個界面，并制定出適合自己的健身計劃，選擇自己喜愛的音樂伴隨整個運動過程。在UI 設(shè)計中只有將每一項功能都清晰地展現(xiàn)在用戶面前才能夠讓用戶更加依賴軟件，并在使用過程中獲得更好的體驗[5]。

2.3 圖形應用的邏輯要素

此外，在UI 界面設(shè)計當中圖形設(shè)計的邏輯性也是不容忽視的，當各個圖形的應用符合邏輯的時候用戶能夠快速地找到自己想要的內(nèi)容，但是如果圖形應用缺少邏輯性就會造成大量的時間浪費，長時間以來也會導致用戶失去使用信心，對軟件不再感興趣。在UI 界面設(shè)計中圖形的邏輯性將直接決定該軟件的應用方便性，因此，在界面圖形設(shè)計中若采取了統(tǒng)一并且十分簡潔化的圖形作為基礎(chǔ)設(shè)計，便能夠達到更加直觀的視覺效果，讓用戶在需要的情況下能夠一目了然，快速進行軟件應用。

每一個不同的界面設(shè)置在其功能上都是不可替代的，在界面設(shè)計中則能夠結(jié)合客戶的需求和能力等來制定更加適合客戶的界面。

3 UI 界面設(shè)計中圖形應用的現(xiàn)實意義

3.1 提高信息傳達準確性

直觀的視覺是信息接收的最主要方式，通過圖形的應用來進行信息內(nèi)容表達也是重要方法。在UI 界面中通過圖形的方式來進行應用能夠?qū)⒃据^為復雜的數(shù)據(jù)內(nèi)容濃縮成為簡單易懂的圖形，也就是將信息內(nèi)容簡約化、圖形化處理，能夠讓使用者更加清晰、準確的掌握各種數(shù)據(jù)，對于提升信息傳遞準確性來說具有重要意義[6]。

3.2 提高界面設(shè)計美觀性

UI 界面設(shè)計中圖形應用從整體界面視覺效果上來講，對于客戶來說會產(chǎn)生強烈的視覺沖擊力，也能使整個界面設(shè)計更加美觀，更加看中視覺上的色彩沖擊，這樣更加能夠體現(xiàn)出積極向上的趨向，同時也更加富有感染力，在圖形應用上也更加的簡潔化，整個界面看起來簡單而不單調(diào)，每一個環(huán)節(jié)都能十分清晰地展現(xiàn)在用戶面前，從而提高軟件的使用率和體驗效果。

同時，在本次設(shè)計中信息圖形的應用主要是針對內(nèi)容復雜或者是難以進行表述的內(nèi)容進行提煉和整理，最終形成一個視覺化的圖形。這樣的設(shè)計現(xiàn)實意義在于信息圖形一方面能夠從功能上滿足人們對于信息的直觀了解，另一方面能在感官上帶給人們視覺享受。在設(shè)計方面主要將復雜的內(nèi)容簡化成各種簡單的圖形，通過這樣的信息圖形設(shè)計能夠讓用戶記得更加牢靠每一個部分是用來做什么的，并且也能夠達到容易傳播的目的。

3.3 提高數(shù)據(jù)記錄便捷性

數(shù)據(jù)記錄是一項較為繁瑣的工作，就拿健身類的UI 界面設(shè)計來說在其中會涉及大量的數(shù)據(jù)記錄，這里圖形的應用就顯得更加重要。圖形設(shè)計在界面中的應用可以將復雜的文字和抽象的事物變得具體化、生動化，最大限度上減少用戶理解錯誤問題發(fā)生，也能夠便于用戶及時準確的掌握各種信息，提高便捷性。

4 未來UI 界面設(shè)計中圖形應用的發(fā)展趨勢

4.1 多元化發(fā)展趨勢

手機界面的設(shè)計是將圖形、文字和色彩以及便捷性等結(jié)合在一起而形成的統(tǒng)一體。不僅要滿足日常用戶使用中的基礎(chǔ)需求，更加要在情感方面得到滿足，給生活增添更多的樂趣。在未來的UI 界面設(shè)計當中其一定會朝著時尚性、獨特性和可視化的角度發(fā)展，同時手機也將承擔起更大的實用性功能，滿足人們?nèi)粘５囊率匙⌒行枨?，隨著手機功能上的強大，UI 界面設(shè)計也將向多樣性和多元化方向發(fā)展。作為設(shè)計師在設(shè)計中一方面要掌握基本的設(shè)計能力，另一方面也要在情感上更加投入，保證功能性的基礎(chǔ)上要盡量考慮到用戶的精神需求，為用戶提供優(yōu)越的情感服務(wù)。只有這樣才能做出更加讓用戶滿意的產(chǎn)品，為未來的UI 設(shè)計提供保障，為用戶提供方便[7]。

4.2 普遍化發(fā)展趨勢

未來的UI 界面將會朝著普遍性和共享性的方向發(fā)展，那么作為設(shè)計師在圖形的應用方面也應當看中發(fā)展的普遍性，將緩解用戶精神壓力作為基礎(chǔ)，在滿足功能性條件下盡量實現(xiàn)設(shè)計圖形普遍化。同時還應當將情感服務(wù)放在重要位置上，在當前全球經(jīng)濟一體化背景下，人們對于UI 界面的應用性提出了更高的要求，未來市場也將隨之而發(fā)生變化。那么作為設(shè)計師一定要積極地進行探索，努力將圖形設(shè)計得更加符合大眾需求，提升軟件應用的效果。

結(jié)束語

圖形對于UI 界面設(shè)計來說是重要條件之一，通過對于圖形的應用不僅能促使界面內(nèi)容更加清晰，同時也能引起用戶注意提升用戶信任度。作為設(shè)計者在進行UI 界面設(shè)計中一定要結(jié)合軟件的功能以及用戶特點來針對性進行設(shè)計，這對于UI 界面的設(shè)計效果提升也將產(chǎn)生重要意義。隨著信息時代的到來，現(xiàn)代社會中信息傳播已經(jīng)開始呈現(xiàn)出了多樣化的趨勢。在這樣的環(huán)境條件下圖形的設(shè)計在UI 界面中也得到了更加科學化的運用，這對于復雜內(nèi)容簡單化和數(shù)據(jù)簡單化來說都具有巨大的意義，是促進新的思維模式發(fā)展的重要內(nèi)容之一。