广州半 岛网络科技有限公司秉承“为客户创造价值”服务理念,协助客 户通过互联网推广企业产品、树立企业竞争优势,为企业提供7×24小专业服务!祥云平 台专业提供广州优化型网站建设,广州营销型网站,广州营销型网站建设!

设计趋势:波浪和“柔和”线条

您的当前位置: 首 页 >> 新闻资讯 >> 行业资讯

设计趋势:波浪和“柔和”线条

发布日期:2018-06-22 00:00 来源:http://www. 点击:

网站项目的设计趋势比较柔和-浪潮和柔和线条。如果背景被单一的“扁平”色彩所支配,我们正 在看到向曲线和波浪的转变。

元素更轻,更柔软,并唤起 设计的不同整体感觉。特别好 的是波浪和柔和的线条可以用很多不同的方式使每个设计感觉完全不同。(这是一 种几乎可以潜入你身边的趋势,因为它 出现在很多形式中。)

以下是网站设计中的波浪和“软”线趋势。

将眼睛画到CTA

小风格 的设计方案和平面插图仍然是一个流行的设计元素。添加wave可以帮 助您吸引设计的特定部分,包括行动号召。

虽然您 可以使用箭头或三角形元素完成此操作,但wave会提供 一个微妙的指令。用户不 觉得他们被迫进入可点击的元素或消息。

Recruitz使用wave来创建 行动号召和屏幕底部的推荐信息之间的分离。柔软的 分隔线可以帮助眼睛轻松地在元素之间来回切换,并在元 素之间创造出深度,因此设 计不会感觉清楚。(明亮的 配色方案也有帮助。)


设计口音

当矩形 和圆圈不适合项目的情绪时,斑点和 波浪可能是解决方案。对于需 要注意的较大元素的特定元素的微小斑点,较软的 线条会让用户在设计中跳跃。

Papillons de Nuit节日用 波浪来突出事件的元素,做得非常出色。基于波 浪的元素在浅色背景上分开,每个元 素都包含一些特殊的元素:顶部角落有一些动画,“zapping”元素包含多个波浪,底部角 落将您引导至社交媒体链接。在滚动中,更多的波浪和柔和的divots有助于 在活动中连接照片和表演者。

虽然这种设计对于电子商务网站或金融 机构来说可能太多,但它对 于活动页面来说是一个很好的解决方案。外观很有趣,引人入胜和轻盈(所有元 素都有助于推动事件流量。)波插图

尽管波 浪可以成为背景的有影响的独立元素,但它们 也可以合并到一个插图中。这种柔 和的感觉与许多最近流行的强硬线条和小图标有所不同,但结果 是用户可以轻松进入的简单视觉效果。

波浪也 可以帮助创造柔和的白色空间。Retrace Health使用带 有波浪的背景来缓慢移动屏幕。通过对 元素之间的空白量进行微妙的改变,波浪的 起伏会增加和减少图像与标题之间的空间,从而帮 助推动眼睛向上移动。


平衡硬直线

浪潮可 以做的不仅仅是独立自主,波浪也 可以作为背景元素来帮助平衡视觉计划中的强硬路线或其他元素。如果审 美过于苛刻或者需要一点点平衡来感觉恰到好处,可以考 虑一种波浪式的元素修复,

Ghafari的设计 包含一个细微的波浪,你可能 乍看之下甚至不会真正看到。眼睛更 吸引人的照片有趣的形状,明亮的彩色文字,甚至在 顶角的黄金按钮。但是灰 色的浪潮是将它们拉在一起的一块。波浪平衡更重,更严厉的形状,以便设 计不会感到不平衡或失控。这很简单,几乎完全落入背景。

这项技术很重要。并非所 有的设计元素都可以告诉用户。有时候 设计元素更加隐蔽,并且起到支持作用,以帮助 项目保持平衡并确立正确的感觉。


建立背景分离

波浪和 柔和的线条似乎是一个可以让Material Based分层设 计看起来不那么公式化的元素。背景波 可以创建相同类型的分隔,而不是 严格的矩形和圆形以适应图层或基于卡片的元素。

和其他例子一样,结果会稍微轻一些,音色要求也较低。

波浪也 可以适用于另一种趋势 - 渐变。Algolia在这两 种风格中都做了很好的分层元素。该设计 虽然使用了多种效果,但感觉简单易读。


创建参与动画

当你想到“波浪”时,可能会想到海洋。一个标 准的波形动画被保存到最后才能保持这种逻辑联系,当它涉 及到这种设计趋势时,就不会打动你的思想。

但它是波浪的很好的用户。动画波 可以模仿海洋的节奏和自然流动,营造舒 缓和谐的视觉效果。


Futuramo用时间相对性网站来做到这一点。背景波互相地流动。他们很简单,并以自然的方式移动。不同的是,这些方 式实际上与屏幕上的内容没关。当用户 浏览其他内容时,他们只 需设置场景以获得平静的体验。

这个例 子展示了如何用一个简单的视觉主题来捕捉观众,这个主题贯穿了内容。由于通 过内容和设计讲述的故事时间方面,它也很好地连接起来。


半岛小编的结论

曲率更 大的曲线为项目创造了不同的流程和气氛。简单地 将曲线添加到直线可以改变整个项目的感觉,使其不 那么沉重并且更具吸引力。



相关标签:网站建设好评公司

在线客服
在线客服
欢迎给我们留言
请在此输入留言内容,我们会尽快与您联系。
联系人
座机/手机号码
祥云平台技术支持
友情链接:    广西快乐十分   幸运棋牌唯一官方网站   彩乐瀑   七彩娱乐   KG森林舞会游戏大厅