千锋教育-做有情怀、有良心、有品质的IT职业教育机构

400-811-9990
当前位置:首页  >  行业资讯  >  正文
分享到:

河南UI设计培训入门之导航知识学习

时间:2018-06-11 17:27     来源:千锋教育郑州校区 作者:Yolanda

  导航是引导某一设备,从指定航线的一点运动到另一点的方法。对于用户来说,导航可以帮助快速且清晰的了解页面的分布,让他们有针对性的去浏览页面,因此导航可谓是每一个UI设计师必须要掌握的。今天千锋郑州老师就来给大家简单讲述一下河南UI设计培训课程中有关导航的知识。

  目前市场上存在的导航设计模式大致可谓为种:顶部标签式、底部标签式、抽屉式、分段式、舵式、下拉式、宫格式、列表式、点聚式,以下就是各个模式的优劣势分析:

  顶部标签式

  位于页面顶部,一般作用于二级导航,通常采用文字直接展示,分为固定标签的顶部导航和可滑动标签的顶部导航。优点是数量没有限制,界面左右滑动可以直接切换,方便直观浏览实时更新的内容;缺点是易形成界面内容过多,占用界面高度。

1

  底部标签式

  位于页面底部,一般作用于一级界面当中。优点是可以轻松在各个入口切换且不容易迷失,也可以直接展示展示当前选择的界面内容,操作方面;缺点是导航选项数量有限,不能展示过多的入口,占用一定界面高度。

  抽屉式

  核心是隐藏,通常控制的把手出现在APP的左上角,以按钮形式出现,点击后抽屉被拉开,左侧区域显示导航的内容。优点是可以将用户注意力集中在核心功能,节省界面的利用空间;缺点是可发现性低,不利于整体产品流量最大化,会增加用户的学习成本。

  分段式

  是iOS系统自带的标准控件,适合界面的切换频率比较高的,导航数量通常在2-4个之间。优点是可以看到当前的入口界面,各个页面自由切换不迷失;缺点是样式保守,灵活性不高。

  舵式

  属于底部标签导航的变形,当标签导航无法满足需求时,我们通常会选用舵式导航,吧生产内容的主功能按钮放在中间,用突出的颜色吸引用户频繁点击。优点是突出重要且频繁的操作入口,弥补底部导航数量不足;缺点是增加了用户的操作流程,不适合频繁切换使用。

  下拉式

  多用于浏览类的二级导航,通过点击可以召唤出下拉菜单,点击菜单以外的区域收起,帮助用户感知当前位置。优点是界面连贯性好,节省界面的利用空间;缺点是不适合频繁切换使用,相对隐蔽。

  宫格式

  将主要入口全部聚集在界面中,各入口之间行相互独立,没有太多交集,无法跳转互通。优点是可以作为信息或平台的入口,让用户了解APP中的服务,延伸性强;缺点是用户无法看到想要选择服务的内容部分,增加用户的选择压力。

  列表式

  通常采用图标+文字的形式在界面中左对齐排列,优点是延伸性强,可以不断增加信息、方便分组,简单清晰易于了解;缺点是只能通过排序区分入口的重要,列表过多会造成用户下滑的操作。

  点聚式

  适合层级信息比较复杂,且每个模块中都有用户频繁使用的核心功能。优点是占据空间小,能吸引用户点击欲望,提高产品核心功能;缺点是增加了用户的使用步骤,易造成用户理解障碍。

  以上就是UI设计师需要掌握的导航知识,如果你想快速学习UI设计,成为企业急需的高端人才,最快的方式就是参加河南UI设计培训班。千锋UI设计培训课程涵盖企业所需的技术点,由大牛讲师全程面授,以实战项目驱动教学过程和内容,让你不仅可以学习系统的理论知识,更能积攒丰富的设计经验,让你入职即可上手工作,快速实现就业梦想。

相关文章

热门视频

