设计学中视觉心理学因素的应用——以“今日头条”新闻APP界面设计为例

杜艳春

（武汉理工大学，武汉 430074）

引言

在全球信息化的时代背景下，内容充实且令人愉悦的视觉界面会使产品获得更多用户的喜爱。理想的用户界面设计能使用户与界面之间保持愉悦、简单和舒适的交流方式。一个舒适美观的新闻类APP界面设计，不仅可以提升用户的阅读体验，树立良好的品牌印象，增加企业收益，甚至还能影响到其他类APP的的设计风格。

一、设计学与心理学之间的联系

设计学是关于设计这一人类创造行为的理论研究。由于设计一直以功能性与审美性为目标，因此，设计学的研究对象便与设计的功能性与审美性有着不可割裂的关系。作为一门新兴的学科。设计学是一门理、工、文相结合，融机电工程、艺术学、人机工效学和计算机辅助设计于一体的科技与艺术相融合的新型交叉学科。

设计心理学是设计艺术学与心理学交叉而成的边缘性学科。设计心理学是属于应用心理学的范畴，是心理学理论应用于设计艺术学科的具体实践。心理学是研究人的科学，设计心理学同样如此，因此，设计心理学的研究应围绕与设计活动相关的所有的人的心理和行为来进行。而视觉心理学是基于生物学心理学之上，通过一定的理论和实践总结出来的关于人的视觉怎么样能动的影响思维的规律。视觉心理学的主要研究内容是以人眼为主体形成的视知觉规律，是从外到内的过程，不同的受众看到不同的图像，相同的受众看到不同的图像和不同的受众看到相的图像所带来的心理感受也都是不同的。现代节奏的生活使得人们的碎片时间不断增加，移动阅读的习惯也逐渐形成。在移动互联网科技高速发展的时代，新闻类客户端成为了很多人日常生活中获取新闻资讯的最重要途径之一。用户对于新闻类APP交互界面的要求在不断提高，在使用过程中其产品的交互界面设计直接影响着大众的体验感受。

二、新闻类APP界面中图标与布局的设计

在如今高度发展的互联网视觉情景下，许多图形图标已经具有了语言表达的作用，用户在多次使用图标后，会从认知上将具有该视觉形状的图形与特定的概念紧密地联系在一起。丰富多样、富有趣味的图标表现形式能够传达不同的产品理念，使产品更具吸引力的同时也给用户留下深刻的印象。

> 图1 三种类型图标

> 图2 “今日头条”LOGO

> 图3 APP中“×”图标

> 图4 “今日头条”布局

图标的设计形式有纯文形式、纯图形式以及图文并存的形式（图1），因为他们特性不同，所以其给用户的心理感受也不一样。纯文字图标是通过文字直接明了地将标识信息传递给观众，在新闻类APP的LOGO图标上就更多地采用纯文字的图标，以明确地表达出信息；纯图形式的图标可以创造独特的图像形式，使用户在多次使用后对品牌标识印象深刻，比如一些社交、银行和网络浏览器的图标主要以纯图形式来表达；图文并存的图标是将特色的图像与清楚的文字结合，能够更加准确地传达信息和宣传品牌形象，如作为APP的Icon。在用户界面中的图标设计中，可以利用人对于课题想象的基本心理规律，人在心理对客体事物所表现的形象是以原型的方式存储的，所以在回忆或者在认定物体上具有特定的规律。如“今日头条”的LOGO图标设计用红底白字，简洁化的字形简明扼要地突出“今日头条”四个大字（图2），虽然没有运用太多的设计元素，但品牌主题却得到了突出，在长时间使用后会使用户的印象更加深刻。在进行个性化推送新闻的同时每条新闻的右下角都会有一个“×”的图标，用户可以根据自己的兴趣点，对此类型的信息进行选择是否感兴趣，这样更加直观的了解用户的心理贴心用心。（图3）

设计师设计作品的过程就是利用人眼在观察影像时大脑产生的力的平衡感使受众产生放松精祌，愉悦心理的过程。平衡只是一种手段，而是通过这种能的平衡效果所构成的整体版而给人们带来视觉心理的影响。由于移动设备本身屏幕的大小有限，所以新闻APP的界面布局设计会受到制约，要在有限的屏幕空间内对屏幕中的各种元素如图标、文字、图片等进行合理地排列组合,以保证各种之间的平衡感。例如在“今日头条”这款APP中界面的整体布局十分明确，功能分类也是清晰可视。在“今日头条”界面中的文字与图片多以“文上图下”的排列方式，文字与图片左端对齐，或者“文左图右”的排列方式，在文图排列上十分的整齐、清晰（图4）。在新闻类APP交互界面的整体布局设计中，应该注重文字和图片的比例、以及各种疏密搭配的节奏，注重界面中各个元素与元素之间的呼应关系，给用户以舒适的心理感受。由于客户使用时间的碎片化，使用的状态也不固定，因此在设计中还要在注重用户在不同场景中的使用习惯，在设计中对用户持机的稳定性和手指移动的灵活性的设计也会给用户良好的使用感受。

三、新闻类APP界面中文字与色彩的设计

