移动界面设计中的亲和力效果表达

顾莉莉

摘要：在移动界面设计的过程中，提升其亲和力，有助于满足以人为本的设计需求，创建出与用户之间相互贴近的移动网络界面，使得用户从视觉感官方面形成亲和力的体验感，增强设计工作效果，充分发挥亲和力在其中的积极作用，满足用户的实际使用需求，为其后续发展夯实基础。

关键词：移动端;移动界面设计;亲和力

中图分类号：J524文献标识码：A

文章编码：1672-7053（2019）02-0077-02

通常情况下，亲和力主要代表使人亲近以及愿意接触的力量，属于源自人们内心深处情感诉求。而对于移动界面而言，其亲和力主要是拉近用户以及移动网络之间的距离，为用户提供视觉感官方面的亲切、友好体验。目前，在手机以及平板电脑相关移动客户端实际发展的过程中，已经提升了用户生活信息化水平，但是，尚未与用户的情感相互联系，存在一定的缺陷。而移动界面的设计师利用视觉体验的丰富性，创建用户以及移动界面亲和力的有效方式。因此，在移动界面实际设计的过程中，应保证美观性与合理性，提升用户的视觉体验感，增强移动界面的亲和力，有助获得用户的认可，在激烈竞争的市场环境当中脱颖而出。

1 移动界面设计中亲和力的重要性分析

一般情况下，我们所讲的亲和力，主要属于亲切感，是相互之间距离较为亲切的感觉，是人们愿意接触、喜欢接触的正能量，也属于人们的一种感觉，可以让人们第一次见面的时候就主动的接近与相处。与此同时，亲和力还是人与人、人与物形成的瞬间情感。

目前，很多人都开始重视移动客户端，某些专家在研究中认为，人们在购物的过程中，并非购买具体的物品，而是追求潮流感以及时代感，但是，很多设计师对此类观点的理解较为片面，不断针对造型以及外观进行盲目创新，利用繁琐设计方式吸引用户，导致设计效果降低。在数字媒体时代发展的过程中，移动网络已经成为人们生活中较为重要的部分，这就使得用户对于移动界面视觉设计提出更高的要求。加之人们的生活节奏变快，每天身心疲倦，内心很容易出现冷漠感，如若移动界面的设计较为混乱，会导致用户寻找信息的时间浪费，严重影响心情。那么，如何进行移动界面的设计，为用户提供友好、亲和的体验成为首要解决的问题。在界面设计的过程中，除了要保证简单性与快捷性之外，还需提升用户观赏的愉悦感，以此增强设计效果。

1.1 有助于为用户提供引导

当人们观看手机移动界面的过程中，只能依靠文字信息区分已经查看与尚未查看的新闻，需要重新观看标题才能找到之前查看的新闻继续进行浏览，会导致浪费时间，产生疲惫感，与此同时也会耗费用户耐心。而在移动界面亲和力设计之后，可以为用户清晰的标明已经观看过的内容，设计者可以利用颜色对已经浏览或没有浏览的页面进行标注，在细节设计中融入亲和力元素，能够引导用户快速对信息进行浏览，更好地进行操作引导。

1.2 有助于提升用户的愉悦感

在移动界面设计的过程中，提升其亲和力，除了可以增加便利性以外，还能为用户带来愉悦感。目前多数青年人都喜欢微博，编辑1 40字符发布信息，就可以相互分享。在微信发布信息字符方面有着数字的提示，可以结合已经输入的微博字符，将剩余的优先字数显示在文字框的右上角，用户在数字的提示之下，合理地计算已经输入的字符，在一定程度上能够全面提升移动界面设计的亲和力，通过文字以及符号的方式进行合理设计。

1.3 有助于提升用户与移动界面的亲密度

