行业资讯广州易企网络公司
行业快讯
当前位置:广州易企网络公司 >> 行业快讯 >> 行业资讯 >> 浏览文章
行业资讯

终端界面的导航设计

标签:终端,界面,面的,导航,设计 发布时间:2024年04月28日 阅读:64次

移动端在当下互联网时代实现了突飞猛进的增加,良好的界面设计为了与时俱进也得到了大的提高。一款完善的产品,能够充分运用“ 组织、隐蔽、转移、删 除 ”交互设计4策略,在十分局限的屏幕窗口中完善的组织雄厚的信息、展示产品的功能,并快速指导用户使用产品功能。同时,导航设计也结合了产品信息架构、 交互设计、视觉设计,要想更好的设计产品,有需要进行体系的理解。

终端UI设计上最基本的导航体例分为三种:标签式、列表式、矩阵式。

标签系导航

择要: 通常称为标签栏或者选项卡,位置在屏幕底部或者顶部,底部标签栏是iOS原生导航控件(Tab bar)

好处:主流(淘宝、微信、付出宝)、吻合风俗、ios原生控件,开发简单

瑕玷:数量有限,一样平常不超过5个(不然必要结合其他体例,运用层级和收放)

列表系导航

择要:最常见的主导航模式之一,又可分为分组列表、个性化列表、行内扩展式列表(这个一样平常用做次级导航)和加强性列表(是在简单的列表菜单之上增长搜索、欣赏或过滤之类的功能后形成的)

好处:由上至下查看吻合风俗,列表菜单很适合用来表现较长或拥有次级笔墨内容的题目,每行可以融入较多信息。

瑕玷:条款太多或分布不合理会导致用户查找困难

矩阵系导航

择要:已矩阵组合成的导航,在不同的文章中可能被称作:跳板(图标卡片式)、磁贴式、陈列馆式……一样平常用做主导航,常用的布局模式3 3(常说的九宫格布局)2 3、2 2和2 1网格。但也不肯定要拘泥于网格,也可以按照不同的优先级顺序,放大或者缩小网格百度网站排名,以突显出内容的条理感。

好处:便于组合不同的信息类型(运营位、广告位、内容块、设置等);静态、动态结合可以展示出雄厚的信息,同时保持视觉同一

瑕玷:各板块之间关系自力,视图将完全跳转,如需频繁切换则不建议采用

抽屉式导航(下拉式)

择要:属于Android原生控件的导航体例,后在ios中也常见到。一样平常在Android中用做主导航,在ios中每每会搭配其他的主导航模式做次级导航使用。在不同的地方可能被称为:扩展菜单、侧边导航、汉堡导航;

即是导航,又是一种跳转体例(不弹出新页面),抽屉打开后可以显现任何一种导航体例(结合列表式的偏多)。

不用时隐蔽,要用时打开,可布置较多功能,好处如此,瑕玷亦如此

好处:隐蔽时不占用界面空间、适合做次导航、不频繁使勤奋能收纳(隐蔽)

瑕玷:不直观、不适用于主导航、如遇频繁操作的功能,用户赓续开关抽屉体验不好。

无论什么导航都可以理解为:点线面的结合。每种导航可以有3种状况:静态、动静结合、动态(请看下图)。简称3态。静态导航,顾名思义就是静态的笔墨或图标图片组成的导航,最为常见;动静结合导航,是在静态的基础上,增长图标、字符等动态转变的内容;动态导航,则是直接动态抽取内容自己图片或笔墨生成的导航。

几乎没有哪个应用只有单一层级的导航,通常是多种导航进行搭配,这些搭配体例,总结为3种:组合、层级、收放。简称3合(结 合、组合)。组合导航,就是在一个导航区域中荟萃多种不同的导航类型;层级导航网站开发,就是导航的嵌套,通常App都会有顶级导航、次级导航;收放导航,是指将 部分导航内容隐蔽,用户点做响应的操作(如按钮)后滑出或弹出的导航。

因此,各种导航归纳为:形、态、合3种属性,每种属性3个子类,可以记作:点线面,形态合。


原文来源优设

分享至: