移動界面設(shè)計中的親和力效果表達(dá)

顧莉莉

摘要：在移動界面設(shè)計的過程中，提升其親和力，有助于滿足以人為本的設(shè)計需求，創(chuàng)建出與用戶之間相互貼近的移動網(wǎng)絡(luò)界面，使得用戶從視覺感官方面形成親和力的體驗感，增強設(shè)計工作效果，充分發(fā)揮親和力在其中的積極作用，滿足用戶的實際使用需求，為其后續(xù)發(fā)展夯實基礎(chǔ)。

關(guān)鍵詞：移動端;移動界面設(shè)計;親和力

中圖分類號：J524文獻(xiàn)標(biāo)識碼：A

文章編碼：1672-7053（2019）02-0077-02

通常情況下，親和力主要代表使人親近以及愿意接觸的力量，屬于源自人們內(nèi)心深處情感訴求。而對于移動界面而言，其親和力主要是拉近用戶以及移動網(wǎng)絡(luò)之間的距離，為用戶提供視覺感官方面的親切、友好體驗。目前，在手機以及平板電腦相關(guān)移動客戶端實際發(fā)展的過程中，已經(jīng)提升了用戶生活信息化水平，但是，尚未與用戶的情感相互聯(lián)系，存在一定的缺陷。而移動界面的設(shè)計師利用視覺體驗的豐富性，創(chuàng)建用戶以及移動界面親和力的有效方式。因此，在移動界面實際設(shè)計的過程中，應(yīng)保證美觀性與合理性，提升用戶的視覺體驗感，增強移動界面的親和力，有助獲得用戶的認(rèn)可，在激烈競爭的市場環(huán)境當(dāng)中脫穎而出。

1 移動界面設(shè)計中親和力的重要性分析

一般情況下，我們所講的親和力，主要屬于親切感，是相互之間距離較為親切的感覺，是人們愿意接觸、喜歡接觸的正能量，也屬于人們的一種感覺，可以讓人們第一次見面的時候就主動的接近與相處。與此同時，親和力還是人與人、人與物形成的瞬間情感。

目前，很多人都開始重視移動客戶端，某些專家在研究中認(rèn)為，人們在購物的過程中，并非購買具體的物品，而是追求潮流感以及時代感，但是，很多設(shè)計師對此類觀點的理解較為片面，不斷針對造型以及外觀進(jìn)行盲目創(chuàng)新，利用繁瑣設(shè)計方式吸引用戶，導(dǎo)致設(shè)計效果降低。在數(shù)字媒體時代發(fā)展的過程中，移動網(wǎng)絡(luò)已經(jīng)成為人們生活中較為重要的部分，這就使得用戶對于移動界面視覺設(shè)計提出更高的要求。加之人們的生活節(jié)奏變快，每天身心疲倦，內(nèi)心很容易出現(xiàn)冷漠感，如若移動界面的設(shè)計較為混亂，會導(dǎo)致用戶尋找信息的時間浪費，嚴(yán)重影響心情。那么，如何進(jìn)行移動界面的設(shè)計，為用戶提供友好、親和的體驗成為首要解決的問題。在界面設(shè)計的過程中，除了要保證簡單性與快捷性之外，還需提升用戶觀賞的愉悅感，以此增強設(shè)計效果。

1.1 有助于為用戶提供引導(dǎo)

當(dāng)人們觀看手機移動界面的過程中，只能依靠文字信息區(qū)分已經(jīng)查看與尚未查看的新聞，需要重新觀看標(biāo)題才能找到之前查看的新聞繼續(xù)進(jìn)行瀏覽，會導(dǎo)致浪費時間，產(chǎn)生疲憊感，與此同時也會耗費用戶耐心。而在移動界面親和力設(shè)計之后，可以為用戶清晰的標(biāo)明已經(jīng)觀看過的內(nèi)容，設(shè)計者可以利用顏色對已經(jīng)瀏覽或沒有瀏覽的頁面進(jìn)行標(biāo)注，在細(xì)節(jié)設(shè)計中融入親和力元素，能夠引導(dǎo)用戶快速對信息進(jìn)行瀏覽，更好地進(jìn)行操作引導(dǎo)。

