关于移动终端界面设计中底部导航的应用研究
发布时间:2021-02-09 19:23
移动终端或者叫移动通信终端是指可以在移动中使用的计算机设备,广义的讲包括手机、笔记本、平板电脑、POS机甚至包括车载电脑,但是在大部分情况下是指手机或者具有多种应用功能的智能手机以及平板电脑。本文主要是从狭义上来探讨手机App底部导航的应用方式,App是Application的缩写,应用程序的意思,简称应用,一般情况下是指手机软件,就是可以安装在手机上的软件。移动终端App是指在智能移动终端上运行的第三方应用程序。本文主要针对iOS系统,即苹果公司的移动操作系统的手机端App界面设计中底部导航的应用做了研究。在这个信息化时代,移动互联网的迅速发展给人们的生活带来了非常大的变化,移动终端的发展也随其不断演变,此时媒介就在人们对各种信息的搜集选择方面有着相当重要的作用。目前,国内外对于信息系统界面的导航研究相对较少,对于移动智能终端界面设计中的底部导航的研究更是鲜有,而传统的导航设计模式又存在着许多问题。本文主要采用了经验总结法和个案研究法这两种研究方法。首先,分析了移动App的导航类型以及他们所遵循的原则,并结合底部导航自身的特点总结出底部导航应该遵循的原则;其次,本文为了更好地提升人机...
【文章来源】:福州大学福建省 211工程院校
【文章页数】:88 页
【学位级别】:硕士
【部分图文】:
研究框架
导航分布位置和形式的不同,将其分为九种模式,分别是标签栏模式、树状模式、??平铺页面模式、组合模式、模态视图模式等、抽屉模式、沉浸模式、卡片瀑布流??模式等这九种(图2-1),接下来分别介绍这几种模式,由于相比较而言前六种??比较常用,本文主要详细介绍前六种导航模式。??參??龜??W??图2-1手机Aro导航模式分类??图片来源:自绘??13?Robin?Williams茗.苏金国等译.写给大家看的设计书[M].北京:人民邮电出版社,2010.??9??
??第一种是标签栏模式(图2-2)。它是属于底部导航的一种,它通常会在手??机屏幕的顶端或底端横排出现一组导航项,点击任意一个导航会快速更换到对应??的界面,每一个导航项有寓意图标或文字或二者结合的方式来表达此导航栏的功??能,用户点击到相应的页面时,此导航项一般会用颜色或大小等与其他导航项加??以区分,以代表当前所在位置。此导航模式在移动终端中是常见的一种模式。??网易云音乐手机客户端(图2-3)的底部导航便是使用的标签式导航,用户??可以在“发现音乐”、“我的音乐”“朋友”、“账号”这四个导航项之间随意??切换,进入首页时可以看到“发现音乐”的导航项颜色更白更显眼,而另外三个??导航项的颜色一致,以此来区分并表示用户当前所在位置;支付宝手机客户端(图??2-4)也是用的这种导航模式
【参考文献】:
期刊论文
[1]为什么APP菜单都放在底部[J]. 马越. 计算机与网络. 2017(04)
[2]基于用户认知特点的移动终端APP界面设计[J]. 杨洁. 传媒. 2017(04)
[3]谈思想政治工作对社会工作的原理和方法的借鉴[J]. 陈时高. 山西青年. 2013(20)
[4]智能终端导航软件的用户体验分析及评测方案[J]. 聂蔚青,刘臻,来志京. 电信网技术. 2013(10)
[5]移动应用界面导航视觉模式的分类及其视觉元素设计[J]. 王愉,杨乐. 北京印刷学院学报. 2013(03)
[6]用户体验在Web界面导航交互设计中的意义[J]. 何清俊. 包装世界. 2013(03)
[7]网站导航设计对用户体验的提升作用研究[J]. 唐芸莉,吕悦宁,谭坤. 科协论坛(下半月). 2013(05)
[8]交互设计在移动终端应用中的实施原则[J]. 杨乐,李雨濛,宫颖. 神州. 2012(32)
[9]认知过程的格式塔感知基础[J]. 孙宁. 考试周刊. 2012(12)
[10]从锦上添花到缺一不可——产品中的“交互设计”[J]. 李文锦. 工业设计. 2011(12)
硕士论文
[1]基于信息技术环境下的地理课程实践研究[D]. 张伟.华中师范大学 2013
[2]基于网页界面视觉艺术元素的分析与研究[D]. 兰岚.湖南大学 2009
[3]基于QFD与TRIZ理论的人机工程设计[D]. 徐晓亮.合肥工业大学 2008
本文编号:3026112
【文章来源】:福州大学福建省 211工程院校
【文章页数】:88 页
【学位级别】:硕士
【部分图文】:
研究框架
导航分布位置和形式的不同,将其分为九种模式,分别是标签栏模式、树状模式、??平铺页面模式、组合模式、模态视图模式等、抽屉模式、沉浸模式、卡片瀑布流??模式等这九种(图2-1),接下来分别介绍这几种模式,由于相比较而言前六种??比较常用,本文主要详细介绍前六种导航模式。??參??龜??W??图2-1手机Aro导航模式分类??图片来源:自绘??13?Robin?Williams茗.苏金国等译.写给大家看的设计书[M].北京:人民邮电出版社,2010.??9??
??第一种是标签栏模式(图2-2)。它是属于底部导航的一种,它通常会在手??机屏幕的顶端或底端横排出现一组导航项,点击任意一个导航会快速更换到对应??的界面,每一个导航项有寓意图标或文字或二者结合的方式来表达此导航栏的功??能,用户点击到相应的页面时,此导航项一般会用颜色或大小等与其他导航项加??以区分,以代表当前所在位置。此导航模式在移动终端中是常见的一种模式。??网易云音乐手机客户端(图2-3)的底部导航便是使用的标签式导航,用户??可以在“发现音乐”、“我的音乐”“朋友”、“账号”这四个导航项之间随意??切换,进入首页时可以看到“发现音乐”的导航项颜色更白更显眼,而另外三个??导航项的颜色一致,以此来区分并表示用户当前所在位置;支付宝手机客户端(图??2-4)也是用的这种导航模式
【参考文献】:
期刊论文
[1]为什么APP菜单都放在底部[J]. 马越. 计算机与网络. 2017(04)
[2]基于用户认知特点的移动终端APP界面设计[J]. 杨洁. 传媒. 2017(04)
[3]谈思想政治工作对社会工作的原理和方法的借鉴[J]. 陈时高. 山西青年. 2013(20)
[4]智能终端导航软件的用户体验分析及评测方案[J]. 聂蔚青,刘臻,来志京. 电信网技术. 2013(10)
[5]移动应用界面导航视觉模式的分类及其视觉元素设计[J]. 王愉,杨乐. 北京印刷学院学报. 2013(03)
[6]用户体验在Web界面导航交互设计中的意义[J]. 何清俊. 包装世界. 2013(03)
[7]网站导航设计对用户体验的提升作用研究[J]. 唐芸莉,吕悦宁,谭坤. 科协论坛(下半月). 2013(05)
[8]交互设计在移动终端应用中的实施原则[J]. 杨乐,李雨濛,宫颖. 神州. 2012(32)
[9]认知过程的格式塔感知基础[J]. 孙宁. 考试周刊. 2012(12)
[10]从锦上添花到缺一不可——产品中的“交互设计”[J]. 李文锦. 工业设计. 2011(12)
硕士论文
[1]基于信息技术环境下的地理课程实践研究[D]. 张伟.华中师范大学 2013
[2]基于网页界面视觉艺术元素的分析与研究[D]. 兰岚.湖南大学 2009
[3]基于QFD与TRIZ理论的人机工程设计[D]. 徐晓亮.合肥工业大学 2008
本文编号:3026112
本文链接:https://www.wllwen.com/kejilunwen/ruanjiangongchenglunwen/3026112.html