美文网首页
常见的10种导航栏形式

常见的10种导航栏形式

作者: ZoiVI | 来源:发表于2017-02-26 22:35 被阅读0次
1、固定的导航栏

一般多用于移动端界面
站在产品角度上,是否是产品品牌的推广
在用户角度上,这些功能是否随时要用到
在优先级上,需考虑这些功能是否是用户也随时关注的,如消息提示

主页 滚动下拉后

aroma

2、大面积块状导航栏

图片充实,杂志风格,一般出现在内容图片丰富的大型网站上,便于分类,也可以突出产品

Sports liiustrated

Sports liiustrated

其他相关
HASSYADAI
新百伦
迪士尼
FIT
ACSL
WYZdesign
京东
亚马逊
H&M
Dior

3、通用导航栏

多种产品的媒体网站
迪士尼

迪士尼
4、垂直滚动

新颖,设计难度大 设计网站
muuuuu.org

muuuuu.org
5、全局隐藏性菜单

节省空间,小屏幕
星巴克

星巴克
6、响应式子导航栏

隐藏内容,点击才出现

ZARA

ZARA PC端 ZARA 移动端 导航栏隐藏 ZARA 移动端 导航栏显示
7、文章摘要展示栏

实时展示,博客
纽约时报

纽约时报
8、表格目录的运用

解救长文章、榜单类内容尤其适用
维基百科

维基百科
9、使用全大写字母

无衬线,大间距,浅色,小字号
KAMEDA&CO

KAMEDA&CO

其他相关
GREATIVE APPLICATIONS
DERTURE

10、单页设计,点点代替导航栏

多用于扁平化的小网站,一个点表示一个页面

相关文章

网友评论

      本文标题:常见的10种导航栏形式

      本文链接:https://www.haomeiwen.com/subject/gjcawttx.html