1.2 有助于提升用戶的愉悅感

在移動界面設(shè)計的過程中，提升其親和力，除了可以增加便利性以外，還能為用戶帶來愉悅感。目前多數(shù)青年人都喜歡微博，編輯1 40字符發(fā)布信息，就可以相互分享。在微信發(fā)布信息字符方面有著數(shù)字的提示，可以結(jié)合已經(jīng)輸入的微博字符，將剩余的優(yōu)先字?jǐn)?shù)顯示在文字框的右上角，用戶在數(shù)字的提示之下，合理地計算已經(jīng)輸入的字符，在一定程度上能夠全面提升移動界面設(shè)計的親和力，通過文字以及符號的方式進(jìn)行合理設(shè)計。

1.3 有助于提升用戶與移動界面的親密度

在移動界面實際設(shè)計的過程中，其具有一定親和力，有助于為用戶與界面之間提供相互零距離交流的體驗，增強用戶與客戶端之間的親密度。如圖1所示，為餓了么的相關(guān)界面圖片，其具有一定的親和力，有助于顧客進(jìn)行選擇，拉近求顧客與餓了么客戶端界面之間的距離;更好地體現(xiàn)出相關(guān)移動界面的時代感。

1.4 有助于為企業(yè)增加利潤

在手機時代化發(fā)展的過程中，人們開始利用手機上網(wǎng)來熟知以及認(rèn)識一個品牌亦或是公司。因此，移動頁面的視覺設(shè)計非常重要，直接顯現(xiàn)出公司的文化以及修養(yǎng)。移動界面設(shè)計具有親和力，可以在提升用戶數(shù)量的情況下，增強其對于企業(yè)的信任感與寄托感，有助于幫助企業(yè)形成良好的品牌形象，增強用戶忠誠度，以此吸引更多用戶消費，提升企業(yè)經(jīng)濟(jì)效益[1]。

2 移動界面設(shè)計中親和力效果表達(dá)方法

在移動界面實際設(shè)計的過程中，要想更好的表達(dá)親和力效果，就應(yīng)該根據(jù)以往的經(jīng)驗，合理開展親和力設(shè)計工作，全面增強移動界面設(shè)計的親和力效果，充分發(fā)揮各方面設(shè)計方式的積極作用。具體表達(dá)方法為以下幾點。

2.1 選擇適合用戶風(fēng)格的設(shè)計方式

在用戶打開相關(guān)移動界面之后，首先會注意其視覺效果，且移動界面視覺效果直接影響用戶感受，是衡量移動界面是否具備親和力的主要方式。對于移動界面的視覺效果而言，其中主要包括內(nèi)容、結(jié)構(gòu)與功能等各類要素，設(shè)計師可以根據(jù)用戶體驗、美學(xué)角度等，設(shè)計較為完整的移動界面。從而達(dá)到吸引更多用戶來瀏覽;因此，在設(shè)計過程中，相關(guān)設(shè)計者需要制定完善的工作方案，探索出適合用戶風(fēng)格的移動界面設(shè)計方法[2]。

在互聯(lián)網(wǎng)多元化發(fā)展的今天，移動界面的交互性與靈活性逐漸增強，能夠為用戶提供便捷瀏覽服務(wù)的同時，對其可持續(xù)發(fā)展也提出了很高的要求。所以在移動界面實際設(shè)計的過程中，需要根據(jù)用戶特點，正確針對移動界面的風(fēng)格進(jìn)行設(shè)計，保證視覺效果的獨特性以及親和力，提升移動客戶端辨識度。與此同時，應(yīng)保證移動界面的整體性以及統(tǒng)一性，預(yù)防在相關(guān)頁面層級之間出現(xiàn)脫節(jié)問題。從移動客戶端整體風(fēng)格來講，需要具有一定的親和力與完整性，使得用戶可以形成深刻的印象，更好地對內(nèi)容進(jìn)行研究。

