导航栏设计 | 优设网

掌握了这个导航控件，你可以设计80%的应用导航

底部导航栏可以说是现在最流行的导航控件了，如何使用这种极普遍的导航控件呢?看完这篇你就会了!

2019-05-29 沐风与体验设计导航栏设计 导航设计

交互基础小课堂！移动端的导航设计模式

在《用户体验的要素》一本书中，Jesse James Garrett 将用户体验分为了五个层级，战略层，范围层，结构层，框架层，表现层。其中在框架层里面有一个很重要的概念就是...

2018-05-26 UED设计笔记 App设计 UI组件

想设计好网站的悬浮导航，这12个案例不容错过

导航是网站和 APP 当中必不可少的组成部分，它们引导用户抵达目标，发现内容。为了让用户能够更加方便地使用导航，许多网站和 APP 选择使用了顶部悬浮导航，无论浏...

2018-03-30 JAKE ROCHELEAU web导航设计 导航栏设计

最常见的Tab该怎么设计？来看这篇超全的总结

王M争：今天这篇文章来给大家分析一下Tab。其实它隶属于产品导航体系的一部分，所以你要了解Tab，必须要它放在导航体系中来分析。

2017-11-26 王M争 Tab 导航栏设计

超实用！网页顶部导航栏设计方法总结

网页中的header，一般我们称之为顶部导航栏，这里为了行文方便，以下都简称顶部栏。顶部栏对于一个网站的用户体验来说是至关重要的，因为根据用户的浏览习惯（从...

2017-11-03 程远导航栏设计 导航设计

细节大揭秘 全部细节

「爱情公寓5」的互动视频，你玩出了几个故事支线？

设计逻辑爱奇艺 iOS

Farfetch推出AR试鞋功能，时尚电商迎来新体验

好功能 Farfetch iOS

不玩儿朋友圈的00后喜欢的「语C」社交是什么？

设计逻辑名人朋友圈iOS

QQ空间里爆炸有趣的3D表情评论功能

用户体验 QQ iOS

轻松看懂规范！详解组件控件结构体系之导航类

Echo ：本文将详细阐述组件控件结构体系中的导航系统，分别为7类：底部标签式导航、分段控制式导航、列表式导航、下拉菜单式导航、抽屉式导航、宫格式导航和卡片...

2017-10-08 程远导航栏设计 经验分享

这5种成熟的导航设计模式，可以为用户体验加分

导航设计千变万化，但是能够同时兼顾到可用性、易用性还能够带来足够舒适体验的导航模式，就不是那么多了。可靠的导航设计需要帮助用户达成目标，找到内容，提...

2017-09-01 陈子木 web导航设计 导航栏设计

汉堡图标不好使？这5个替代方案帮你搞定移动端导航

对于设计师而言，移动端设备屏幕上的每一寸空间都是宝贵的资源。为了在小屏幕上做更多的事情，设计师在设计导航系统的时候，通常需要花费更多的时间来打磨。

2017-08-23 陈子木 ui设计 导航栏设计

那些让人一见钟情的网页首屏，遵循着怎样的设计模式？

无论是APP还是网页，第一印象都很重要。再优质的内容，都需要首屏这个漂亮的脸面来吸引用户驻留，才能被人注意到。

2017-06-09 陈子木导航栏设计 经验分享

PM要多加底部导航时，设计师如何说服他打消念头？

记得之前写过关于标签导航如何设计的一篇文章，大体上的介绍了几种类型，这周正好遇到一个关于标签导航的问题：产品经理要求在底部的导航中由原来的五个主功能...

2017-03-31 程远 App设计 ui设计

超实用干货！聊聊底部导航设计的四个关键原则

@惜可若己：设计师都知道设计绝不仅仅是做出外表好看的东西，设计还涉及到如何做才能让用户使用你的网站/应用程序。这项工作内容就像跟用户间对话一样，而导航...

2016-08-12 程远导航 导航栏设计

万剑归宗！值得学习总结的网页导航设计最佳实践

优质的网页设计通常都有着相当不错的导航设计来支撑。如果你的网站有着有趣的内容和受欢迎的视觉设计，那么一个体验良好，可用性优异的导航栏无疑是必须的。

