你是会员吗?RegisterorLogin

Open Menu
  1. 文章γ
  2. Navigation

Navigation

学习如何在桌面或手机上为您的网站制作有效的导航。Design navigation that helps users easily find what they're looking for.

10 Modern Website Navigation Tips & Ideas

Navigation27马尔2019

10 Modern Website Navigation Tips & Ideas

One of the elements of website design that you don't always think about first is navigation.(尽管你可能应该这样做。)用户将如何在设计中移动?他们将如何找到他们不明显的元素?

Website navigation trends have changed a lot;moving away from overwhelming mega menus to lighter more minimal options.And there's some value to that thought – too many choices can overwhelm users.在他们需要的地方提供他们需要的信息,以增加参与度。别把厨房的水槽扔给他们!

Today,我们将查看一些现代网站导航技巧和想法,以帮助您做到这一点。

Infinite Scrolling: Pros and Cons

布局/ 26 Sep 2018

Infinite Scrolling: Pros and Cons

One-page websites are a major design trend.Especially when it comes to one-page designs packed with content,由于无限滚动技术,设计师可以无限期地继续网页。

这项技术对某些网站和内容类型非常有用,而对其他人来说,这可能是麻烦和令人沮丧的。Like any other design technique,你不应该仅仅因为你想尝试一些新的东西而这样做;it should be a strategic part of your design framework.So how can you decide?Let's take a look at the pros and cons of infinite scrolling websites.

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

布局/ 20 Dec 2017

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

旧的把它放在卷轴上并不总是你的内容和设计需要的。Here are seven ways to create a long-scrolling website that will keep the attention of users,希望保持滚动。

Long-scrolling can be a stellar way to engage users.有时,最好的视觉呈现可能并不完全发生在卷轴的上方。Long-scrolling formats are websites that scroll multiple times to capture that content.Let's put the often-debated concept to rest.今天的用户了解滚动的方式和时间。

比较视差效应:5个选择要考虑

布局/ 13 Nov 2017

比较视差效应:5个选择要考虑

Parallax effects remain one of the hottest web design trends.当背景和前景以不同的速度移动,而用户滚动时,这种动画滚动技术会发生,这样就有两个独立的层同时移动。

This effect can be used for any number of website types and is a fun way to create – and increase – user engagement.The nice thing about parallax effects is that you don't have to use them on every page of a design;parallax scrolling is a great homepage technique to help drive users to calls to action or other content.

Parallax effects create an element of depth and distance and a greater sense three-dimension than some other techniques,making users feel like part of the design.

The downside to parallax effects is that they don't always work on mobile devices.(But there are some workarounds for that as well in the tutorial at the end of this article.)

这里有五个视差效果和风格要考虑。(请确保单击链接查看每个动画的确切工作方式。)

Design Trend: Side Navigation Is Everywhere,but Does It Work?

Navigation/ 24 May 2017

Design Trend: Side Navigation Is Everywhere,but Does It Work?

网站设计导航中有一个趋势主题:侧边栏菜单。More designers are working with vertical side navigation for projects,with a specific location on the left side for many of these website designs.

And while it looks nice and can help streamline clutter in the overall canvas,真的有效吗?Will users respond to side navigation?Is it a design trend that you should consider?Today,we'll try to get to the heart of the questions with some practical and usable answers.

How to Add Touches of Magic to Your Interactions

CSS/ 3 May 2017

How to Add Touches of Magic to Your Interactions

每次用户对你的设计做些什么,an interaction is created.Some interactions,such as clicks,go almost unnoticed by the user.But other interactions include a certain bit of magic that makes the user want to play with the design even more.

一个具有魔力的互动和一个完全可以压倒一切的互动之间有一条细线。最神奇的互动有点出乎意料,简单的,create an emotional response and make the user want to use it again.

Design Trend: Innovative Hover Effects

绘图6马尔2017

Design Trend: Innovative Hover Effects

Everywhere you look,there's a cool new animated effect.If animation was the must-have design element of 2016,then innovated hover effects are the up and coming design trend of 2017.

部分原因在于材料设计和苹果动画指南的普及,重点是小动作,hover effects are making a comeback.But instead of the tacky,闪烁,bouncing and spinning effects of the past,动画很简单,sharp and delightful.最好的悬停效果可以帮助用户增强体验。

Hover effects can range from motion that has an impact on the entire screen to something as small as a directional cue or navigation element.

5 Alternatives to Drop-Down Hover Menus

Navigation/ 21 Mar 2016

5 Alternatives to Drop-Down Hover Menus

Is the era of drop-down hover menus over?它可能是。This design pattern doesn't work for today's users.The concept is clunky and doesn't always translate well to smaller screens.

Users want menus and navigation options that are easier to use,simple to understand and don't come with more options than they can think about in a few seconds.Navigation menus should be device-agnostic and work in the same way,creating a single experience,跨设备类型。So what can you do to say goodbye to those drop down menus?We have five alternatives.

How to Design Killer Micro-Content

绘图/ 25 Jan 2016

How to Design Killer Micro-Content

The smallest parts of a design project can be the most important.这是我们在概念上都知道的,right?

但你有没有被抓到在最后一刻填写这些细节?Does your micro-content suffer because you are ready to be finished with a project?别让这种事发生。从一开始就计划好微内容,创造更好的更多有用的部件将有助于使设计比您希望的更好。

7 Ways to Design a Killer ‘First Screen' for Your Website

绘图/ 6 Jan 2016

7 Ways to Design a Killer ‘First Screen' for Your Website

It's time to talk about first screen design.The first screen is that initial glimpse that a user gets into your website.It's everything above the scroll,用户是否从桌面访问网站,平板电脑或移动设备。

The information you include on this "first screen"is the key to website success.这种设计可以吸引和保持用户点击,或者强迫他们离开页面。在用户开始滚动之前,屏幕上需要什么?Let's take a look.

Grid-First Design: How to Create Vertical Rhythm and Harmony

布局/ 8 Dec 2015

Grid-First Design: How to Create Vertical Rhythm and Harmony

When you hear grid,what's the first thing that comes to mind?For most designers,它通常是一个基于水平的概念,在画布上有列。This is especially true when thinking about web and digital design projects.

But what about vertical grids?同样重要的是创建页面上下流动。And there are a number of ways to do this with grid systems.

网站导航趋势:10个提示和示例

dota2雷竞技靠谱吗 / 14 Sep 2015

网站导航趋势:10个提示和示例

By now the term "hamburger menu"是我们都熟悉的东西。爱还是恨,this little element has been one of the bigger trends in website navigation design this year.

但在我们如何设计导航模式和元素方面,这并不是唯一发生的巨大变化。From super small navigation – such as the hamburger – to oversized navigation options,providing users with a clear and easy path to information should be a top concern for designers.