移動界面設計中的親和力效果表達

顧莉莉

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

關鍵詞：移動端;移動界面設計;親和力

中圖分類號：J524文獻標識碼：A

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

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

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

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

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

1.1 有助于為用戶提供引導

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

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

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

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

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

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

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

2 移動界面設計中親和力效果表達方法

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

2.1 選擇適合用戶風格的設計方式

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

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

2.2 針對文字風格進行設計

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

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

2.3 色彩的合理應用

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

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

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

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

3 結語

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

參考文獻

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

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

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

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

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

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

[7]石教樂，扁平化在移動學習資源界面設計中的應用研究[D].2016，3（6）：44 99.

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

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