开班信息

  • JavaEE培训就业班--------------------------------

    11.05抢座

  • Python培训就业班--------------------------------

    11.12抢座

  • HTML5培训就业班--------------------------------

    10.29抢座

  • 全链路UI设计培训班--------------------------------

    10.29抢座

  • HTML5培训就业班--------------------------------

    08.20开班

  • JavaEE培训就业班--------------------------------

    09.10开班

  • Python培训就业班--------------------------------

    12.24抢座

  • HTML5培训就业班--------------------------------

    11.26抢座

  • HTML5培训就业班--------------------------------

    01.07抢座

  • JavaEE培训就业班--------------------------------

    12.17抢座

  • 北京天丰利校区(总部)地址:北京市海淀区宝盛北里西区28号天丰利商城4层
    北京沙河校区:北京市昌平区沙阳路18号北京科技职业技术学院广场服务楼2、3层
    咨询电话:400-811-9990
    面授课程:HTML5大前端培训、JavaEE+分布式开发培训、Python全栈+人工智能培训、全链路UI/UE设计培训、物联网+嵌入式培训、360网络安全、大数据+人工智能培训、全栈软件测试培训、PHP全栈+服务器集群培训、云计算+信息安全培训、Unity游戏开发培训、区块链、红帽RHCE认证、好程序员
  • 深圳西部硅谷校区地址:深圳市宝安区宝安大道5010号深圳西部硅谷B座A区605-619
    深圳大学城校区地址:深圳市南山区留仙大道1201号大学城创客小镇16栋3楼
    咨询电话: 0755-23015275/23015546-801(硅谷) 0755-86660670-801(大学城)
    面授课程:HTML5大前端培训、JavaEE+分布式开发培训、Python全栈+人工智能培训、全链路UI/UE设计培训、物联网+嵌入式培训、360网络安全、大数据+人工智能培训、全栈软件测试培训、PHP全栈+服务器集群培训、云计算+信息安全培训、Unity游戏开发培训、区块链、红帽RHCE认证、好程序员
  • 上海校区地址:上海市宝山区同济支路199号智慧七立方3号楼2-4层
    咨询电话:400-811-9990 021-65233829-609
    面授课程:HTML5大前端培训、JavaEE+分布式开发培训、Python全栈+人工智能培训、全链路UI/UE设计培训、物联网+嵌入式培训、360网络安全、大数据+人工智能培训、全栈软件测试培训、PHP全栈+服务器集群培训、云计算+信息安全培训、Unity游戏开发培训、区块链、红帽RHCE认证、好程序员
  • 郑州校区地址:郑州市二七区航海中路60号海为科技园C区10层、12层
    咨询电话:0371-55191750
    面授课程:HTML5大前端培训、JavaEE+分布式开发培训、Python全栈+人工智能培训、全链路UI/UE设计培训、物联网+嵌入式培训、360网络安全、大数据+人工智能培训、全栈软件测试培训、PHP全栈+服务器集群培训、云计算+信息安全培训、Unity游戏开发培训、区块链、红帽RHCE认证、好程序员
  • 广州校区地址:广州市天河区元岗路200号慧通产业园B9三层
    咨询电话:020-38035223 020-38035220
    面授课程:HTML5大前端培训、JavaEE+分布式开发培训、Python全栈+人工智能培训、全链路UI/UE设计培训、物联网+嵌入式培训、360网络安全、大数据+人工智能培训、全栈软件测试培训、PHP全栈+服务器集群培训、云计算+信息安全培训、Unity游戏开发培训、区块链、红帽RHCE认证、好程序员
  • 大连校区地址:辽宁省大连市高新园区爱贤街10号大连设计城A座901
    咨询电话:400-811-9990
    面授课程:HTML5大前端培训、JavaEE+分布式开发培训、Python全栈+人工智能培训、全链路UI/UE设计培训、物联网+嵌入式培训、360网络安全、大数据+人工智能培训、全栈软件测试培训、PHP全栈+服务器集群培训、云计算+信息安全培训、Unity游戏开发培训、区块链、红帽RHCE认证、好程序员
  • 武汉金融港校区地址:武汉市东湖高新技术开发区光谷大道77号金融港B18栋3楼
    武汉智慧园校区地址:武汉市东湖高新技术开发区光谷大道61号智慧园21栋2楼
    咨询电话:027-59313371
    面授课程:HTML5大前端培训、全链路UI/UE设计培训、PHP全栈+服务器集群培训、JavaEE+分布式开发培训、大数据+人工智能培训、 Unity游戏开发培训、360网络安全、Python培训、云计算+信息安全培训、全栈软件测试培训、智能物联网+嵌入式培训
  • 成都校区地址:成都市武侯区科华北路62号力宝大厦N(北楼)18楼
    咨询电话:400-811-9990 028-83178771
    面授课程:HTML5大前端培训、JavaEE+分布式开发培训、Python全栈+人工智能培训、全链路UI/UE设计培训、物联网+嵌入式培训、360网络安全、大数据+人工智能培训、全栈软件测试培训、PHP全栈+服务器集群培训、云计算+信息安全培训、Unity游戏开发培训、区块链、红帽RHCE认证、好程序员
  • 西安校区地址:西安市雁塔区高新六路52号立人科技C座西区4楼
    咨询电话:029-85363390
    面授课程:HTML5大前端培训、JavaEE+分布式开发培训、Python全栈+人工智能培训、全链路UI/UE设计培训、物联网+嵌入式培训、360网络安全、大数据+人工智能培训、全栈软件测试培训、PHP全栈+服务器集群培训、云计算+信息安全培训、Unity游戏开发培训、区块链、红帽RHCE认证、好程序员
  • 杭州旺田校区:浙江省杭州市江干区九堡旺田书画城A座4层
    杭州龙驰校区:浙江省杭州市下沙经济技术开发区元成路199号龙驰智慧谷B座7层
    咨询电话:400-811-9990 0571-86893632/0571-86094032
    面授课程:HTML5大前端培训、JavaEE+分布式开发培训、Python全栈+人工智能培训、全链路UI/UE设计培训、物联网+嵌入式培训、360网络安全、大数据+人工智能培训、全栈软件测试培训、PHP全栈+服务器集群培训、云计算+信息安全培训、Unity游戏开发培训、区块链、红帽RHCE认证、好程序员
  • 青岛校区地址:青岛市市北区龙城路卓越世纪中心3号楼8层801
    咨询电话:0532-80911190
    面授课程:HTML5大前端培训、JavaEE+分布式开发培训、Python全栈+人工智能培训、全链路UI/UE设计培训、物联网+嵌入式培训、360网络安全、大数据+人工智能培训、全栈软件测试培训、PHP全栈+服务器集群培训、云计算+信息安全培训、Unity游戏开发培训、区块链、红帽RHCE认证、好程序员
  • 重庆校区地址:重庆市高新区科园一路2号大西洋国际12-1
    咨询电话:400-811-9990 023-68883009
    面授课程:HTML5大前端培训、JavaEE+分布式开发培训、Python全栈+人工智能培训、全链路UI/UE设计培训、物联网+嵌入式培训、360网络安全、大数据+人工智能培训、全栈软件测试培训、PHP全栈+服务器集群培训、云计算+信息安全培训、Unity游戏开发培训、区块链、红帽RHCE认证、好程序员
  • 长沙校区地址:湖南省长沙市岳麓区麓谷企业广场A2栋三单元306号
    咨询电话:0731-85513210
    面授课程:HTML5大前端培训、JavaEE+分布式开发培训、Python全栈+人工智能培训、全链路UI/UE设计培训、物联网+嵌入式培训、360网络安全、大数据+人工智能培训、全栈软件测试培训、PHP全栈+服务器集群培训、云计算+信息安全培训、Unity游戏开发培训、区块链、红帽RHCE认证、好程序员
  • 哈尔滨校区地址:哈尔滨市松北区创新一路699号 科技创新城19号楼B座五楼
    咨询电话:400-811-9990/0451-87173191
    面授课程:HTML5大前端培训、JavaEE+分布式开发培训、Python全栈+人工智能培训、全链路UI/UE设计培训、物联网+嵌入式培训、360网络安全、大数据+人工智能培训、全栈软件测试培训、PHP全栈+服务器集群培训、云计算+信息安全培训、Unity游戏开发培训、区块链、红帽RHCE认证、好程序员
  • 南京校区地址:南京市建邺区应天大街780号应天智汇产业园弘辉园1幢2楼
    咨询电话:400-811-9990
    面授课程:HTML5大前端培训、JavaEE+分布式开发培训、Python全栈+人工智能培训、全链路UI/UE设计培训、物联网+嵌入式培训、360网络安全、大数据+人工智能培训、全栈软件测试培训、PHP全栈+服务器集群培训、云计算+信息安全培训、Unity游戏开发培训、区块链、红帽RHCE认证、好程序员
  • 千锋教育服务号

    了解千锋动态
    关注千锋教育服务号

  • 千锋教育移动站

    扫一扫快速进入
    千锋移动端页面

  • 千锋互联服务号

    扫码匿名提建议
    直达CEO信箱