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

李會(huì)東，于雪

（安徽財(cái)經(jīng)大學(xué)，安徽 蚌埠 233030）

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

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

1.1 什么是UI

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

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

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

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

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

2 UI 界面設(shè)計(jì)中的圖形應(yīng)用分析

2.1 圖形應(yīng)用的設(shè)計(jì)要素

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

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

2.2 圖形應(yīng)用的功能要素

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

2.3 圖形應(yīng)用的邏輯要素

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

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

3 UI 界面設(shè)計(jì)中圖形應(yīng)用的現(xiàn)實(shí)意義

3.1 提高信息傳達(dá)準(zhǔn)確性

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

3.2 提高界面設(shè)計(jì)美觀(guān)性

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

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

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

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

4 未來(lái)UI 界面設(shè)計(jì)中圖形應(yīng)用的發(fā)展趨勢(shì)

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

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

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

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

結(jié)束語(yǔ)

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