最新网页设计趋势如何？

发布：2017-11-04 11:53:03 浏览：3593

设计的改变和创新日新月异，变化莫测，作为一个设计师，都会紧跟变化趋势的脚步，试图摆脱简单、封闭的作品。越来越多的作品开放，剪辑的作品层出不穷，这似乎看起来是混乱的。在这个过程中扮演重要角色的是Canvas和WebGL，现代的项目往往比最简单的项目有点混乱而且不太直观，但是对用户来讲却会有很持久、强烈的印象。

2017最新网页设计趋势又如何呢？

更加丰富的背景和图案

越来越多的网站中使用了更加丰富的背景和图案，例如小破折号、条纹或点等。

特别常见的是网格图案被视为布局中其他元素的“框架”。这些元素以视差原理在网格上移动，并且以混乱的方式排列

网格布局

使用网格模式的第一个网站之一是werkstatt.fr，这个网站没有使用特征动作。

在这些情况下，它具有非常具体的功能——元素的所有运动都符合逻辑。它可以使非常规的决策合理化，并提供问题的答案。例如“为什么图形的边缘与按钮的边缘不合?”，它创造了一个节奏，同时证明了违规的行为。

装饰细节

细节最近才开始改变，从简约的、原始的表单跟随功能逐渐脱离出来。还有更多的元素只具有装饰功能，悬浮的几何图形或其碎片是常见的。线性、摇摇欲坠的图标与说明的内容也会略有分离，下划线和分隔符正在转移。

按钮被创建为中间可以插入文本的粗糙矩形。它们通常设计是柔和、偏移的破折号。

不对称

2016年统治了设计行业很长时间的对称也被打破，许多设计师创造出左右不对称的布局。

“混乱”的布局

在过去的一年里，很多设计师都有意识的故意摆脱简约的创造方式，希望有更大的自由和更加不严格的设计方式。某些时候人们会厌倦创建简单布局的元素。

然而从2016年开始分析项目时，混乱的布局就开始显而易见了。布局任然基于形式、颜色、纹理和尺寸等经典的对比，改变的是不同元素的位置和元素之间的依赖性与和谐性。尽管这些混乱元素是单一主题区块的一部分，但它们是分开的，并且距离很远。它们与容器的边缘没有对齐，并且具有不同的填充效果。

有些几何图形悬浮只有一个装饰的目的，它具有重叠元素的特性。文本的部分与图片重合或者图像彼此重叠，。

这也是破坏典型的简约和谐风格的案例。大标题与精致的装饰和分隔符形成鲜明的对比。

多样性

设计师创造了更多的动态成分，大量的交叉对角线，或是基于有机形状更复杂的。

开放组合

现在设计界还是被封闭、对称和静态组成主导。2016年有很多网站都偏离了这种风格，在屏幕外一些松散的元素开放组合越来越受欢迎。这些网站上的部分元素给人的印象是他们依然存在于超出显示器的边缘处。

大型排版作为关键视觉的一部分

一个非常酷的、经常被选择是使用非常大的尺寸在KV的文本。它在标题和其余内容之间创建了非常强大的对比。

对排版的附加效果

排版和图像是电影或动画之间的强大整合。个别部分是内部一致的，排版与背景和其他元素相互作用。目前，设计师正在创造所有元素之间的有趣的关系——将印刷版画成背景、动画化等。

段落中的字母大小

我从印刷设计师开始工作时就有用10px字体的习惯。不过，我很快意识到，在网络世界中，14px才是最可读大小的文字。

目前，我们可以注意到使用更大的字体，这在使用衬线时尤其受欢迎。

几何字体

无衬线几何字体越来越受欢迎，例如Futura、ITCAvantGarde、ProximaNova或GoogleLibrary-Poppins和Montserrat提供的经典作品。这些字体比“隐形”新奇的字体更加独特。

字体

使用衬线字体是非常常见的，不仅包括段落或签名中，还包括在大标题中。具有较大装饰价值的字体特别常用，引用Bodoni或Didot的其他字体也很受欢迎。

等宽字体

使用通常与打字机相关的比例字体是一个新奇的东西。

对比字体配对

在2016年，形成对比度较强的和平配对文字中脱颖而出。这种对比字体通过文本大小之间的高对比度，加强了表达的组合。大型和装饰衬线字体与简单的几何字体组合，就像几何字体的标题与段落中的衬线配对一样。

段落之间的平滑动画

谈到网站动画其实设计师并不新鲜。你也不能说他们与最低限度的做法不符。然而，Canvas是网页设计中更大可能性的组成部分。新的机会允许设计师做一些不同创新，因此总能吸引人。

动画的丰富性导致消除了页面部分的严格划分。一个网站在滚动期间顺利地改变，内容逐渐被替代为柔和的动画。这些过渡的顺序正在变得越来越深入。动画不仅仅是内容块之间的一些随机效应，而且在预定时间出现每个元素的分段叙述。动画是网站创建时一部分，不仅仅是一个随便添加的细节。

有趣的动画丰富了简单的布局——添加一个新的值，并构成页面的唯一性。它们是整个项目的实质，也是在网站上创建漂亮、流畅的结构的重要组成部分。

丰富的排版

趋势的变化也可以在使用的字体中看到。最近整个互联网由简单的新奇怪风格主导，如Helvetica、Roboto、Lato或OpenSans。新闻头条的设计具有更多的新奇装饰，而段落才被设计成更简单的风格。另外Serif字体不经常使用。

在过去的两年中，事情已经开始改变。设计师开始大胆地使用不同种类的字体。现在设计师们更愿意使用衬线字体与非衬线字体。

网站中的排版中会发生很多的变化——文字是动画的，而且被分解成个别的信件，各种各样的效果，图像和视频。

更强大的技术能力和更勇敢的决策会使得网页印刷多样性增加。

在去年的趋势来看，设计师在颜色上下了很多的功夫，也做出了很多改变，比如颜色的使用越来越偏向于淡，不管怎么改变，颜色始终是给用户第一直觉上的体验，可谓重中之重。新的改变正常到来，网站设计的改变也很难猜测。