在移动界面实际设计的过程中，其具有一定亲和力，有助于为用户与界面之间提供相互零距离交流的体验，增强用户与客户端之间的亲密度。如图1所示，为饿了么的相关界面图片，其具有一定的亲和力，有助于顾客进行选择，拉近求顾客与饿了么客户端界面之间的距离;更好地体现出相关移动界面的时代感。

1.4 有助于为企业增加利润

在手机时代化发展的过程中，人们开始利用手机上网来熟知以及认识一个品牌亦或是公司。因此，移动页面的视觉设计非常重要，直接显现出公司的文化以及修养。移动界面设计具有亲和力，可以在提升用户数量的情况下，增强其对于企业的信任感与寄托感，有助于帮助企业形成良好的品牌形象，增强用户忠诚度，以此吸引更多用户消费，提升企业经济效益[1]。

2 移动界面设计中亲和力效果表达方法

在移动界面实际设计的过程中，要想更好的表达亲和力效果，就应该根据以往的经验，合理开展亲和力设计工作，全面增强移动界面设计的亲和力效果，充分发挥各方面设计方式的积极作用。具体表达方法为以下几点。

2.1 选择适合用户风格的设计方式

在用户打开相关移动界面之后，首先会注意其视觉效果，且移动界面视觉效果直接影响用户感受，是衡量移动界面是否具备亲和力的主要方式。对于移动界面的视觉效果而言，其中主要包括内容、结构与功能等各类要素，设计师可以根据用户体验、美学角度等，设计较为完整的移动界面。从而达到吸引更多用户来浏览;因此，在设计过程中，相关设计者需要制定完善的工作方案，探索出适合用户风格的移动界面设计方法[2]。

在互联网多元化发展的今天，移动界面的交互性与灵活性逐渐增强，能够为用户提供便捷浏览服务的同时，对其可持续发展也提出了很高的要求。所以在移动界面实际设计的过程中，需要根据用户特点，正确针对移动界面的风格进行设计，保证视觉效果的独特性以及亲和力，提升移动客户端辨识度。与此同时，应保证移动界面的整体性以及统一性，预防在相关页面层级之间出现脱节问题。从移动客户端整体风格来讲，需要具有一定的亲和力与完整性，使得用户可以形成深刻的印象，更好地对内容进行研究。

2.2 针对文字风格进行设计

在移动界面设计的过程中，可以将文字划分成为文本类型与图形类型的文字。对于文本类型的文字而言，很容易受到载体的影响，尤其一些非系统文字，在不同的计算机当中，所安裝的文字以及所使用的浏览器等存在差异，很容易发生文本字体丢失的现象，也可能会出现计算机当中的文字被取代的现象，这就会导致出现用户在其他电脑当中不能更好的对所使用的文本字体进行观看的现象。为了更好的预防此类问题，相关设计人员应利用计算机相关自带系统字体，以确保移动界面上面的文本能够在相关计算机中正常的显示[3]。

对于移动界面而言，在亲和力设计的过程中，文字较为重要，设计者会利用文本类型与图形类型文字相互结合的方式，可以使得用户在移动界面当中获得良好的体验。对于图形文字而言，主要就是文字的图形化，是无需编辑的文字。作为图形而言，其存在于相关的页面上，不会受到载体的影响而出现变化[4]。设计者应利用无限的想象，充分的进行设计，才能更好的进行文字创作处理，无需受到计算机系统显示的局限，有助于提升移动界面设计的灵活性。对于图形类型的文字而言，设计者可以结合移动界面主题风格、用户群体等等，合理地开展文字图形合计工作，统一字体、字型与颜色，更好地凸显出主题，提升页面的美化性，保证与用户之间相互贴近，提升整体视觉效果。例如图2所示，在阿里巴巴旗下闲置交易平台App客户端闲鱼设计的过程中，主要目标就是体现出“闲鱼”之上，不只有交易，有着共同爱好、趣味相投的人们正集结起来。在网站LOGO设计以及导航文字设计的过程中，进行了图形化的处理，除了可以凸显出文本的独特性之外，还能增强趣味性，设计效果很高，凸显出移动界面亲和力[5]。

