移动端网页设计时底部导航栏的5个注意事项

 2020-10-09 14:34:35  682 浏览  0 评论   赞

底部导航栏一般使用图标实现,要求图标能够传递正确的信息;采用不同的颜色区分活动和非活动的图标;短小精悍的标签;适当的空间;新消息的标记

图标

图标_移动端网页设计时底部导航栏的5个注意事项

图918-1:底部导航栏1

底部的导航往往都会采用图标的形式来呈现,因此它们应该在视觉上就传递给用户与内容匹配的信息,也就是图标的设计和文字,是用户能够所见即得的。

颜色

颜色_移动端网页设计时底部导航栏的5个注意事项

图918-2:底部导航栏2

一般不建议页面设计将导航放置在底部时,还采用不同的颜色和标签,这样会让那个用户疑惑。

标签

标签_移动端网页设计时底部导航栏的5个注意事项

图918-3:底部导航栏3

文本标签是对底部导航功能有简短清晰的定义作用,因此规避使用过长的标签来定义。如需要换行、截取或压缩等形式才能够完整呈现文本标签的情况。

空间

空间_移动端网页设计时底部导航栏的5个注意事项

图918-4:底部导航栏4

这里指的是给予用户点触的空间大小,过大,容易让用户难以进行连贯使用,过小容易出现误点。

标记

底部导航一般都需要以标记的形式来呈现相关新消息通知,常见右上角红色数字或者绿色小点。

 

转载请注明:网创网 www.netcyw.cn/b918.html

()
发表评论
  • 昵称
  • 网址
(0) 个小伙伴发表了自己的观点
    暂无评论

Copyright © 2018-2022 小王子工作室 版权所有 滇ICP备14007766号-3 邮箱:yangzy187@126.com