2016-03-27 陈子木优秀网页设计 导航栏设计

这创意给满分！有哪些炫酷好玩儿的网页导航设计？（二）

编者按：以前的网站创意导航都喜欢在大小、形式、色彩以及排版方面上玩花样，现在与时俱进，都会加上酷炫的动效了。比如今天这组网站，就有不少在动效上玩得很...

2016-01-13 程远优秀网页设计 导航栏设计

这创意给满分！有哪些炫酷好玩儿的网页导航设计？（一）

2016-01-12 程远优秀网页设计 导航栏设计

意料之外的设计！20个将导航玩得独一无二的网站

编者按：导航是网站不可或缺的一部分，看惯了一成不变传统的网站导航和今年倍受宠爱的隐藏式汉堡菜单导航，是时候来点不一样的刺激下灵感了。这20个网站不仅都...

2015-10-23 程远优秀网页设计 导航栏设计

一篇搞定！2015网页导航设计趋势&案例大搜罗

不管你喜欢不喜欢，汉堡图标反正已经是大势所趋了。今年无数的网站将这个小元素纳入到界面中来，成为页面导航的重要组成部分。

2015-10-09 陈子木导航栏设计 导航设计

脑洞大交互好！17个特别舒服的圆形导航菜单网站设计

编者按：安利一下今天这组网站，虽然都是圆形菜单，但几乎没有创意重复的，18个网站都有自己独特的脑洞，而且有几个动画效果棒呆惹，已经给放到前边了，来惊喜...

2015-08-29 程远优秀网页设计 导航栏设计

技巧总结！网页设计师必知的高效导航设计三原则

为网站设计导航就如同为房子打基础。如果地基不牢靠，再壮观的设计也无法掩盖建筑结构的潜在风险，其实网站也是如此，如果想让网站拥有优秀的用户体验，良好的...

2015-06-26 陈子木导航栏设计 导航设计

看得见才有用！聊聊移动App导航设计的改版实战

关于手机App 的导航设计讨论已经有很多了（特别是针对汉堡菜单的讨论）。今天翻译的这篇文章，是原作者在真实的 App 中对导航进行改版，观察数据并进行分析的一则...

2015-05-22 程远 App设计 ui设计

省时高效！9款超实用的响应式导航插件下载

为了适应手机版的网站，网站导航都需要逐一优化，今天分享9款最新的响应式导航菜单插件，帮你节省大量时间 >>> Mmenu 这个mmenu插件除了能实现手机侧边栏菜单...

2015-05-09 程远响应式设计 导航栏设计

热门频道

设计专题

细节猎人

1分钟小短文揣摩设计真谛

优设读报

行业资讯一站知晓

设计话题

高手大咖在线答疑解惑

行业新闻

行业大事小事全知道

设计大赛

专业承办设计赛事活动

免费图库

高质量的免费可商用图片都在这儿了！

在这儿不仅可以找到几十万张免费可商用的图片，还有超多特色图库，包括NASA 太空图、多边形图、美食图、故宫图等，搜索更精准！另外我们还贴心为您准备了高级设计师会用的图片管理术和管理神器哟~

查看专题

设计趋势

流行设计一目了然

道法术器势，看了那么多专题，设计理论、方法和神器已经不再话下，想成为高手，就差借势了。收藏好这个专题，每个月都会更新最新的设计趋势，让你洞悉设计趋势，紧跟设计潮流。

查看专题

菜单 优设网 - UISDC

导航栏设计已发布文章26篇

掌握了这个导航控件，你可以设计80%的应用导航

2019-05-29 沐风与体验设计 导航栏设计导航设计

交互基础小课堂！移动端的导航设计模式

2018-05-26 UED设计笔记 App设计UI组件

想设计好网站的悬浮导航，这12个案例不容错过

2018-03-30 JAKE ROCHELEAU web导航设计导航栏设计

最常见的Tab该怎么设计？来看这篇超全的总结

2017-11-26 王M争 Tab导航栏设计

超实用！网页顶部导航栏设计方法总结

2017-11-03 程远 导航栏设计导航设计

「爱情公寓5」的互动视频，你玩出了几个故事支线？

设计逻辑 爱奇艺 iOS

Farfetch推出AR试鞋功能，时尚电商迎来新体验

