导航设计

已发布文章 36 篇

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

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

超详细解读:UI导航设计不仅仅指的是导航栏

编者按:其实网页或者App中的导航(Navigation)这个概念远不止我们熟悉的导航栏,而是一个更加广的交互概念:引导用户和产品进行有效的交互,实现用户的…

在设计流程中,通过这6种方式来运用信息架构

一名优秀的设计师除了需要具备良好的设计技能,还需要大量的设计相关知识储备。信息架构是设计师需要懂得的最重要的知识之一。在之前的文章《写给设计师的信息架构基础…

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

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

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

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

还有这种操作?这10个导航栏设计技巧别错过了

评判导航菜单的设计好坏有多种不同的维度,由于它太过常用,它的好坏并没有得到更多重视。实际上,导航作为网站设计的一个基础组成部分,对于可用性的要求并不低。 导…

想剑走偏锋?试试这6种实验性的网页导航模式

虽然绝大多数的设计都遵循设计规则和用户的使用习惯,但是标新立异的设计仍然非常有市场。独特的设计更容易让人难忘,这一点是毋庸置疑的。在网页的导航栏设计上,也是…

网页|厌倦了汉堡图标,这4个替代方案也许不错

越来越多的用户抱怨网页设计已经变得无聊无趣了。高端的技术和流行的趋势已经为网页设计构建起了一套约定俗成的规则,而开发者和设计师在社区中依然不停地探索新的可能…

并不简单!网页中为你指路的面包屑到底应当怎么使用?

编者按:面包屑是我们熟知的一种导航工具,它们往往出现在页面内容的上方,告知你所处的位置。它小巧,方便,常见,且简单。可是即便是这样的UI控件,在设计上同样是…

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

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

超实用!聊聊标签式导航的设计思路(附设计师做笔记方法)

@呆呆丶L :现在文章基本上都不深入,只是点到某个知识,跟大家说个理论的东西,然后罗列出所有导航的形式。读者看了之后跟没看是一样的,遇到问题还是没法解决,只…

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

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

这创意给满分!有哪些炫酷好玩儿的网页导航设计?(二)

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

这创意给满分!有哪些炫酷好玩儿的网页导航设计?(一)

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

深入浅出!全方位科普移动端导航的七种设计模式

Elainezhu:看了很多总结导航的文章,其实都基本雷同,但是都觉得不够细致,也不是从我们常用的产品去分析的,因此用自己的思路重新分析了一遍,某些段落来自…

小众干货!腾讯设计师帮你掌握基于任务的导航设计

用过Windows控制面板的同学应该都体会过那种找不到目标,一打开直接懵了的感觉,因为这类基于任务导航的产品,要求设计师要对产品用户以及用户任务一个非常清晰…

界面设计 HTML5 素材 交互设计师 好文 UI 用户体验设计 转场动效 设计师专访 设计师 排版布局 扁平化设计 设计规范 素材下载 视觉设计 职场 产品设计 设计趋势 配色 web前端开发 海报设计 AI教程 字体下载 设计理论 动效设计 神器下载 图标设计 psd下载 logo设计 神器推荐 ICON 职场规划 App设计 酷站推荐 字体设计 交互设计 ui设计 用户体验 设计师职场 优秀网页设计 酷站 ps技巧 PS教程 网页设计 经验分享
wechat

优设官方微信

50万设计师关注

微信号:youshege