2.2 針對文字風(fēng)格進(jìn)行設(shè)計

在移動界面設(shè)計的過程中，可以將文字劃分成為文本類型與圖形類型的文字。對于文本類型的文字而言，很容易受到載體的影響，尤其一些非系統(tǒng)文字，在不同的計算機當(dāng)中，所安裝的文字以及所使用的瀏覽器等存在差異，很容易發(fā)生文本字體丟失的現(xiàn)象，也可能會出現(xiàn)計算機當(dāng)中的文字被取代的現(xiàn)象，這就會導(dǎo)致出現(xiàn)用戶在其他電腦當(dāng)中不能更好的對所使用的文本字體進(jìn)行觀看的現(xiàn)象。為了更好的預(yù)防此類問題，相關(guān)設(shè)計人員應(yīng)利用計算機相關(guān)自帶系統(tǒng)字體，以確保移動界面上面的文本能夠在相關(guān)計算機中正常的顯示[3]。

對于移動界面而言，在親和力設(shè)計的過程中，文字較為重要，設(shè)計者會利用文本類型與圖形類型文字相互結(jié)合的方式，可以使得用戶在移動界面當(dāng)中獲得良好的體驗。對于圖形文字而言，主要就是文字的圖形化，是無需編輯的文字。作為圖形而言，其存在于相關(guān)的頁面上，不會受到載體的影響而出現(xiàn)變化[4]。設(shè)計者應(yīng)利用無限的想象，充分的進(jìn)行設(shè)計，才能更好的進(jìn)行文字創(chuàng)作處理，無需受到計算機系統(tǒng)顯示的局限，有助于提升移動界面設(shè)計的靈活性。對于圖形類型的文字而言，設(shè)計者可以結(jié)合移動界面主題風(fēng)格、用戶群體等等，合理地開展文字圖形合計工作，統(tǒng)一字體、字型與顏色，更好地凸顯出主題，提升頁面的美化性，保證與用戶之間相互貼近，提升整體視覺效果。例如圖2所示，在阿里巴巴旗下閑置交易平臺App客戶端閑魚設(shè)計的過程中，主要目標(biāo)就是體現(xiàn)出“閑魚”之上，不只有交易，有著共同愛好、趣味相投的人們正集結(jié)起來。在網(wǎng)站LOGO設(shè)計以及導(dǎo)航文字設(shè)計的過程中，進(jìn)行了圖形化的處理，除了可以凸顯出文本的獨特性之外，還能增強趣味性，設(shè)計效果很高，凸顯出移動界面親和力[5]。

2.3 色彩的合理應(yīng)用

在移動界面任何視覺設(shè)計當(dāng)中，都需要含括色彩元素，而色彩可以為用戶提供較高的視覺感受，有助于充分發(fā)揮藝術(shù)設(shè)計表現(xiàn)力。因此，在移動界面設(shè)計過程中，色彩占有較為重要的位置，利用合理的色彩搭配方式，有助于提升其整體性與和諧性，使得用戶可以體驗到移動界面的流暢性，達(dá)到賞心悅目的效果。與此同時色彩屬于較為直接的視覺語言，在提升移動界面親和力方面具有較為重要的作用[6]。

對于移動界面色彩而言，應(yīng)遵循系統(tǒng)性的原則，要求設(shè)計者在實際設(shè)計的過程中，保證配色方案與色調(diào)的協(xié)調(diào)組織性，在確定色彩的基調(diào)以后，與移動界面的配色方案相互協(xié)調(diào)，更好地進(jìn)行同類色、對比色、補色等配置。一般情況下，對于移動界面色彩基調(diào)而言，主要體現(xiàn)在背景色以及按鈕色以及重點文字等，待移動界面形成系統(tǒng)色彩風(fēng)格之后，再向其中穿插各類顏色的搭配方式，提升移動界面視覺效果，凸顯出親和力的設(shè)計優(yōu)勢。例如淘寶客戶端，其利用了橘紅色為色彩基調(diào)，主要象征時尚，可以全面凸顯出淘寶的功能。

