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

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

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

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

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

  顶部标签式

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

1

  底部标签式

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

  抽屉式

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

  分段式

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

  舵式

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

  下拉式

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

  宫格式

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

  列表式

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

  点聚式

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

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

最新开班

  • ▪ BigData好程序员班 07.23 抢座
  • ▪ HTML5培训就业班 07.16 抢座
  • ▪ UI交互设计培训班 07.30 抢座
  • ▪ JavaEE培训就业班 07.23 抢座
  • ▪ HTML5培训就业班 07.23 抢座
  • ▪ Python培训就业班 07.16 抢座
  • ▪ HTML5培训就业班 06.25 抢座
  • ▪ JavaEE培训就业班 06.11 开班
  • ▪ Python培训就业班 06.04 开班
  • ▪ HTML5培训就业班 05.14 开班
  • 大连学院地址:大连市甘井子区软件园路2号B8座二楼
    咨询电话:0411-39026086 400-654-7778
    面授课程:iOS课程培训、Android课程培训、HTML5课程培训
  • 北京天丰利校区:北京市海淀区宝盛北里西区28号天丰利商城4层
    北京沙河校区:北京市昌平区沙阳路18号北京科技职业技术学院广场服务楼2层、南区服务楼2层
    咨询电话:400-654-7778 010-82790226-801
    面授课程:iOS培训、Android培训、HTML5培训、UI培训、PHP培训、JavaEE培训、好程序员
  • 上海学院地址:上海市宝山区同济支路199号智慧七立方3号楼2-4层
    咨询电话:400-627-7899 021-65025129-602
    面授课程:iOS课程培训、Android课程培训、HTML5课程培训、UI课程培训、好程序员
  • 郑州学院地址:郑州市金水区纬五路21号河南教育学院综合楼(经纬中学楼)6/7/8层
    咨询电话:0371-55911950 400-654-7778
    面授课程:iOS课程培训、Android课程培训、HTML5课程培训
  • 广州学院地址:广州市天河区元岗路310号智汇park创意园E座5层
    咨询电话:020-22119207 400-654-7778
    面授课程:iOS课程培训、Android课程培训、HTML5课程培训
  • 深圳科技园校区:深圳市南山区科苑南路高新技术产业园R3-B栋5层
    深圳大学城校区:深圳市南山区留仙大道1201号大学城创客小镇16栋3楼
    深圳西部硅谷校区:深圳市宝安区宝安大道5010号西部硅谷B座A605-619
    咨询电话:0755-86681178/9-801
    面授课程:iOS培训、Android培训、HTML5培训、UI培训、PHP培训、JavaEE培训、好程序员
  • 武汉学院地址:武汉市东新区光谷大道77号金融港B26栋9楼
    咨询电话:027-59905902 027-59905908 027-59905909
    面授课程:iOS课程培训、Android课程培训、HTML5课程培训
  • 成都旅游学院校区:成都市一环路西二段17号四川旅游学院青羊校区内
    成都华立校区:成都一环路西二段17号华立大厦3楼
    咨询电话:028-83178771 028-61967740
    面授课程:iOS课程培训、Android课程培训、HTML5课程培训、UI课程培训
  • 西安南二环校区:西安市二环南路西段60号永安大厦4层
    西安科技园校区:西安市雁塔区高新六路52号立人科技园C座西区4层
    咨询电话:029-85260160 029-85261030 029-85260960
    面授课程:iOS课程培训、Android课程培训、HTML5课程培训
  • 杭州学院地址:浙江江干区九堡旺田书画城3层
    咨询电话:400-654-7778 010-82790226-801
    面授课程:iOS课程培训、Android课程培训
  • 青岛校区地址:青岛市市南区金坛路17号青岛职业技术学院南校区实训楼A四层
    咨询电话:400-654-7778 010-82790226-801
    面授课程:iOS课程培训、Android课程培训、HTML5课程培训、UI课程培训
  • 了解千锋动态
    关注千锋教育服务号

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