新闻类APP研究设计
摘 要
　　随着移动通信技术迅速发展和移动互联网快捷传播信息的普及，智能手机已经走进我们的生活甚至改变我们的生活，社交APP、商务类APP等层出不穷，新闻移动客户端作为提供各类信息的主要渠道已经成为信息传播的主要媒介之一。
　　传统的媒体新闻已经被大部分读者淘汰，大的部分的传统新闻媒体已经被新兴的软媒所取代，然而因为软媒的兴起导致很多开发公司纷纷复制开发，不同的新闻APP界面，功能抄袭严重，并且植入大量的广告，使得新闻不再纯粹。本款APP的设计就是利用现今社会中大部分软媒APP的痛点进行放大加以设计，做到当日事实时报道不重复推荐，随时随地呈现出新鲜资讯并在使用中并不添加合作广告。为适用于各类人群，结合现代人生活习惯情况，特开设听新闻这个功能，让每一位读者每天打开APP都可以以播放的形式关注头条新闻。通过对UI界面的设计，结合大家所需，在功能上不断改进页面上不断优化，只为让更多人以最轻松的方式关注新闻了解最新实时动态，吸引更多读者朋友让大家在繁忙劳累的生活中，解放你的双眼，释放你的双手爱上新闻。
　　本文概述了UI设计的现状以及设计趋势，并对产品的制作过程进行研究分析，和设计定位说明，对页面设计不断改进，后期对产品的界面功能进行不断修改和完善，为得以更好的展示并制作衍生品。
关键词：新闻资讯；UI设计；手机APP；新闻类APP软件；页面设计
App Design for Hearing News
ABSTRACT
　　With the rapid development of mobile communication technology and the popularization of fast information dissemination on mobile Internet, smart phones have entered our lives and even changed our lives. Apps such as social APP and business APP have emerged in an endless stream. News mobile client, as the main channel to provide all kinds of information, has become the main media of information dissemination. One of them.
　　Traditional media news has been eliminated by most readers, and most of the traditional news media have been replaced by new software media. However, because of the rise of software media, many development companies have duplicated and developed one after another. Different news APP interfaces have serious function plagiarism, and a large number of advertisements have been implanted, which makes news no longer pure. 。 In order to apply to all kinds of people, combined with the living habits of modern people, the function of listening to news is specially set up, so that every reader can open APP every day to pay attention to the headlines in the form of broadcast. Through the UI interface design, combined with your needs, constantly improve the functionality of the page optimization, in order to let more people pay attention to the news in the most relaxed way to understand the latest real-time dynamic, attract more readers and friends so that you can in the busy and tired life, liberate your eyes, release your hands in love with the news.
　　This paper outlines the current situation and design trends of UI design, studies and analyses the production process of the product, and explains the design orientation, improves the page design, and modifies and improves the interface function of the product in the later stage, so as to display and produce derivatives better.
　　Key words: news information; UI design; mobile app; news app software; page design
目 录
摘 要I
ABSTRACTII
第一章 绪论1
1.1 新闻的研究背景1
1.2 研究新闻的目的以及意义对象1
1.2.1 研究的目的1
1.2.2 研究的意义1
1.2.3 研究的对象1
第二章 听闻UI设计的概述与调研分析3
2.1 UI设计的概念3
2.2 听闻UI设计的研究方向3
2.2.1 市场概况3
2.2.2 竞品分析4
2.2.3 思维导图4
第三章 UI设计过程6
3.1 logo设计6
3.2 UI的界面设计7
3.2.1 引导页7
3.2.2 首页8
3.2.3 视频9
3.2.4 听闻10
3.2.5 我的11
3.2.6 登录界面12
3.2.7 发布界面设计及功能介绍13
第四章 衍生品14
4.1 明信片14
4.2 钥匙链14
4.3 画册展示15
第五章 结论16
参考文献17
致谢18
第一章 绪论
1.1 新闻的研究背景
　　随着信息科学技术的发展和进步，新闻传播不再是依赖单一传播方式，开始发生转变。传统的新闻媒介比如电视，报纸，杂志等展示的新闻内容虽然会有不同的强调程度，但是对读者而言，无法满足个人的引导需求，比如对某个议题产生的兴趣无法获取更多信息，更无法讨论和深入了解，只能接受所报道的内容。然而新型媒介将会通过读者的信息需求达到设定效果满足读者[1]。从而帮助人们更加理解新闻事件的来龙去脉。在一篇报道中，观众同样关心的是新闻背后的新闻，即新闻的背景，这些都是新型媒介能够满足的。
1.2 研究新闻的目的以及意义对象
1.2.1 研究的目的
　　随着社会通信技术的发展和互联网的更新，手机从最初的接收消息为主的通讯设备发展成为今天功能强大的智能设备，目前市场上主流手机的系统有IOS，Android等，每个系统的背后都有着自己独立的移动应用市场，新闻移动客户端作为各类信息的汇集地，为读者在各个不同的渠道获取一手的新闻资讯，新闻APP客户端已经成为人们接收当代社会实时新闻消息的一个必不可少的途径，并且随着网络的不断更新换代，随处可用的无线网络和5G的即将出世，新闻消息中无论是文字，图片，还是视频都可以更快速的给人们传递最新的新闻动态。
1.2.2 研究的意义
　　对于现今生活节奏的快速化，大家关注新闻的方式从之前的传媒发展到了软媒，而且关注新闻的时间也变得越来越少了，但是人们对新闻的渴望程度还是不减的，所以本款APP要做到的就是在人们的零碎时间中可以带给人们更多的新闻资讯，通过设计此款“听闻“新闻类APP为更多的人带去实时的新闻资讯。
1.2.3 研究的对象
　　新闻阅读的受众人群比较广泛。年轻人，中年人老年人都会关注新闻。而且，大家关注的点有相同也有不同。比如，学生会关注一些娱乐，游戏的最新消息。中年人比较爱关注政治，实时发展。老年人比较爱关注军事新闻。所以，根据受众人群设计APP也是一个至关重要的点。现在新闻APP分为很多种类，基于内容属性的类型：综合新闻类、专业资讯类和聚合阅读类。 基于内容类别的分类：时政类、财经类、科技类、娱乐类、体育类类和但是共同点是，随着生活节奏逐渐加快，面对忙碌的生活，人们抽出碎片化的时间去关注新闻，所以一定要确定新闻一定要够吸引人眼球。故新闻的时效性很重要，是新闻的生命，对时间敏感的表现使新闻的价值得以体现。互联网上移动应用的另一个明显特点是，它可以通过分析大数据来理解人们对阅读兴趣的分析。新闻门户应用可以根据用户对阅读新闻类别的兴趣来发布和推送你喜欢和感兴趣的新闻内容。让你总能得到你喜欢的新闻，这也会增加人们使用新闻门户应用的粘性[2]。而且现在新闻APP互动性变得也更强了，当人们使用新闻门户APP观看新闻时，他们也可以对新闻内容发表意见。用户可以通过APP拍摄上传他们周围的一些意想不到的新闻事件，以增加新闻内容。人们在新闻内容领域相互交流，这样人们可以更全面地理解新闻内容。
第二章 听闻UI设计的概述与调研分析
2.1 UI设计的概念
　　UI设计就是指用户界面设计。界面设计，首先要进行深入用户分析，其次要设定合理交互方式，最后能做到提示和引导用户。界面设计遵循以下几种原则：一致性：设计目标一致、元素外观一致、交互行为一致；界面元素对象化：建立规范的设计和标准的文档管理；可用性原则：易理解、可达到、可控制；想要进行界面开发设计的第一步就是用户分析，因为用户是软件界面的使用者，我们必须了解各类用户的使用习性，以及他们的需求，为交互设计提供参考依据，使其能更加适合各类用户。
2.2 听闻UI设计的研究方向
　　UI设计是指对软件的界面设计，根据大部分操作者的操作逻辑与软件的人机交互进行软件的整体设计。UI设计分为两种，一种是实体UI，另外一种是虚拟UI。虚拟UI即是网络互联网UI[3]。国内的UI工作者大部分都是从事图形设计，主要工作内容是设计软件的界面以及提高软件用户人群的操作体验。UI设计师需要研究APP界面，研究用户心理需求和用户的操作逻辑。在设计师把产品设计好后还需要用户测试，测试方法一般以用户调查的方式来检测此款设计的合理性，此举动可以大大减小企业的风险。根据大众的审美进行评判，不会因为设计师和公司职员的审美来判断。
2.2.1 市场概况
新闻资讯类APP：
　　IOS端：根据单位时间下载量的分析，今日头条位列第一，其次为，趣头条、腾讯新闻、新浪新闻、凤凰新闻、ZAKER和一点咨询、网易新闻排名[4]。
　　安卓端：从安卓应用宝排名看，腾讯新闻位居第一，其次是新浪新闻、今日头条、天天快报、网易新闻、凤凰新闻、搜狐新闻。
　　综合来看，今日头条、腾讯新闻、凤凰新闻、网易新闻、ZAKER、新浪新闻、天天快报、一点咨询、搜狐新闻、趣头条覆盖了移动端新闻资讯市场规模比较大，也是后续竞品分析的重点APP[5]。
2.2.2 竞品分析
　　根据现有市场情况分析，今日头条、腾讯新闻皆稳定占据榜首，网易新闻排名5、6左右，为了分析全面，取三者进行竞品分析。
　　首先，这三种新闻资讯类APP其功能上的侧重点不同，腾讯新闻的基本功能是所有APP里最全面的，基本包含今日头条和网易新闻的所有功能，除了今日头条的通讯录功能和网易新闻的内容榜单功能，同时具有其他两个APP没有的游戏入口，充分利用新闻资讯和游戏的联动，同时有着丰富的内容形态，包括专题、直播等[6]。今日头条虽然在订阅号、积分体系、话题等功能上没有突出优势，但在个性化内容推荐方面比较突出[8]。网易新闻有丰富的内容形态，一是自媒体品牌的投资，建立原创内容品牌壁垒（讲讲、跟贴、网易号等），为用户带来多元化体验。二是和内容创作者的合作：智能分发、原创保护、流量补贴、平台功能、粉丝转化、大数据挖掘、品牌推广、商业化变现等[10]。
2.2.3 思维导图
　　听闻是一款贴近用户生活方便用户体验的综合资讯客户端平台。同时为了满足现代新闻资讯类APP的现状和未来发展趋势，听闻会不断跟进新的功能和最佳的页面展示（如图2.1）。

