在 B 端产品做设计的时候,第一件事是决定界面的结构布局,导航放在哪成为一件急需考虑的事情。典型的,有横向导航与纵向导航之分,拿 ant design 来举例,如下面 2 张图所示。
两者看起来都行,但选择哪个,心里会有第一眼的直觉,但光有直觉不行,还得罗列个 123 出来,这样展示方案的时候,才能服己服人。
△ 横向导航
优点:
缺点:
优点:
缺点:
他们都可以在已有的方向上进行扩展,如下图:
但总体来说,单独的横向导航方式层级不能超过 3 层,多于 3 级就不利于用户的阅读和选择。
相对于横向,纵向的拓展性强,不管多少级都可以一直往下加,但层级高过于 3 层,用户对导航的分辨和记忆会明显下降。
当然,有时候单独只有横向或者纵向一种导航不能完全满足我们的需求,根据以上特点,我们也可以有如下组合的形式。
很明显,这样的组合导航,适用于一级导航不太多(最好少于 5 个)且内容权重差别很明显,一级导航之后的导航内容和层级比较多且内容复杂。
另外,如果嫌纵向导航占空间,则可以考虑将纵向导航做成可折叠收起的模式,适用于贴着浏览器的纵向导航。
总结
据9to5Mac报道,苹果公司似乎正在为iOS重新设计墙纸设置面板,新面板可对系统壁...
当下,智能汽车已经成为城市脉络中的数字节点。 庞大的环境感知能力,快速穿梭城...
一直很喜欢苹果系统的交互设计,因为绝大多数设计点都考虑得周到且成熟,体现出...
从我的AI之旅开始,我发现了一些具有无穷潜力的想法和概念,它们在辉煌的历史上...
HTTP/0.9HTTP/0.9 是于 1991 年提出的,主要用于学术交流,需求很简单用来在网络...
苹果研发混合现实头显已经是一个公开的秘密。但为头戴式设备形成发射式显示器具...
在电视剧《亮剑》片尾,有这么一个剧情,李云龙长期与田雨分居,张白鹿趁虚而入...
熟悉VR头显的用户应该都知道一种所谓的防护系统。这是因为VR头显会用数字内容取...
1.有那么一个人放在心里会疼,拿出来会窒息。 2.曾经,我想和你分享我的所有秘...
现在距离春节已经很近了,很多小伙伴也已经打好行装,开始准备返乡的物品。由于...