前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >汽车网站导航菜单的设计技巧

汽车网站导航菜单的设计技巧

原创
作者头像
华专网络
发布2022-12-28 16:42:54
8350
发布2022-12-28 16:42:54
举报
文章被收录于专栏:华专网络网站建设公司

首先我们分析一下汽车网站常用的颜色。黑白灰属于非彩色,可以搭配很多颜色。很多网站设计师喜欢用大图作为网站的背景,然后把导航菜单设计成深灰色的主色调,显得有辨识度,视觉上有质感。

汽车网站导航菜单的设计技巧
汽车网站导航菜单的设计技巧

1、 色彩的搭配与分析

网站设计师可以使用不同明度的灰色来区分主导航栏与副导航栏,这样不仅色调能够一致,而且在功能上又可以明显区分出来。然后把正在使用的菜单项目设置为饱和度较高的蓝色矩形,这样导航栏就与网页的背景图相互呼应了,而且在色彩的搭配上也干净利落,既美观大方,又能重点突出。

2、 对于导航栏设计的分析

采用扁平化导航菜单设计,即在网页的顶端使进行导航栏呈现横向的传统表现方式,而导航栏的背景则由简约的矩形来构成。最后通过两条明暗不同的线来区分副导航栏与主导航栏,这样可以体现就整个导航的分割与层次感。然后就是上面所说的使用高饱和度的蓝色矩形来体现正在访问的菜单项,在对蓝色矩形进行倾斜设计,会使网页更显动感,与汽车网站的主体相吻合。

3、 导航栏的普遍设计风格

在汽车导航栏中,大多数的设计都比较简约,都会是像上面这样用色块做背景的导航栏设计方式。但仍然要注意导航栏在细节上表现。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档