图2.1 听闻思维导图（图片来源：自绘）
第三章 UI设计过程
3.1 logo设计
　　Logo（徽标）是产品重要的图形标志，是产品视觉形象设计的核心。它能够起到产品的识别和推广的作用，为产品提供一个更有效，清晰的市场形象，使消费者能够对产品产生印象，可以说是产品的代表。所以logo的制作是至关重要的。听闻APP的logo制作有如下3个方案：
3.1.1 听闻Logo方案一
　　两个news的重叠设计，因为英文news有”新的”和“新闻”两个词义，左上角的top表示头部，顶部，结合起来就是新的头条新闻，虽然这个方案很符合产品主题，但是因为受众人群过广，考虑到一部分人群不能瞬间识别产品的用途，所以这个方案不可行（如图3.1）。

图3.1 听闻logo方案1（图片来源：自绘）
3.1.2 听闻Logo方案二
　　随着产品的思路愈发清晰，主题和功能都得到了完善，听头条，听新闻结合取之听闻，将产品命名为“听闻”APP,为了更加表明主题，使其明确，简洁一目了然，logo直接用听闻两字展示，结合其他同类产品例如今日头条网易新闻的logo均用纯红色为背景吸引人眼球，为了突出听闻的个性化并便于识别特点，logo的背景用红色的印章，古往今来，印章是权力、身份的象征；是责任、信用的体现方式，符合新闻这种主题正规严谨可信的特点（如图3.2）。

