9月开学季,都有什么设计趋势正流行?

发布日期:2018-09-06
浏览次数:90
  
每当进入下半年,网页设计圈都会趋于稳定,设计趋势的更新也会放缓。不过小飞发现一些具体的设计项目中还是有不错的设计趋势滴。如果你最近手上刚好有正在推进的设计项目,但又缺乏足够的灵感,不妨看看下面这些。



1. 精心定制的插画


近几年来,插画在UI和App设计项目中出现的比例越来越高,甚至隐隐有超过了图片的趋势。这主要有两个原因,其一,插画的视觉吸引力更强,更能给用户留下深刻的视觉印象;其二,插画的个性化特征更加鲜明,更适合用来发挥创意、营造氛围、呈现信息。

当然,并不是说在网站中随随便便应用一张插画就能带来较好的效果。真正高效的插画一定是有针对性的,易于识别的,能够被不同的用户轻松理解的。不清楚如何让插画在网页中发挥作用?

Growcase 是设计师 Emit Ayouni 的个人作品集。他在网站上使用了图标式的插画设计,个人风格很是强烈,不仅赋予了网站独特的风格调性,而且还进一步激发了用户探索网站的兴趣。


Ester Digital 网站使用的是设计感极强的素描插画。当用户滚动浏览时,插画上会出现微妙的动效。这里的插画同样是高度定制过的,而这一点非常贴合网站「创意设计公司」的主题,有助于增强用户对网站主旨的认识。


ICO Syndicate 也是将插画与动效元素结合起来使用的。网站首页的插画线条简约、配色简单,但涉及的内容元素却有很多。




2. 差异化面板设计


当我们在讨论网页设计的时候,总是离不开「屏」这个概念。虽然网页总体上是一条很长的页面,但由于我们使用显示屏来查看页面,这使得我们每次只能看到页面的一个部分,也就是常说的「一屏」。

而现在,不少网站开始将一屏当成一个独立的面板进行设计,多个差异化的面板构成了整个网站页面。这种形式的布局设计,虽然可能会降低网站不同模块之间的关联度,但它强化了网页内容组织的自由和包容性,提供了更多关于网页内容堆叠的设计技巧。当然,这种差异化设计是以用户可以无缝浏览不同屏幕内容为前提的。下面是差异化面板设计的3个优秀范例:

Adaptable 网站主要使用了两种类型的面板设计:全屏设计和分屏设计交替出现。除此以外,有些面板并没有完全兼容当前屏幕,这是为了让用户在浏览当前屏幕时可以提前知道下一屏的内容。


Van Cutsem 采用多种形式的面板设计,以给用户呈现更加清晰的内容层次结构。


Blindspotting的面板种类也非常多样,从全屏设计、到分屏设计,再到承载图片和视频的内容区块设计。在这个网站上,差异化的面板主要是用来突出将要上映的电影。




3. 善用紫色


紫色是潘通发布的2018年度流行色,它代表着高贵、 庄严、 神秘、创造力、智慧、独立等,可以用来紫色的词语实在是太多了。

人们对于紫色的情感联系也很鲜明,要么十分喜欢,要么特别讨厌。也因此,相比其他颜色,紫色在网页设计项目的使用频率要低一些。不过,如果能与正确的信息和内容相搭配,紫色也能够成为一种强有力的配色方案。

我们在使用紫色时,不管是将它作为背景、用来强调或是用作前景元素,一定要首先考虑它是否契合网页的整体基调。如果你还是没有什么头绪,可以多看看其他设计师的相关设计作品:

ColorZ 在网站首页设计了一个紫色的圆圈,用户可以从这个圆圈中窥见背景图片的纹理,整个网站的层次感一下子就出来了。除此以外,这个紫色圆圈也是一个视觉焦点,吸引用户去注意网站中的文本信息。


Crescosa 这个网站采用了经典的分屏式设计,网站的一半屏幕采用了紫色,用来承载超大的导航菜单元素。屏幕中间是一个大的紫色宝石块,帮助吸引用户的注意力,引导用户与页面进行交互。


Verity 结合动态的灯光效果使用了深紫色的背景,视觉上给人以星空般的感觉(这是紫色图片和背景最常见的一种应用形式)。紫色之所以能在这个网站发挥效用,主要是因为网站的图片、颜色、文案保持了高度的统一,比如”魔法是真实的”的文案就与用户看到紫色可能会有的联想相吻合。


如今很少有网站会只使用一种设计趋势,大多数设计师都倾向于博采众长,将多种优秀的设计技巧结合起来使用,所以,了解一些当下最流行的设计趋势,将其添加到自己的设计项目中是非常有必要的。当然,千万不要为了迎合潮流而使用与自身网站定位不符的设计趋势,恰到好处的设计更能打动用户。


登录后即可发表评论,立即登录.