图形界面美学下的移动新闻客户端GUI设计探索

王苗苗，王泳力

（中央民族大学 美术学院，北京 100081）

一、移动新闻客户端的GUI设计定位与用户需求

移动新闻客户端的GUI设计核心是以用户需求为中心，能够引导用户更好地交互是GUI设计的关键所在。新闻资讯类APP是传统媒介、PC新闻网站发展演变的第二代移动互联网产品，带有传统信息门户的基本属性，为用户提供新闻资讯等信息。GUI设计将程序化语言转变为可视化语言，个性化地呈现客户端的信息。生活节奏的加快，用户使用移动产品的时间变得碎片化、多样化。移动新闻客户端顺势融入人们的生活，这类APP的界面设计的初衷是回归到用户体验。移动新闻客户端的出现，用户需求又有了新的发展，衍生出了娱乐、社交、分享等个性化需求。那么GUI设计也顺势发展，以满足用户的更多期待，更好地为用户提供专业的场景化、碎片化服务。

总的来说，新闻客户端分为三大类：

门户为主的移动新闻客户端，以传统的互联网门户网站为基础，利用其市场优势，进入新闻客户端市场；聚合类新闻客户端，以网络中已经存在的新闻内容为主要新闻来源，通过整合相关新闻内容，为用户推荐有价值的新闻信息；传统纸媒等推出的客户端，为了满足部分用户对某一个领域的新闻信息需求。

二、移动新闻客户端的设计特点

过去的手机GUI设计以人为本而展开，强调视觉界面冲击力，并以象征性的图形设计贯穿整体。之后的一次风格变革，从拟物化设计到扁平化发展，以更少的按钮和选项让APP界面看起来更加干净整洁，可以更简单地将信息展示出来，减少认知障碍。目前这种扁平化设计风格广泛应用于新闻资讯类APP的界面设计之中。

从移动新闻客户端的图形界面GUI设计来看，影响布局美观的因素有元素之间的平衡感、比例美感、简洁性、节奏感。平衡即各元素之间分布是否均衡，用户的阅读是否会产生视觉上的疲劳感以及它的对称性。界面的比例美感是以人在阅读习惯中对美的认知为基准而采用的差异化布局，从而有效地提高阅读效率。界面的紧密关系和复杂程度是衡量界面简洁性的标准，做到界面简洁，以减少用户的认知障碍。节奏感需考虑界面整体元素布局，在同一界面中尽量将各个元素的大小比例做到均衡，进行规范对齐以及归纳组合的妥善处理，从而使用户得到更好的交互。

移动新闻客户端界面设计的图形语言应用，将专业术语转化为更容易识别的图标语言，应该采用用户最熟悉的图形表现形式。界面作为人机交互的信息传达者，需最大限度地减少用户的认知障碍，节约用户对信息识别的时间成本。

三、移动新闻客户端的GUI设计案例分析

文章以2018年第一季度主要手机新闻资讯类客户端用户覆盖率排名前三的今日头条、腾讯新闻、UC头条为例来分析它们的GUI设计。

（一）移动新闻客户端的GUI设计的图标应用

＞ 图1 移动新闻客户端图标设计

＞ 图2 移动新闻客户端欢迎页面 从左向右依次是：今日头条 腾讯新闻 UC头条

＞ 图3 移动新闻客户端主页面 从左向右依次是：今日头条腾讯新闻 UC头条

＞ 图4 2018年Q1手机新闻客户端用户偏爱的新闻资讯形式

＞ 图5 移动新闻客户端的看图模式

移动新闻客户端的GUI图标，包括系统图标和应用图标。从符号学的角度来看，图标与图标之间、图标与背景之间都有着内在的情感化的联系。这些图标不仅仅是外在的图形展示，更是每一款应用个性化的体现、情感的传达。基于用户的阅读习惯，对界面的图标、界面以及功能排列进行合理布局，使界面更加简洁直观、轻松易懂。