图3.2 听闻logo方案2（图片来源：自绘）
3.1.3 听闻Logo方案 三
　　在方案二的基础上，选择了更加恰当的字体隶书，红白结合干净明亮，特加深红色投影增强其立体感。此方案为最终定稿方案（如图3.3）。

图3.3 听闻logo方案3（图片来源：自绘）
3.2 UI的界面设计
3.2.1 引导页
　　引导页是和产品首页的一个过渡页，是可以帮助用户直观了解产品的一种方式，也是产品宣传和推广的一种手段。因为是新闻类APP，更加需要简洁明了的展示，结合其他同类APP引导页特点，所以我设计的是比较常规的引导页：品牌色+logo+名称+slogan，一种静态表现方式，没有广告和活动的干扰（如图3.4）。

图3.4 听闻引导页（图片来源：自绘）
3.2.2 首页
　　首页设计是整个软件设计的核心，可以展示给人们这款APP的主要功能和特点，首页界面的体验就会影响到用户对产品的后续体验。新闻类APP大多采用精简的布局，展现频道，搜索，新闻banner等入口。所以我们也采用了入口导流型的首页界面设置[7]。为了给用户良好的视觉效果和方便制作后期的完善，所以界面设计要保持统一，设计规范是非常重要的。首先，页面尺寸大小统一为1080*1920,首页长度设计延申。字体正文14号，颜色#FFFFFFF，标题字号颜色，APP色彩规范，icon规范，点击前后状态。首页的功能，搜索栏颜色均统一（如图3.5）。

