原创《手机端网页视觉设计》：这是一篇与视觉设计论文范文相关的免费优秀学术论文范文资料,为你的论文写作提供参考。
摘 要 近年来随着移动互联网与移动设备技术的蓬勃发展,人们越来越多地使用便携的移动设备上网进行信息交流行为,以智能手机为代表的移动设备正在成为网络阅读的主要载体.“网页”作为网络阅读的主要形式之一也从台式电脑的大屏幕转向智能手机的小屏幕.同时,基于HTML5技术的移动端网页技术也为网页的视听呈现方式、信息交互方式提供了更多的可能.智能手机端的阅读体验既不同于纸质阅读,也与传统的台式计算机上的网络阅读有很大差别.阅读载体的转移带来了人类阅读行为的巨大改变,方寸之间,手掌之上,手机端网页的内容架构、图文编排、字体使用、动画、交互行为都需要重新设计.移动互联网与网页技术给信息的视觉呈现方式带来技术支撑.对于手机端的网页视觉设计而言,既要适应手机屏幕的小尺寸以及由它带来的阅读行为的改变,又要最大限度地利用新技术做好信息梳理和视觉呈现,这无疑给设计师们提出了新的挑战.通过分析在移动互联网的技术背景下手机端阅读行为特点,结合最新的手机端网页技术手段,优秀设计案例,总结手机端网页视觉设计规律.
关键词 移动互联网；手机端阅读；小屏幕网页设计；屏幕阅读
中图分类号 G2 文献标识码 A 文章编号 2096-0360（2018）07-0046-08
1 研究背景
1.1 移动互联网的发展
近年来随着互联网技术的发展,全球范围内的互联网用户继续保持增长.根据2018年1月31日,中国互联网络信息中心（CNNIC）发布的第41次《中国互联网络发展状况统计报告》显示,截至2017年12月,我国网民规模达7.72亿,普及率达到55.8%,超过全球平均水平（51.7%）4.1个百分点.
随着互联网技术的发展和智能移动终端设备的普及,“移动互联网”这一将移动通信和互联网相结合的技术已飞快地进入我们的生活并服务于我们生活的方方面面,人们通过移动互联网技术实现网絡阅读、社交、购物、娱乐.越来越多的网民尤其是年轻一代的网民更多地选择使用智能手机上网,数据显示,截至2017年12月,我国手机网民规模达7.53亿,网民中使用手机上网人群的占比由2016年的95.1%提升至97.5%.
此外,移动互联网技术服务于人类生活也改变了人类很多行为方式,尤其是阅读方式的变化.移动互联网技术可以让人类随时随地接受到各类信息,而智能手机能让这些信息以文字、声音、图片、视频等各类形式呈现在读者面前.并且用户可以通过触摸手机屏幕来与这些信息互动.在今天,信息的传递和呈现变得史无前例得快速和立体.
1.2 移动端网页技术的发展
由于移动端上网在即时性上的优势显而易见,网络阅读也从台式机更多地转向了智能手机.用户一般通过两种途径在智能手机上实现网络阅读,一种是通过网页,一种是通过安装在智能手机上的软件（App）.两者在功能上各有特点,前者无需下载,直接通过手机浏览器打开,后者需要用户将软件下载到手机里,由于其本身的技术特点,手机软件在早期拥有更稳定更友好的操作体验,且可以离线
使用.
但随着网页技术的发展,尤其是HTML5（超文本标记语言的第5次修订）的制定完成,使得网页作为一种传统的网络阅读载体,在多媒体的呈现以及实现人机交互功能方面都得到了全面升级.网页上不仅可以轻松实现图像、动画、音视频的展示,还可以通过手机触摸屏、手机重力感应器、手机摄像头、话筒实现人机交互.
同时,网页相比手机软件在信息的传播分享和对硬件平台的兼容性上有了独特的优势,随着移动互联网技术的继续发展,这一优势也会越来越明显.
1.3 手机端网页应用现状与案例分析
由于手机端网页（以下简称网页）拥有在移动互联网上的传播优势,使它更多地运用于广告营销、新闻报道等领域.为了吸引用户打开网页阅读,在基于HTML5网页技术的广告设计中往往利用其在多媒体呈现和人机交互上的技术特点,通过图形动画、音视频演绎一个故事,并根据故事情节的发展在其中加入有趣的交互环节,从而加深用户对广告内容的印象.
图3是一组用于宣传一款手机支付软件的网页,该系列网页在首屏设计了一个模拟点钞的交互环节,用户可以通过手指滑动屏幕上的点钞机,点钞机上的钞票也会随着手指的触摸滑动飞出,配上真实的音效,在手机屏幕上真实再现了点钞过程,这一环节的设计无疑增添了网页的趣味性.后续又通过风格独特的图形动画演绎了一场餐厅结账的闹剧,并在故事的结尾引出广告产品,留下了产品下载按钮.该组网页充分利用了手机端网页的技术特点结合了独特的画面风格和有趣的交互体验给人留下深刻的印象.
与广告类网页不同,新闻报道类网页除了体现趣味性的同时,更注重于真实事件的再现.在这类网页中往往嵌入来自新闻事件中的真实声音和影像.图4是一组以回顾MH370航班失联事件为主题的新闻类网页,该系列网页采用了冷峻写实的整体视觉风格,在通过动态图像展示失联航班的航线和搜救路线的同时,嵌入了来自新闻事件第一现场的声音.该系列网页通过写实的视觉风格和真实的声音营造了新闻事件的现场感和与主题相符的沉重
气氛.
图5所示的是总理记者会新闻网页,该网页展示了记者会现场金色大厅的全景画面,当读者用手指左右滑动手机屏幕时,前排记者与主席台是
2︰1的视差滚动,从而增加画面的空间感.当画面经过主席台左右两侧的壁画时,原本静态的壁画会活动起来.当滑动到特定区域时,会有记者举手提问并出现关键词,点击关键词进入总理的问答页面,问答页面中除了有总理回答记者的完整文字稿还有原音重现.该网页通过第一视角的场景还原和特色的交互效果带给读者很强的参与感.
1.4 移动端网页用户行为分析
由于基于移动端网页的阅读受到内容、网速、手机硬件、网页架构和界面布局等多方面的影响,使其用户在阅读行为上有明显的特征.根据来自腾讯市场部的《移动端网页用户行为报告》显示,移动端网页的用户阅读行为主要有以下特点.
视觉设计论文参考资料：
结论：手机端网页视觉设计为适合视觉设计论文写作的大学硕士及相关本科毕业论文，相关视觉设计开题报告范文和学术职称论文参考文献下载。
