最近,波纹曲线在网页设计中出现得越来越频繁。相对于硬朗的直线而言,波纹曲线更加柔和,能让页面显得更加轻盈,还可以灵活地同其他各种风格的元素搭配,有助于协调网站的整体美感。也因此,波纹曲线的使用方法很是多样,能够搭建出多种风格的网站。今天我们就一起来看看波纹曲线在网站中有哪些作用以及对应的具体实例吧!
1. 增加设计特色
应用矩形和直线的网站实在是太多了,而且有时网站设计中的某些情感是矩形和直线难以表达的,这时柔和的曲线就派上用场了,它的使用可以给网站增色不少。下图是 The Papillons de Nuit festival 网站的主页。虽然浅色的主页背景上使用了很多曲线元素,但在具体细节方面各有不同,很好的突出了活动主题。页面左上角的曲线是动态效果的,中间的"Zapping"元素中使用了多条细长的波浪曲线,而右下角的曲线则是用来引导用户前往社交链接网站。当你滚动页面时,这还会出现更多的波浪曲线,将照片与表演者一一对应起来。
确实,对于商城网站或金融机构网站来说,这种波纹曲线元素的设计可能显得随意。但对于活动主题或时尚网站来说,波纹曲线绝对最能调动气氛,让整个设计趣味十足,引人入胜,带来不少网站流量。
2. 设计引人注意的CTA按钮
就目前而言,极简主义和扁平化设计仍是网页设计的主潮流,而波纹曲线与这两者有着天生的契合,可以用在网站中引起用户对于特定区域的注意。这也是为什么不少网站使用波纹曲线让CTA按钮更突出。可能你会觉得使用箭头或三角形元素可以达到同样的目的,其实不然。波纹元素与前者相比有一点细微的不同,那就是它足够柔和,它在引起用户注意的同时不会让用户产生被压迫去做某事的感觉。
Recruitz就在网站首页的下边缘中使用波纹曲线将CTA按钮和网站证书荣誉区别开来,这种轻柔的分割有助于用户来回浏览,自然而然注意到CTA按钮。多层的波纹曲线还让网页有了层次,整个设计不会显得平淡无奇。当然,下图中CTA按钮能吸引用户驻足,也要得益于明亮的渐变橙色的应用。