网页设计的五个实际应用的趋势

2,538 阅读3分钟
原文链接: iamue.com

无一例外,每当我高兴的点击类似名为“今年网页设计趋势”的链接后都会感到失望。如果你写了一个2016年设计趋势列表,其中包括了全屏视频背景那你应该回去看看一些网站之前的各个版本。总之,闲话少说,下面列出五个今年上班年的实际趋势。

1) 全屏 & 不可滚动的页面

如今不可滚动的网站越来越受人关注。没有滚动条的网站,可以用点击顶端锚点链接的方式来浏览内容逐渐成为网页设计的趋势。尽管有人很讨厌限制了滚动操作,但是它有时可以表现得很出色。在设计此类网站时利用的是页面的限制性,键盘导航在此类网站中很常用。

查看图片

Facebook Privacy Basics

三个没有滚动的全屏站点:

2. 标题放旁边

最新的网页设计趋势应该看一些设计机构的网站或者一些设计部门的设计。文章的标题应该可以滚动到文章的旁边,很多很酷的设计师都是这么做的。这是一个web端设计趋势,如果你在移动端上阅读,则没有必要。

查看图片

Code & Theory

三个案例:

3) 加载时会呈现出品牌logo

这是一个巨大的趋势,在今年几乎成了每一个机构网站的共同点。每个网站都应该拥有也应该去做,首先它看起来不错,同时让用户感觉到该网站是该logo品牌的一部分,加深了用户的品牌感。

查看图片

Instrument

在加载时使用logo的三个例子:

  • Instrument— 这个网站的logo只在你打开导航菜单和加载时显示,这是一个有胆量的事情。
  • Fubiz— 每个部分有不同的logo和对应的动画。
  • This Also— 这个不错的设计网站有很多之前从未见过的设计。加载程序时会出现导航图标。

4) 有交互效果的背景图案

有一个背景图片在浏览窗口里不是一件新鲜的事,这好像是2013年的网站设计趋势。但是将一些交互效果添加到背景图片中,比如在鼠标悬停时…那将会使网站提高到了一个新的境界。

查看图片

Active Theory

背景图片交互的三个例子:

  1. Make me pulse— 当鼠标移动到背景时,感觉山有了动感。
  2. Active Theory— 如果你为你的公司设计一个网站,有什么更好的方法能展现出你高超的设计技巧呢?那就是让你的网站像一个谷歌实验,除此之外没了。
  3. Details—它会带来一些滚动。这个瑞士的设计机构显然不想用锚点链接,如果你向下滚动到4/4的页面时,你会看到一些轻微的变形效果。

5)顶部动画的设置

在技术上是可行的,如果做得好那将会是视觉上的享受,但是如果做的不好,不停循环的动画会令人烦躁。所以当你使用它的时候,请谨慎。

查看图片

Waaark

三个例子:

作者:Nils Sköld

译文: IAMUE 小编 bead_交互

未经允许,不得转载本站任何文章:IAMUE-交互设计学堂 » 网页设计的五个实际应用的趋势