图3.5 听闻首页（图片来源：自绘）
3.2.3 视频
　　视频现在已然成为新闻类APP不可缺少的重要组成部分。本产品也融入了新的视频元素——直播（如图3.6）。

图3.6 听闻视频（图片来源：自绘）
3.2.4 听闻
　　听闻是此产品的核心功能，随着生活节奏加快，工作压力大，用眼用脑过度，为了更加方便受众人群，在各类环境下都能了解最新资讯，所以特设听闻这个功能。（如图3.7）。

图3.7 听闻页面（图片来源：自绘）
　　首先在未选择的状态下会自动播放所推荐的视频，导航栏中包括各个栏目，点击右上角展开即可，现有一些常用导航，根据地区播放，如定位黑龙江，即可播放黑龙江省内新闻，可细化到市级地区。同时也增添BBC栏目，可以听英文的新闻，短文等，还有FM调频栏目，还原70年代的收音机功能，还可以听音乐，听车友分享经验，睡前听助眠文章等等，本产品结合了一系列关于听的功能。
3.2.5 我的
　　我的界面里包含的功能较多，将此款APP附加功能，例如：签到、我的关注、收藏、历史记录等功能都放在我的这个标签中。收藏功能：用户觉得有价值的内容（如文章、专题、跟贴），可选择收藏；签到：每日签到，得金币的积分体系；我的公益：1阅1捐的阅读公益体系；我的钱包：游戏充值、钻石购买、、VIP特权、Q币充值、答题赢钱等功能；左上角有夜间模式,切换方便，保护视力；小游戏：益智类游戏，缓解工作压力，娱乐健脑（如图3.8）。

图3.8 听闻我的（图片来源：自绘）
3.2.6 登录界面
　　登录界面：登录/注册是每个APP必不可少的环节，应让用户操作简单并感到登录安全。因为程序会记住登录，虽然登录界面出现的次数较少，但是也非常重要。左图是第一版设计的登录页面，虽然简洁但是没有新意，而且有一些细节处理不恰当，比如水槽颜色深，排版乱。右图是完善后的设计，背景根据季节产生变化，比如此图就是春季下载此软件登录界面显示排版和布局也较为清晰（如图3.9）。

