視覺包裝在UI設計展示中的應用研究

摘要：UI展示中的視覺包裝是商品形象展示與交互設計研究的全面體現(xiàn)，好的包裝能夠使設計和消費者之間產(chǎn)生互動，使消費者接收到包裝設計所傳遞的產(chǎn)品信息，滿足消費者的視覺需求及情感需求。本文通過總結、歸納在UI展示中的視覺包裝設計的幾點原則，為包裝設計提供參考。

關鍵詞：UI設計展示 視覺包裝 應用

傳統(tǒng)意義上，包裝的功能是保護商品、傳達商品信息、方便使用、方便運輸、促進銷售、提高產(chǎn)品附加值。時代的變革使包裝設計的發(fā)展進入了全新時期，互聯(lián)網(wǎng)時代，手機端和PC端成為人們獲取信息的重要途徑，所以為適應時代的發(fā)展，UI包裝探索領域也成為重要的一部分。

一、視覺包裝在UI設計展示中的意義

視覺包裝主要有提升產(chǎn)品功能的可用性、增強界面的視覺效果以及呼應用戶情感的作用。好的視覺包裝能夠引導視覺流程關注，清晰的層級關系將對降低操作的復雜性、突出產(chǎn)品的重要信息和特色起到重要作用。在情感上，通過視覺包裝能夠呼應界面的動效，引發(fā)用戶情感共鳴，在使用過程中促成良好的用戶體驗，從而提升用戶滿意度。

二、UI展示中的視覺包裝設計原則

UI展示中的視覺包裝設計原則主要包含以下幾點。

（一）功能性。（1）視覺流程完整、清晰。縱觀國內(nèi)外各大網(wǎng)站，UI設計展示通常以長圖包裝的形式對作品進行展示。這種長圖瀏覽模式以視覺流程清晰、重點突出、閱讀快捷方便等優(yōu)勢而被廣泛運用于互聯(lián)網(wǎng)產(chǎn)品。（2）吸引用戶眼球。當用戶通過搜索關鍵詞進到網(wǎng)站或者主頁時，第一個頁面的信息展示是非常重要的，它在很大程度上決定了用戶的去留。優(yōu)秀的頭圖設計除了要美觀之外，還需要具備一定的營銷推廣能力，其往往能夠在第一時間吸引用戶的眼球，瞬間向用戶展示產(chǎn)品的優(yōu)勢，增加用戶深入點擊瀏覽的機率，引導用戶進一步關注，從而提高網(wǎng)站流量，并且能夠讓用戶產(chǎn)生品牌聯(lián)想。

（二）物理性。視覺包裝中的動效設計也讓原本處于靜止狀態(tài)的頁面和狀態(tài)之間有微妙的變化過程，賦予界面對象以生命力。但是一個優(yōu)秀的動效必須自然、符合物理世界的事物運動規(guī)律。這是因為物理世界里的物體是擁有質(zhì)量的，給它們作用力，它們就會移動。由于阻力的存在，幾乎所有的物理運動都有著加速度運動，即人們?nèi)庋鬯姷降木徣刖彸觥Ｈ绻摂M世界里的動畫突然開始、停止或突兀地轉變方向，會讓用戶產(chǎn)生不適的感覺。所以在進行動效設計運動形式時，要蘊含操作邏輯和動作序列，而不是一味地追求某一動效圖像運動的與眾不同。同時，要注重用戶視覺的連續(xù)性以及動作的反饋性。物理世界中，我們的視線轉移規(guī)律以及對動作反饋的認知與反應，都需要我們在虛擬世界進行研究、模擬。

（三）趣味性。（1）素材運用。巧妙地運用相關素材可以讓畫面更加生活化，更加親切。例如在餐食類APP中，為了平衡畫面可以添加甜點等素材；在游戲類APP中可適當添加槍支等素材，來營造一種身臨其境的感覺。素材應用的目的是以增強畫面效果和反映產(chǎn)品屬性為目的，巧妙地使用素材包裝會為設計增添更多的趣味性和設計感。（2）多樣性。在制作針對UI設計的包裝延展時，除了用UI圖標等元素充實畫面，還可以制作視頻類包裝來豐富畫面，增強畫面的靈動性。同時可以運用企業(yè)視覺識別中的名片展示、文具用品展示等載體來展示UI設計中的界面元素。（3）情感化設計。現(xiàn)今的設計不僅是滿足于使用功能的到位，還傾向于人與物的情感交流。設計師使用不同的文案、色彩、圖形等設計整合形式，使設計可以通過聲音、顏色、外觀形象等各方面影響人的五感，進而與用戶心靈交互而產(chǎn)生情感共鳴。

這種針對不同受眾群體的不同心理刺激，同樣遵循一定的設計心理規(guī)律。在色彩選擇上，無論文化差異有多大，人們在辨別冷暖色的觀點上都是一致的。這種長期的生活經(jīng)驗，使我們對于不同的色彩產(chǎn)生不同的情感。例如紅色的色感溫暖，性格剛烈而外向，容易使人興奮、激動、緊張、沖動，是一種對人刺激性很強的顏色。而綠色是自然界中草原和森林的顏色，有生命永久、理想、年輕、安全、新鮮、和平之意，給人以清涼之感。通過選擇合適的顏色詮釋設計目標與主旨，以此來傳遞某種情緒。在文案的推敲上，文案起到豐富作品內(nèi)涵、解釋信息的作用。優(yōu)秀的文案往往能夠打動用戶。例如在產(chǎn)品調(diào)性為活潑、熱情的時候，可以將界面中的紅色解釋為18歲那年籃球場悅動的熱情紅等。因此，統(tǒng)一真實的情感表達尤為重要，要用或感染或詼諧或細膩的傳達方式，以情動人，讓用戶感受到設計的意境之美，喚起真情實感，以實現(xiàn)包裝設計的目的。

三、結語

在UI設計、平面設計、工業(yè)設計等領域，包裝都具有舉足輕重的作用。包裝設計是以消費者為中心。在針對產(chǎn)品展示的時候，要先厘清產(chǎn)品的特點、格調(diào)、屬性、目標，根據(jù)目標來制作合適的視覺流。一個設計合理化的界面包裝往往為更好地理解界面指明了方向。

參考文獻：

[1]李明輝，魏亞云.安卓手機移動端的界面設計美學法則探析[J].包裝工程，2016 （10）.

[2]周睿.啟動時態(tài)界面中動效的交互設計研究[J].包裝工程，2015 （08）.

（作者簡介：李月怡，女，云南師范大學美術學院碩士研究生在讀，研究方向：信息設計與研究）（責任編輯 葛星星）