在对扁平化图标和拟物化图标的倾向选择调研来看，78.69%的用户认为扁平化图标的可读性更好，能容易提高用户的点击欲。70%以上的用户认为扁平化的图标设计更清晰易懂，更有美感。因此目前的APP选择扁平化设计的居多，更容易提高用户的点击行为和审美体验。（数据来源：智能手机GUI设计要素对用户体验产生的影响。）

如图1所示，界面图标分别是今日头条、腾讯新闻、UC头条的图标设计，今日头条的图标以“头条”的字体设计为主，配合有视觉冲击力的红色，让用户对该应用轻松易懂。腾讯新闻的图标以腾讯特有的企鹅图形为中心，搭配红黄绿的配色，大气沉稳。UC头条以鹿的造型为主要图形元素，坚持做“信息流中的一股清流”是UC头条的愿景，亦是设计中秉承的原则，更具亲和力。其轻松活泼的辨识度、严谨的图形设计，不仅可以较好地识别其功能应用，而且具有情感化的视觉表现力。

（二）移动新闻客户端的GUI设计的色彩应用

打开APP首先进入欢迎界面，这一部分主要是用于同步服务端的数据，另一方面也可以通过个性化的欢迎界面引导用户进入APP的主页面。不同风格的GUI设计带给用户不一样的感官体验，包括色彩印象、字体设计、图形设计以及版式设计。如图2所示分别是今日头条、腾讯新闻、UC头条的欢迎界面设计。

关于移动新闻客户端的色彩应用，今日头条的欢迎界面以白色为主，主页面以白色和红色为主；腾讯新闻的欢迎界面以灰色为背景色，主页面以白色为主，按钮点击后呈现蓝色；UC头条以白色为主，按钮点击后的色彩切换为黄色。可以看到腾讯新闻和UC头条的顶部背景为净白，克制的设计让界面退居于内容之后使阅读更纯粹。三者的共同之处是均以相同的颜色来表现同一类别的图标，整体感强，视觉效果统一和谐。（图3）

（三）移动新闻客户端的GUI设计的界面布局

进入APP首页主页面，可以看到首页界面均由顶部搜索框、菜单栏、中央新闻资讯列表、底部功能按钮组成。界面设计简洁、板块分布清晰明了。对比发现，腾讯新闻和UC头条的底部图标更往中间聚拢，以便拥有大屏手机的用户更容易点击。

用户最喜爱图文结合的新闻资讯形式，比达咨询（BigData-Research）数据显示，2018年第一季度手机新闻客户端用户偏爱的新闻资讯形式分布中，图文结合的资讯形式最受用户喜爱，占比61.2%位居第一（图4）（数据来源：比达咨询〔BigData-Research〕数据中心）。可以看到，今日头条、腾讯新闻和UC头条均采用图文结合的信息流呈现方式。有上部标题下部大图显示、三图显示、左部标题右部单图小图显示多种方式呈现，统一之中有变化。整体信息饱满、条理清晰、易于阅读。

UC头条精美的看图模式，仿佛在看杂志封面。（图5）

四、移动新闻客户端的GUI设计的未来展望

移动新闻客户端因其实效性、便携性、媒体性以及交互性等成为人们了解世界的窗口。这类APP的发展，改变了人们获取信息的传统方式。当这种新型互联网方式普及之后，设计师更应该考虑其交互性和个性。如何读懂用户交互需求，构建个性化平台，优化图形界面设计，产生优质化内容，这是当前移动新闻客户端留住用户的关键所在。在设计过程中，设计师要注重整体APP的框架搭建、板块功能组合，做到主次分明，信息清晰明了；其次了解用户需求，从用户体验出发；最终回到视觉设计中，也就是品牌形象的塑造，提升阅读体验。

设计师不断从用户的使用习惯去分析他们的选择偏好，从用户的行为数据分析其兴趣所在，探索不同的色彩偏好以及图形界面对用户的交互影响，从而实现以人为本的设计理念以增加移动新闻客户端的用户黏性。移动新闻客户端的GUI设计核心是用户体验，未来将不断完善GUI设计美学的方法体系，并在图形界面设计领域进行拓展性研究，探索其进一步的设计理念的普适性和可能性，为GUI设计师在设计工作中提供理论参考依据。■