文字作为新闻类APP界面中的重要元素，对于信息的传达有重要的作用。文字是将信息传达给用户的一种载体，要在有限的手机屏幕中合理地将文字展现出来，需要综合考虑文字的字体、大小、间距和颜色等诸多元素的设计规范。作为一种信息载体艺术，文字设计也是与信息传播相结合的一种信息视觉设计的形式。不同的字体带给人的主观感受也是不相同的。在“今日头条”的文章中多采用简洁易辨识的黑体字体，以方便用户阅读。手机界面的文字设计具有目的性和针对性，以用户为中心，不仅需要考虑到用户在不同情境下的使用习惯，还要根据不同的主题和对象选用合适的字体，使展示的字体与展示新闻的信息相协调。在设计新闻类APP的文字时，应该以易辨识性、实用性和阅读舒适为出发点更好地为读者服务。

字体的颜色同样也是界面设计的重要细节之一。颜色是通过光作用于人眼被人的大脑所感知，遇到各种各样的颜色时，会潜意识中影响着我们的情绪。色彩不仅可以影响人们的视觉神经，还会影响体内激索的分泌，影响着人们的神经系统，以给人不同的心理感受。在“今日头条”中根据不同信息的推送程度，字体颜色的灰度深浅也有着一定的变化。其中，黑色最为普遍，突出的文字用浅蓝色或红色标识，阅读过的新闻用浅灰色标识，新闻图片下方的信息来源，其评论和时间则用了小的字号和浅灰色。这样主次分明的色彩能够很好突出信息重点，使“今日头条”APP的界面视觉更加平衡。（图5）

色彩形象是展现新闻类APP界面视觉风格的重要元素之一，不同的APP对色彩的选择不同，其展现出的视觉效果不同，给人们的心理感受也是各不相同。在“今日头条”中采用的白色为背景色，易于用户阅读。在界面上方引导栏中使用主题色、最下方的图标文字也是使用主题色大红色，界面内容区域以主题色为主，大红色的主题色，鲜艳、活泼、十分醒目；局部图标或一些小的功能图标上采用橙色与蓝色为辅助色起到点缀作用.点击某一个图标时会变成主题色红色，告诉用户此时是在这个专栏中（图6）。“今日头条”在APP上特别设置了一个可切换的白天模式和夜间模式。在夜间模式中，原有的红色标题和白色背景都加上一层灰色，使屏幕在夜间不会那么刺眼，背景颜色的变化有关灯效果使整个页面在夜晚阅读柔和，色彩也舒服简洁，贴心的设计让用户拥有更好地体验。（图7）

四、设计心理学在APP用户体验设计中的应用

> 图5 APP中字体色彩

> 图6 APP中的色彩

> 图7 APP中的夜间模式

体验表面上理解是对任何事物的感觉、知觉、情感、情绪的心理变化，而用户体验更多的是指用户在与产品互动过程中形成的体验。为了使APP的界面视觉设计更优秀，使用户有更舒适的用户体验，建议提高界面整体视觉信息的平衡感和稳定性，并注重界面中各种设计元素的面积与位置的合理性，使界面有一个相对统一和谐的视觉感受；需要站在用户的角度去思考APP的界面视觉设计，遵循一定的视觉浏览规律，进行界面元素的差异化布局，以提高用户视觉阅读效率；提倡简单、明确、高效地将信息展现在新闻类APP的界面中，在不影响信息高效传递的前提下，使界面整体设计简洁明了，以免给用户造成视觉疲劳；建议确定界面的整体化风格，新闻类APP的界面设计元素尽量规范对齐，整体设计风格统一，同时也要注重界面主次的对比性；最后建议将主题文化融入界面设计中，增加新闻类APP的品牌辨识性，以提高用户的操作效率和情感熟悉度。

在互联网市场越来越多元化、复杂化的环境下，新闻类APP界面的视觉设计不仅要满足用户们的基本型功能需求，还要注重用户的视觉与心理感受，以及审美感受来关注手机APP的界面视觉设计，不断探索界面设计的法则，对于设计出优秀的新闻界面、树立良好的品牌形象以及增加企业收益都有着重要的意义。

五、设计中心理学的实践意义

APP界面视觉设计作为移动应用产品设计中的重要部分，是产品提供更优质用户体验的重要研究方向。通过由整体到局部、由理论到实践，对新闻类APP交互界面视觉设计的发展现状、界面视觉设计元素以及界面视觉设计与用户体验之间的关系进行研究分析，从而发现其中的不足之处，并且总结出优秀的界面设计原则。“今日头条”真正地从用户角度出发，注重用户的视觉感受，整体的界面设计也简洁大方。“今日头条”在界面设计的细节上加以完善，以给用户带来更好的视觉设计感受，拓宽客户端的发展空间。在互联网市场越来越多元化、复杂化的环境下，新闻类APP界面的视觉设计不仅要满足用户们的基本型功能需求，还要注重用户的视觉与心理感受，以及审美感受来关注手机APP的界面视觉设计，不断探索界面设计的法则，对于设计出优秀的新闻界面、树立良好的品牌形象以及增加企业收益都有着重要的意义。

六、结语

在移动互联网的时代下，设计越来越影响着人们的生活，除了要注重产品设计本身的实用耐用性，现在的设计更多考虑人们精神层面的心理需求，一件优秀的艺术设计作品一定是对人的心理需求做了一定的了解和研究的结果。设计者不但要从表面的视觉审美对界面设计有一个成熟的理论支撑，更要从视觉思维、信息传播、心理学和人机交互等多方面对界面设计有更深入的研究才行。个人认为心理学在用户体验设计领域还有很大的应用空间，应该更加深入的进行探索。■