2.4 保證移動界面的整潔有序

在移動界面親和力設(shè)計的過程中，應(yīng)首先關(guān)注其整潔有序感，遵循科學(xué)化以及與時俱進(jìn)的原則，更好的對重要視覺元素進(jìn)行調(diào)整，削減一些次要的元素，除了能夠提升移動界面的設(shè)計效果以外，還能增強整體設(shè)計工作效果與力度，充分發(fā)揮出各方面設(shè)計方式的積極作用。首先，在實際設(shè)計的過程中，設(shè)計者應(yīng)重視信息層次的處理，不可以出現(xiàn)層次過多的現(xiàn)象，保證提升移動界面設(shè)計工作水平，為用戶提供良好的體驗感[8];其次，在設(shè)計手法方面不可以出現(xiàn)重復(fù)疊加的現(xiàn)象，應(yīng)遵循與時俱進(jìn)的工作原則，創(chuàng)建科學(xué)化的設(shè)計與協(xié)調(diào)模式，保證設(shè)計手法的平穩(wěn)性，不可以出現(xiàn)視覺方面大起大落的現(xiàn)象，以此營造出具有視覺體驗親和力的氛圍，增強整體設(shè)計工作水平。在此，在設(shè)計工作中應(yīng)遵循元素以及形狀的合理性原則，不可以出現(xiàn)顏色大小與形狀變化過大的現(xiàn)象，除了要重視移動界面設(shè)計內(nèi)容的豐富之外，還需合理的開展人性化設(shè)計與親和力設(shè)計工作，轉(zhuǎn)變以往的設(shè)計方式。另外，應(yīng)當(dāng)降低粗線條與黑色線條的使用量，在保證設(shè)計親和力的同時，利用正確的方式進(jìn)行協(xié)調(diào)控制，充分發(fā)揮具有親和力設(shè)計手段的作用[9]。

3 結(jié)語

在移動界面實際設(shè)計的過程中，相關(guān)設(shè)計人員應(yīng)遵循科學(xué)化、與時俱進(jìn)的發(fā)展原則，編制完善的計劃方案，利用正確的設(shè)計手段完成相關(guān)任務(wù)，保證在合理進(jìn)行移動界面設(shè)計的同時，通過正確的手段進(jìn)行改革完善。

參考文獻(xiàn)

[1]金玉，網(wǎng)頁視覺親和力的設(shè)計方法研究[D].2016，12（5）：122-144.

[2]孫夢陽，謝亨淵.智能產(chǎn)品設(shè)計中親和力的表達(dá)[J].湖南包裝，2018，v.33;No.179 （02）：55-57+79.

[3]索理，韋月月.界面設(shè)計中的圖形創(chuàng)意方法[J].現(xiàn)代裝飾（理論），2016，23 （10）：133-155.

[4]李曼，插畫在網(wǎng)頁界面設(shè)計中的應(yīng)用價值研究[D].2016，2（4）：45-66

[5]楊東杰，閆亮亮，胡銳，高校應(yīng)用“移動云課堂”提升思想政治教育親和力探析——以中國石油大學(xué)（北京）為例[J].甘肅理論學(xué)刊，2018，No.247 （03）：25-30.

[6]張雪銘，趙曉明.設(shè)計美學(xué)在移動應(yīng)用UI界面設(shè)計中的體現(xiàn)[J].設(shè)計，2018，11（7）：40-41.

[7]石教樂，扁平化在移動學(xué)習(xí)資源界面設(shè)計中的應(yīng)用研究[D].2016，3（6）：44 99.

[8]吳振全，移動終端界面設(shè)計中的視覺元素表現(xiàn)[J].美術(shù)學(xué)報，2016，23（4）：234-255.

[9]李嬌，移動界面中的無意識設(shè)計[J].工業(yè)設(shè)計，2017，8（3）：94-94.