图3.9 登录界面方案（图片来源：自绘）
3.2.7 发布界面设计及功能介绍
　　在没有认证的情况下，为了保证不影响社会秩序，传播虚假消息的行为发生，暂时不能发布文字消息。相比之下图片和视频更具有真实性，但是在上传过程中也会通过审核，才可以发布，防止有不良信息和淫秽视频的发布，确保网络安全（如图3.10）。

图3.10 听闻发布（图片来源：自绘）
第四章 衍生品
4.1 明信片
明信片的设计根据登录页主题，春夏秋冬（如图4.1）。

图4.1听闻明信片（图片来源：自绘）
4.2 钥匙链
使用听闻的logo，其他颜色图标处理（如图4-2）。

图4.2听闻钥匙链（图片来源：自绘）
4.3 画册展示
画册样机展示和衍生品的展示（如图4.3）。

图4.3听闻展示画册（图片来源：自绘）
第五章 结论
　　新闻本身的意义就是为了传递人们所关注的信息，无论是从电视中，收音机中，还是报纸手机中，越来越多的人不分年龄不分地域都在关注全国乃至全球的新闻报道；然而选择阅读新闻的媒介早已更新换代，从最开始的纸媒到现今的手机APP，人们对新闻的需求量也越来越大，每日一报导到现在通过APP即可实时看新闻，实时发送报道。但是随着软媒的兴起，APP的复制也在逐渐增多，没有创新；在本次设计中，“听闻APP”的亮点就在于不但可以看新闻，还可以做到听新闻，戴上耳机听世界。把新闻内容做到灵活化是本次设计的初心，让人们可以随时随地获取新鲜的新闻咨询，在界面设计方面“听闻APP”也会给用户带来眼前一亮的时间享受，简单明了让用户更加节约时间，满足用户更快速的获取新鲜的新闻咨询。希望听闻能带给大家更多所需要的，能够与时俱进，努力做大做好。
参考文献
[1] 李莹.APP界面视觉设计艺术的探究[J].电脑迷,2016-8-9.
[2] 沈晖.基于扁平化的移动学习APP界面设计[J].电脑知识与技术,2016
[3] 付昕.基于用户体验的智能手机APP界面设计研究[J].中国高新技术企业,2016,
[4] 陈龙,张建平.论移动端应用程序的界面设计方法与发展方向[J].现代装饰(理论),2016.
[5] 钱利颖,汤程心.古镇旅游APP界面可用性研究[J].设计,2017(09);154-155.
[6] 孙瑞.智能设备中电子阅读APP界面设计研究[J].出版广角,2018,(03):49-51.
　　[7] 迟瑞丰,汤雨墨,李慧斌.构建老年人智能手机APP界面用户体验研究[J].中国高新技术企业,2016,(15):13-15.
　　[8] 明兰.基于用户体验的旅游景区APP界面设计研究[J].科技资讯,2015,(32):187-189.
　　[9] 徐孟瑾,朱华.极简主义在APP界面设计中的原则探讨[J].设计,2016,(07):30-31.
　　[10] 郝颖婕,郁舒兰.基于iOS系统手机APP界面设计研究[J].2016,(04):70-71.
[11]张欣悦.App开发中的UI设计技巧[J].电脑知识与技术,2016,(02):82-83.
　　[12] Chen Long and Zhang Jianping. On the Interface Design Method and Development Direction of Mobile Application Programs [J]. Modern Decoration (Theory), 2016, (02): 82-83.
　　[13] Ma Yumei. Application of Humanization in APP Interface Design [J]. Modern Decoration (Theory), 2016, (01): 9-10.
　　[14] Chen Xueying. Design Research of Simplicity Style in App Interface of Children's Games [J].Art Education Research, 2016, (01): 95.