loading请求处理中...

关于标签栏设计的那点心理暗示

2021-12-01 21:23:13 阅读 10098次 标签: 开发 作者: 蓝blue

  在手机应用软件上一般都有标签栏,标签栏就像是我们电脑桌面开始菜单,这个手机应用软件的工作大纲都在这个标签栏中,但是为什么标签栏设计都要选择高亮的形式呢。

  但为什么当前标签应当高亮?首先,先来分析一下标签栏的作用。

  关于我们在大多数交互界面所使用的标签栏,提供了页面的切换、功能入口以及界面导航的功能。其目的意义在于指示当前页面所处的位置。也就是说,标签栏在视觉设计上要着重解决“我在哪儿”的问题,所以前面的为了显示其他标签是可点击性的标签栏设计(如图一)的设计方案就可以抛弃了。

  人类使用视觉纵深去感知自己在空间里所处的位置。

  人从睁开眼睛第一时间获得视觉信息,做的第一件事是从获得是视觉信息里感知视觉里的不同物体的远近,并根据距离自己最近的物体(标志)判断自己所处的位置。事实辨别上视觉纵深是大多数动物以生倶来的视觉能力,婴儿从出生三个月就能判断远近高低,并确定自己是否处于一个安全的区域。

  人类在无意识的视觉纵深的感知中,判断出离自己最近的物体,就知道自己所处的位置。因此,在标签栏的设计中,要清晰地指明当前页面所处的位置,当前标签在视觉设计上必须与“我”的距离最近。

  也就是说,在标签栏设计中,当前页面标签要与其他标签拉开视觉上的层次关系。

  所以在很多常见的APP里,当前标签通常要高亮,其他标签则适当弱化。设计上类似于这样:

  

标签栏设计

  然后,为了进一步拉开层次关系,当前标签可以稍微改变一下样式,如这样:

  

标签栏设计

  最后,加入情感化设计,可以适当添加APP的主色调,如这样:

  

标签栏设计

  根据以上原理做出来的设计方案也是最为大众所接受的。

  上面的双标签设计可以仅凭拉开层次关系显示当前标签

  另外,深色的背景栏标签设计也依然遵循拉视觉纵深的心理暗示拉开层次关系,如这样:

  

标签栏设计

  和这样:

  

标签栏设计

  UI在设计上服从于交互,形式上不拘于一格,视觉纵深也只是其中一种心理模型,也有很多设计师根据格式塔心理学设计出交互性很好的心理模型。

  如果你想找标签栏设计服务,或者想要了解更多标签栏设计资讯,就上一品威客网。一品威客网入驻上百家专业标签栏设计公司,汇集全国千万优秀专业人才,提供最全面、最专业的标签栏设计服务。


APP界面设计公司推荐

成为一品威客服务商,百万订单等您来有奖注册中

留言( 展开评论

快速发任务

价格是多少?怎样找到合适的人才?

官方顾问免费为您解答

 
APP界面设计相关任务
DESIGN TASK 更多
桌面应用程序开发

¥50000 已有0人投标

招商引资APP开发

¥20000 已有0人投标

APP原生开发

¥20000 已有1人投标

开发ai拍照软件

¥100 已有2人投标