你是会员吗?注册要么登录

导航

学习如何为你的网站设计有效的导航——在桌面或移动设备上。设计导航,帮助用户轻松找到他们想要的东西。

5个不使用桌面汉堡菜单图标的原因

导航/ 2020年5月18日

5个不使用桌面汉堡菜单图标的原因

把一个汉堡图标作为桌面网站唯一的导航源是很糟糕的。它令人沮丧、困惑,并且违反了导航和用户流的不成文规则的最佳实践。你为什么要这么做?除了维持或建立某种美学,很难找到一个有意义的答案。

这个经常被争论的汉堡包图标对于网站导航甚至小屏幕来说都是一个很好的补充,但它不应该是桌面电脑的唯一选择。如果这是你唯一的菜单选项,那么你是在为自己和网站设计做准备。

注意这些不同的桌面菜单风格贯穿这一职务。一些汉堡的最佳用途的图标来与其他菜单项。

网页设计中最小导航的10个优缺点

导航/ 2020年2月17日

网页设计中最小导航的10个优缺点

有许多人在网站设计发生了一段时间的转变:导航和菜单萎缩。尽管对汉堡菜单图标参数,最小化的导航风格和元素越来越受欢迎。

虽然不是所有的最小导航元素都使用这种风格,但它确实是我们在过去几年里看到的大量使用的一种视觉风格。

但是,它的工作原理?你应该考虑使用最小化的导航的项目?在这里,我们要看看一些利弊与使用的例子。你认为答案可能不是那么简单。

10个现代网站导航提示和意见

导航/ 2019年3月27日

10个现代网站导航提示和意见

在网站设计中,导航不是你最先考虑的元素之一。(尽管你可能应该这么做。)用户将如何在设计中移动?他们如何找到对他们来说不明显的元素?

网站导航趋势已经发生了很大变化;从铺天盖地的大型菜单更轻更最小的选择搬走。并有一定的参考价值的是思想 - 太多的选择可以压倒用户。提供他们在他们需要增加参与的空间所需要的信息。不要把厨房的水槽他们!

今天,我们来看看一些现代的网站导航提示和想法,以帮助你做到这一点。

无限滚动:优点和缺点

布局/ 2018年9月26日

无限滚动:优点和缺点

单页网站是一个主要的设计趋势。尤其是当它涉及到包装与内容的单页设计,得益于无限滚动技术,使设计人员可以无限期地持续下去的网页。

这种技术对于一些网站和内容类型来说是很好的,但是对于其他的网站来说,它可能是麻烦的和令人沮丧的。就像其他的设计技巧一样,你不应该仅仅因为想尝试新东西就去做;它应该是设计框架的战略性部分。那你怎么决定呢?让我们看看无限滚动网站的利与弊。

7种方法确保你的长滚动网站是成功的

布局/ 2017年12月20日

7种方法确保你的长滚动网站是成功的

老保它,上面的滚动曼塔并不总是你的内容 - 设计 - 的需求。这里有七个方法来创建一个长期滚动的网站,将让用户的关注,并希望让他们滚动。

长期滚动可以是一个恒星的方式来吸引用户。有时,最好的视觉表现可能并不完全滚动上述情况发生。长期滚动格式的网站,滚动多次捕捉到的内容。让我们把经常争议的概念休息。今天的用户了解如何以及何时滚动。

视差效果比较:5点的选择要考虑

布局/ 2017年11月13日

视差效果比较:5点的选择要考虑

视差效果仍然是最热门的网页设计趋势之一。当用户滚动时,当背景和前景以不同的速度移动时,这种动画滚动技术就会发生,这样就有两个独立的层同时移动。

这种效果可以用于任何类型的网站,是一种创造和增加用户参与度的有趣方式。视差效果的好处是你不必在设计的每一页上都用到它;视差滚动是一个伟大的主页技术,帮助驱动用户的呼吁行动或其他内容。

视差效果创造了深度和距离的元素,比其他技术更有立体感,让用户感觉自己是设计的一部分。

视差效果的缺点是它们并不总是在移动设备上工作。(但是在本文末尾的教程中也有一些解决方法。)

这里有五个视差效果和样式来考虑。(请确保通过链接点击查看每个动画是如何工作的。)

设计趋势:侧边导航无处不在,但它有用吗?

导航/ 2017年5月24日

设计趋势:侧边导航无处不在,但它有用吗?

在网站设计导航中有一个热门话题:边栏菜单。越来越多的设计师在项目中使用垂直侧边导航,在许多网站设计中,在左侧有一个特定的位置。

虽然它看起来不错,并有助于简化杂乱的整个画面,是否真的有用?将用户响应侧边导航?它是一个设计趋势,应该考虑?今天,我们会尽力去的一些实际和有用的回答问题的心脏。

如何魔法倒是添加到您的互动

CSS/ 2017年5月3日

如何魔法倒是添加到您的互动

用户每次做你的设计的东西,创建一个互动。一些互动,比如点击,去几乎被忽视用户。但是其他的相互作用包括一个神奇的某一位,使用户想与设计更是发挥。

在有魔力的互动和完全势不可挡的互动之间有一条微妙的界限。最神奇的互动是有点意想不到的,简单的,创造情感反应,让用户想要再次使用它。

设计趋势:创新的悬停效果

图形/ 2017年3月6日

设计趋势:创新的悬停效果

无处不在,你看,有一个很酷的新动画效果。如果动画是2016年必备的设计元素,再创新悬停效果上和2017年即将到来的设计趋势。

在某种程度上,由于材料设计的流行和苹果注重小动作的动画指导方针,悬停效果正在卷土重来。但是没有了过去那种俗气的、闪烁的、跳跃的和旋转的效果,动画变得简单、清晰和令人愉快。最好的悬停效果帮助用户并增强体验。

悬停效果可以是对整个屏幕产生影响的运动,也可以是像方向提示或导航元素这样小的东西。

下拉悬停菜单的5种选择

导航/ 2016年3月21日

下拉悬停菜单的5种选择

下拉悬停菜单的时代结束了吗?很有可能。这种设计模式不适用于今天的用户。这一概念有些笨拙,并不能很好地适用于更小的屏幕。

用户希望更易于使用,易于理解和不来更多的选择比他们可以考虑在几秒钟的菜单和导航选项。导航菜单应该是独立于设备的工作以同样的方式,建立一个单一的经验,跨设备类型。所以,你可以做什么来告别那些下拉菜单?我们有五个选择。

如何设计杀手级微内容

图形/ 2016年1月25日

如何设计杀手级微内容

一个设计项目的最小的部分可以是最重要的。这是我们都知道在概念上,对不对?

但是,你有没有被抓到在最后一分钟在这些细节只是填补?请问你的微内容受到影响,因为你已经准备好与项目完成?不要让这种情况发生。规划出从一开始的微内容,以创建更好,更实用件,这将有助于使设计更好的比你所希望的。

7种方法为你的网站设计一个杀手级的“第一屏幕”

图形/ 2016年1月6日

7种方法为你的网站设计一个杀手级的“第一屏幕”

现在是时候谈谈第一屏设计。第一个屏幕是最初的一瞥,用户进入你的网站。这一切滚动以上,用户是否访问来自台式机,平板电脑或移动设备的网站。

你在这个“第一个屏幕”上包含的信息是网站成功的关键。这种设计可以吸引并保持用户的点击,或者迫使他们离开页面。在用户开始滚动之前,屏幕上需要显示什么?让我们来看看。