首页 > 网页教程 > 设计分享 > 网页设计趋势:斑点和气泡元素、“悬浮的”矩形元素等

网页设计趋势:斑点和气泡元素、“悬浮的”矩形元素等

时间:2018-04-08    来源:优设网

图形和字体是增加网站视觉体验的重要元素,即使它们并不会占据很大空间,影响依然非常明显。如果你仔细观察这个月的网页设计趋势,会注意到设计师在处理字体排版和图形元素的时候非常仔细,充分利用这些元素的概念来营造更为优秀的设计。

1、斑点和气泡元素

不少设计师开始利用诸如斑点和小气泡这样的装饰性元素,分散在网页的各个角落。这些装饰性的元素大多以小圆点的形式呈现,它们的形态多种多样,但是总体上有着吸引视线、丰富视觉的功能。即使是基于相同的设计概念,不同的气泡和斑点,让每个设计项目都有着不同的性格。

这些元素可以是任何色彩,而微妙的渐变和高饱和度的色调是目前设计师的最爱。斑点和气泡本身在形态上也有着柔和流畅的特点,让整个氛围显得圆润顺滑。

设计师借助气泡在整个画布上进行构图,通过衬托来营造深度,借助动效营造动静对比,所有的这些设计可以以不高的成本创造出时髦有趣的设计感。而所有的这些大都是为了一个目的:创造出用户偏好的视觉入口。

总的来说,斑点和气泡是一种吸引用户注意力的有效设计元素。如果你用的好,它们不仅可以作为装饰而存在,还可以作为视觉引导,控制整个页面的动线,给用户以视觉上的自然指引,创造出富有流动性的页面布局。

Andy

Wedze

Sretks

2、“悬浮的”矩形元素

这是网页设计当中,另外一种流行广泛但是尚未有正式定名的一种设计趋势。带有“悬浮”效果的矩形元素它开始出现在各式各样的网页当中,从产品展示型的网站到各种品牌的网站页面,几乎无处不在。

也许是因为悬浮的矩形元素让图层以一种有趣的方式呈现出来,这种设计技巧和视差滚动、动画可以很好地结合到一起。现在这种设计趋势已经表现的非常明显了。

通过带有悬浮效果的图层,各种元素可以独立地按照自己的方式运行。这个概念和Material Design 中“纸”的意象很接近。不过,悬浮的矩形在概念上没有Material Design 中那么结构化,设计师可以发挥的空间也更大。

充满流动性的设计,在视觉上是非常吸引人的,这样的设计更容易鼓励用户互动,因为在这样的设计当中,用户会随着设计的引导而好奇接下来会有什么。从目前的实战案例中可以看到,许多设计中都有悬浮的矩形元素,它们在整个布局中作为信息的载体,可以打开和关闭,充满了神秘感,也承载着关键性的交互。

悬浮的矩形元素的优势字啊与,它几乎可以任何元素匹配起来,可以很简单也可以很复杂,可以简单的几个区块搭配起来,也可以是由很多矩形来构成信息流。

这一设计趋势的优势在于灵活自由,以及强大的可定制性。不过从独特性上来说,相对于其他的要弱一些。

Badsam

相关推荐
前瞻:2012年Web设计和开发的15个最新趋势
2013年web开发者最需要了解的开发趋势和技能
2013年最受欢迎的20大网页设计趋势分享
最新的七个WEB设计趋势及其生存技巧预测
展望2015年网页设计趋势
网页设计师必看:2015全球网站设计趋势推荐
最值得关注的21个网页设计趋势:单色网站、视频背景等
四大设计趋势教你如何你玩转2015年网页设计
从日本设计机构看日本的网页设计文化与趋势
2015上半年最具代表性的网站设计趋势TOP 10
不一样的角度!老外设计师眼中的国内设计趋势
盘点2015下半年网页设计的9大趋势
读懂十大未来设计趋势,别让你的设计白费力气
明年最值得关注的16个网页设计趋势
年度总结:最新视觉设计六大趋势分享
底部导航设计、Box元素、竖线元素3种最新网页设计趋势
网页设计新趋势:非对称布局、感知化设计、自定义字体等
这5种网页设计趋势已经过时,你还在用吗?
海报式首页、渐变式文本等3种网页设计趋势分享
中文网页设计排版之破格的好例子
对齐是排版的基础技能 也是设计师的基本功
设计基础功!彻底掌握设计中的对比原则
设计教程:写给网页设计新手的10条实用法则
网站策划:帮你掌握图文排版的5个小技巧
腾讯设计实战!响应式Web布局的概念和实践方法
7个技巧帮你设计出用户体验极佳的网页表单
UI布局设计:文章列表与内容详情页设计案例赏析
Web页面中的表格设计如何才能做得更好?
高用户体验的表单设计该怎么做?
网页首屏设计:让用户一见钟情的设计模式是什么?
UI设计教程:从零开始做APP之界面设计篇
跨屏幕的响应式设计如何做好用户体验?
移动端详情页设计:排版 构图 色彩 氛围点缀 字体怎么做?
电商设计教程:电商APP首页设计总结
优秀排版设计的8条建议

精彩推荐

热门教程