2.3 色彩的合理应用

在移动界面任何视觉设计当中，都需要含括色彩元素，而色彩可以为用户提供较高的视觉感受，有助于充分发挥艺术设计表现力。因此，在移动界面设计过程中，色彩占有较为重要的位置，利用合理的色彩搭配方式，有助于提升其整体性与和谐性，使得用户可以体验到移动界面的流畅性，达到赏心悦目的效果。与此同时色彩属于较为直接的视觉语言，在提升移动界面亲和力方面具有较为重要的作用[6]。

对于移动界面色彩而言，应遵循系统性的原则，要求设计者在实际设计的过程中，保证配色方案与色调的协调组织性，在确定色彩的基调以后，与移动界面的配色方案相互协调，更好地进行同类色、对比色、补色等配置。一般情况下，对于移动界面色彩基调而言，主要体现在背景色以及按钮色以及重点文字等，待移动界面形成系统色彩风格之后，再向其中穿插各类颜色的搭配方式，提升移动界面视觉效果，凸显出亲和力的设计优势。例如淘宝客户端，其利用了橘红色为色彩基调，主要象征时尚，可以全面凸显出淘宝的功能。

2.4 保证移动界面的整洁有序

在移动界面亲和力设计的过程中，应首先关注其整洁有序感，遵循科学化以及与时俱进的原则，更好的对重要视觉元素进行调整，削减一些次要的元素，除了能够提升移动界面的设计效果以外，还能增强整体设计工作效果与力度，充分发挥出各方面设计方式的积极作用。首先，在实际设计的过程中，设计者应重视信息层次的处理，不可以出现层次过多的现象，保证提升移动界面设计工作水平，为用户提供良好的体验感[8];其次，在设计手法方面不可以出现重复叠加的现象，应遵循与时俱进的工作原则，创建科学化的设计与协调模式，保证设计手法的平稳性，不可以出现视觉方面大起大落的现象，以此营造出具有视觉体验亲和力的氛围，增强整体设计工作水平。在此，在设计工作中应遵循元素以及形状的合理性原则，不可以出现颜色大小与形状变化过大的现象，除了要重视移动界面设计内容的丰富之外，还需合理的开展人性化设计与亲和力设计工作，转变以往的设计方式。另外，应当降低粗线条与黑色线条的使用量，在保证设计亲和力的同时，利用正确的方式进行协调控制，充分发挥具有亲和力设计手段的作用[9]。

3 结语

在移动界面实际设计的过程中，相关设计人员应遵循科学化、与时俱进的发展原则，编制完善的计划方案，利用正确的设计手段完成相关任务，保证在合理进行移动界面设计的同时，通过正确的手段进行改革完善。

参考文献

[1]金玉，网页视觉亲和力的设计方法研究[D].2016，12（5）：122-144.

[2]孙梦阳，谢亨渊.智能产品设计中亲和力的表达[J].湖南包装，2018，v.33;No.179 （02）：55-57+79.

[3]索理，韦月月.界面设计中的图形创意方法[J].现代装饰（理论），2016，23 （10）：133-155.

[4]李曼，插画在网页界面设计中的应用价值研究[D].2016，2（4）：45-66

[5]杨东杰，闫亮亮，胡锐，高校应用“移动云课堂”提升思想政治教育亲和力探析——以中国石油大学（北京）为例[J].甘肃理论学刊，2018，No.247 （03）：25-30.

[6]张雪铭，赵晓明.设计美学在移动应用UI界面设计中的体现[J].设计，2018，11（7）：40-41.

[7]石教乐，扁平化在移动学习资源界面设计中的应用研究[D].2016，3（6）：44 99.

[8]吳振全，移动终端界面设计中的视觉元素表现[J].美术学报，2016，23（4）：234-255.

[9]李娇，移动界面中的无意识设计[J].工业设计，2017，8（3）：94-94.