新闻动态

2019网页设计趋势

2018-06-01 11:52admin


本文中,将主要关注在视觉和交互领域中观察到的趋势,这些趋势对于用户在为他们的日常项目提供灵感方面是有用的。网页设计,用户体验,视觉搜索,AI机器人,5G,Furbys,Fortnite等的趋势。
“ 趋势 ” 可以帮助我们了解和试验最新进展,可以学习新技术,获得更多技能,并在它们出现和发展时以有趣的方式,不同的风格呈现。

2019网页设计趋势(图1)

我们喜欢梦想一个奇怪而有趣的未来,下面为大家介绍一些富有想象力的网站—— 2019年基本网页设计趋势

1.确定开发的主题和方向内容

插图是作为一个不同的元素,因为它在文化上提醒我们艺术的独特性。近年来插画在科技行业蓬勃发展的时代,Slack、Airbnb、Mailchimp、Dropbox和WeTransfer等公司都展示了来自不同设计师和艺术家的作品,让用户在等待的过程中更加愉悦,同时也传达了情感和品牌价值。

2019网页设计趋势(图2)

如今,与知名插画家合作是一种常见的现象,在设计系统中,插画经常被用作传达信息的一种额外表达方式,我们可以在Slack和Glitch的例子中看到这一点。

2019网页设计趋势(图3)

2.基于排版的布局

排版一直是设计的基础,但现在我们拥有高度的自由,表达和实验,排版正在占据其应有的位置。
目前,字体的发展趋势很有个性,但这并不是说要选择字体或它们的组合,而是使用“单词”作为美学和语义的主要元素。文字现在在设计中有了实体的存在,这是一个结构元素,其余的组成部分围绕着它流动。
“与其说是选择字体或它们的组合,不如说是使用“单词”作为美学和语义的主要元素。”
排版突出显示的用途和效果之一是将字体作为图形元素处理,应用变形、效果和动画,以及将不同的样式和权重与粗体、斜体、衬线、无衬线相结合,并在同一段落中愉快地概述了所有这些元素。

2019网页设计趋势(图4)

3.变量的字体

可变字体目前没有足够的浏览器支持,但应该在我们的技能列表中学习。可变字体是OpenType字体规范的发展。一个字体文件可以包含多种字体变体。使用CSS可以访问这些变化和样式之间的动画转换。
在这个例子中,可以看到一个可变字体,我们可以修改weight和serif的参数,这不仅允许创建动画,还允许创建字体的多种变体。

2019网页设计趋势(图5)

可以通过压缩或扩展CSS中的字体轴来实现一般的动画,但是它的其他属性将由字体设计器决定。David Berlow设计的Decovar是一个很好的例子,它是一种多风格的装饰性变量字体,用于参数化多个属性。

4.修饰、扩充和大段文字

段落不再受简单列分布或包装几何形式的限制。未来的段落设计是更大的,充满了悬停,表情符号,图片,样式的变化,和陌生的分布。

5.动画:次要元素和有机运动

动画次要元素是在不消耗过多资源的情况下在视觉上丰富网站的方法,这可能导致加载时间增加。这些动画通常构成微交互的一部分,创造流畅的用户体验。
借助Lottie和Bodymovin等工具,流畅,有机和更复杂的动画栩栩如生。当然,CSS和Javascript为动画界面提供了许多可能性,它们提供了很多参数控制,缓和曲线,混合模式,滤镜,svg变形等,但需要很多技巧。
使用有机变形动画的矢量元素,在界面和微交互中模仿液体或粘性效果,当然排版也不能免除这些类型的动画和变换!

6.可爱的微交互和迷你游戏

正如之前提到的,需要以更通俗的方式表达,这是许多品牌的声音和基调的一部分。这种需要在一般文本,微观图和动画微交互中的小细节中体现出来。
更进一步,增添一丝幽默和趣味,我们发现迷你游戏,作为一种资源,用于在内容加载时让用户更加愉快,同时展示设计师或开发人员的技能,他们与用户建立密切和有趣的联系。

7. 野蛮主义和最大主义

在我们的布局、文本和交互中流动,风格已经逐渐完善,为了界面的可用性而逐渐完善。

8.图像效果、变形和波浪效 果

“GLSL着色器意味着,创建的所有页面都必须在某个地方包含某种扭曲或影响。”




BUSINESS CONSULTATION

业务咨询

*请认真填写需求信息,我们会在24小时内与您取得联系。