好功能 Farfetch iOS

不玩儿朋友圈的00后喜欢的「语C」社交是什么？

设计逻辑 名人朋友圈iOS

QQ空间里爆炸有趣的3D表情评论功能

用户体验 QQ iOS

轻松看懂规范！详解组件控件结构体系之导航类

2017-10-08 程远 导航栏设计经验分享

这5种成熟的导航设计模式，可以为用户体验加分

2017-09-01 陈子木 web导航设计导航栏设计

汉堡图标不好使？这5个替代方案帮你搞定移动端导航

2017-08-23 陈子木 ui设计导航栏设计

那些让人一见钟情的网页首屏，遵循着怎样的设计模式？

2017-06-09 陈子木 导航栏设计经验分享

PM要多加底部导航时，设计师如何说服他打消念头？

2017-03-31 程远 App设计ui设计

超实用干货！聊聊底部导航设计的四个关键原则

2016-08-12 程远 导航导航栏设计

万剑归宗！值得学习总结的网页导航设计最佳实践

2016-03-27 陈子木 优秀网页设计导航栏设计

这创意给满分！有哪些炫酷好玩儿的网页导航设计？（二）

2016-01-13 程远 优秀网页设计导航栏设计

2020年适合设计师学习的设计技能 大课堂

从入门就业到进阶高薪！18般武艺这里应有尽有

行业名师真材实料 优设 8 年专业品牌

这创意给满分！有哪些炫酷好玩儿的网页导航设计？（一）

2016-01-12 程远 优秀网页设计导航栏设计

意料之外的设计！20个将导航玩得独一无二的网站

2015-10-23 程远 优秀网页设计导航栏设计

一篇搞定！2015网页导航设计趋势&案例大搜罗

2015-10-09 陈子木 导航栏设计导航设计

脑洞大交互好！17个特别舒服的圆形导航菜单网站设计

2015-08-29 程远 优秀网页设计导航栏设计

技巧总结！网页设计师必知的高效导航设计三原则

2015-06-26 陈子木 导航栏设计导航设计

看得见才有用！聊聊移动App导航设计的改版实战

2015-05-22 程远 App设计ui设计

省时高效！9款超实用的响应式导航插件下载

2015-05-09 程远 响应式设计导航栏设计

热门频道

设计专题

热门设计知识精挑细选

细节猎人

1分钟小短文揣摩设计真谛

优设读报

行业资讯一站知晓

设计话题

高手大咖在线答疑解惑

行业新闻

行业大事小事全知道

设计大赛

专业承办设计赛事活动

优设读报 2020年1月25日 星期六

体验设计师专家（视觉）

杭州本科及以上3-5年

阿里妈妈

UI设计师15-25k

深圳本科及以上3-5年

腾讯

视觉设计师15-25k

珠海本科及以上3-5年

金山办公

买前生产力，买后爱奇艺！听说有人靠 iPad 画画都能赚够生活费？

高效实战热门趋势

为什么大厂招设计师都要求会组件设计？

高效实战基础必修

菜单优设网 - UISDC

2019-05-29 沐风与体验设计导航栏设计导航设计

2018-05-26 UED设计笔记 App设计 UI组件

2017-11-26 王M争 Tab 导航栏设计

2017-11-03 程远导航栏设计导航设计

设计逻辑爱奇艺 iOS

设计逻辑名人朋友圈iOS

2017-10-08 程远导航栏设计经验分享

2017-06-09 陈子木导航栏设计经验分享

2017-03-31 程远 App设计 ui设计

2016-08-12 程远导航导航栏设计

2016-03-27 陈子木优秀网页设计导航栏设计

2016-01-13 程远优秀网页设计导航栏设计

2020年适合设计师学习的设计技能大课堂

行业名师真材实料优设 8 年专业品牌

2016-01-12 程远优秀网页设计导航栏设计

2015-10-23 程远优秀网页设计导航栏设计

2015-10-09 陈子木导航栏设计导航设计

2015-08-29 程远优秀网页设计导航栏设计

2015-06-26 陈子木导航栏设计导航设计

2015-05-22 程远 App设计 ui设计

2015-05-09 程远响应式设计导航栏设计

优设读报 2020年1月25日星期六

优设专题全部专题