返回  

2018年要关注的10个网站设计趋势(上)

2017/12/14 10:10:41 来源:深圳网站建设公司Clh

随着2017年即将步入尾声,这是一个反思过去一年所做的成就的好时机,不仅要反思过去,同样,我们也应该开始着眼于未来在网站设计领域可能流行的趋势。


如果你注意到最近新的设计,甚至仅仅只是调整的设计,你可能会发现一些明显的趋势开始出现。以下是一些可能在2018年很流行的网页设计趋势(其中许多概念也可以用于平面设计)。


1.不对称网格

Asymmetrical Grids

追求极致的完美对称的时代可能已经结束了。虽然分屏设计是2017的一个大趋势,但是不对称的视觉轮廓正在发生演变。

设计师正在用一种更不对称的网格图形来分割和区隔开屏幕上不同的视觉元素。

为了使这一概念能够更好的工作,你可能需要有一个独特的平衡点,设计一定不能出现“偏重”的情况,所以空间和文字往往是平衡视觉效果最好的元素,它可以帮助引导用户的视觉以便“读懂”整个设计。

所有看似不同的元素通过巧妙的安排聚集成一个整体,设计仍然需要在视觉上保持一致性,这有助于保持一切看起来都是有组织的(在上面的案例the Club of the Waves网站设计中的元素就是以这样一种方式组织起来的,这就是为什么不对称设计在视觉上仍然感觉如此平衡的原因)。


2.更明亮的颜色

More Bright Color

鲜艳的色彩似乎是已经流行很长一段时间的设计潮流。它是平面设计的重要组成部分,对Material Design同样重要,这两个概念仍然是许多不同类型的项目的一部分。

即使页面中没有任何的扁平化或Material Design的元素,明亮的颜色本身就足够引人注目的,可以帮助吸引用户快速的进入到设计中。明亮而大胆的色彩选择尤其让年轻用户耳目一新。

这些颜色的选择,也可以创建一个意想不到的审美,尤其是对网站设计或一个公司来说,用户可能不知道原来还有这么一种时髦的氛围。Ford,在上面的案例中,可能谁也不会想到这么一个偏传统行业的公司通过大胆的渐变用色,让它的网站以及想要表达的内容变得灵动起来。


3.底部固定元素

Bottom Sticky Elements

在应用程序和移动端网站底部的所有这些小广告也在走向桌面和平板电脑的网页设计。这不仅仅只是广告,聊天(客服)窗口,通知等元素,甚至导航元素都可以直接贴在屏幕的底部。

这个位置并不会让用户感觉突兀的原因是,他们并没有侵犯都主要的视觉区,并且基于移动端的使用习惯,这些类型变得可以接受。

在屏幕底部的一个广告,正如上面的the Burlap and Blue博客,似乎页面上看起来更干净以及有条理。用户可以选择关闭或一致让它停留在那个位置上,因为它并不掩盖内容。


4.语音和自然语言搜索

Voice and Natural Language Search

网站设计的未来趋势在视觉的要求上回逐渐弱化,取而代之的是声音的出现。

从设计能够“倾听”和理解语音命令到将模仿自然语言的搜索词结合起来的接口,集成语音和语言世界将是网页设计项目的当务之急。

虽然有些其他趋势在2018年可能不会变得更加流行,但语音和自然语言搜索在使用和普及方面只会更加需要和必须。你应该现在就开始计划,这样你就可以轻松地把它纳入到你未来的项目中。


5.“流动”的形状

Fluid Shapes

具有较为锋利的多边形和几何图形在2017年可以说是一个很大的趋势,但是,柔软的形状与更流畅线条外观,甚至在动画的使用上正越来越受欢迎。

平滑的线条是多边形趋势的自然发展。Design Shack在今年早些时候就曾对多边形集合图形的趋势做了一个针对性的介绍,描述写道:“这种多样化趋势中最好的部分之一就是这些设计都是如此不同”。多边形通常是平面的,二维的形状,虽然在网站项目中,一些多边形在动画上的移动方式似乎有更多的三维特征。

同样的特性适用于更多的形状;关键的区别在于,对于尖锐的相交线的弱化,每一个形状都是由光滑的曲线贯穿整个设计。


6.微妙的动画

Subtle Animation

小而简单的动画可以让用户刚到惊喜和愉悦。它们还可以帮助提供信息,引导用户更积极地参与设计。

但精妙的动画并不能作为隐藏加载时间的元素,他应该就是设计本身的一个部分。

从悬停状态到镜头的移动再到插图,动画索要传达的需要给人一种真实的感觉,细微的动作可以帮助创造一个独特的联结,让用户更好的参与。为了让设计中的精妙动画发挥作用,你可能需要学习一些相关的知识,但是有一点你需要清楚:你需要只选择一种动画“技巧”并坚持下去,动画应该感觉真实,模仿物理规律,不要强迫使用声音或点击动作来移动它,确保动画在正确的时间上循环上播放,以便用户知道动画何时完成(这是一个迹象,表明他们可以继续做他们第一次来到网站的事情)。



未完待续...





----图文来自:design shack 

----由深圳网站建设公司-Clh翻译编辑整理,为您提供更多有关深圳网站建设网站设计网页设计及其他互联网应用服务