虚拟主机域名注册-常见问题网站推广问题 → 网站推广问题


网站设计波纹曲线正确应用技巧
作者:佛系站长

  最近,波纹曲线在网站规划中呈现得越来越一再。相关于健康的直线而言,波纹曲线愈加柔软,能让页面显得愈加轻盈,还可以灵活地同其他各种风格的元素分配,有助于调和网站的整体美感。在网页和UI中,当令的参与波纹曲线这样的元素,能让界面愈加天然,愈加轻盈。波纹曲线的优势在于,它可以无缝地同各种不同的风格融合到一同,并且具有调和不同的元素、不同风格的特性。也因而,波纹曲线的运用办法很是多样,可以搭建出多种风格的网站。今日我们就一同来看看波纹曲线怎样运用到网站规划中,让网站更有特征吧。

  1.规划引人注意的CTA按钮

  就现在而言,极简主义和扁平化规划仍是网页规划的主潮流,而波纹曲线与这两者有着天然生成的符合,可以用在网站中引起用户关于特定区域的注意。这也是为什么不少网站运用波纹曲线让CTA按钮更超卓。或许你会觉得运用箭头或三角形元素可以抵达相同的目的,其实不然。波纹元素与前者比较有一点纤细的不同,那就是它满足柔软,它在引起用户注意的一同不会让用户发作被压迫去做某事的感觉。

  Recruitz就在网站主页的下边沿中运用波纹曲线将CTA按钮和网站证书荣誉差异开来,这种轻柔的切开有助于用户来回阅读,自然而然注意到CTA按钮。多层的波纹曲线还让网页有了层次,整个规划不会显得平铺直叙。当然,下图中CTA按钮能招引用户留步,也要得益于亮堂的突变橙色的运用。

  2.虽然波澜曲线可以独立存在,用在布景中创造一些诙谐的效果(比如上面两个网站),但它的运用场景可不仅于此,它还可以与插画结合运用。现在许多网站中运用的插画都选用扁平化规划,棱角清楚,直线非常多,而在插画中参与波纹曲线可以起到柔软视觉的效果,更容易招引用户的视野。

  Retrace Health网站在主页插画的天空中参与了一道柔软的曲线,这让整个插画呈现了层次,上方的空白区域不再单调,但却依旧确保了留白的效果。网站的整个视觉体会得到提升,可见这美妙的改动恰到好处。

  3.添加规划特征

  运用矩形和直线的网站实在是太多了,并且有时网站规划中的某些情感是矩形和直线难以表达的,这时柔软的曲线就派上用场了,它的运用可以给网站增色不少。下图是The Papillons de Nuit festival网站的主页。虽然淡色的主页布景上运用了许多曲线元素,但在具体细节方面各有不同,很好的超卓了活动主题。

  4.完毕分层或卡片式效果

  并不是只要棱角清楚的矩形、圆形才调创造出分层或卡片式的效果,波纹曲线相同也可以完毕。除此以外,柔软的波纹曲线还有一个利益,那就是让分层或卡片式效果显得没有那么刻板、公式化。为了完毕这一效果,波纹曲线常常需要和突变色一同分配运用。

  Algolia这个网站就是一个经典栗子,它用曲线创造出分层的效果,结合曲线和突变让网站更调和、诙谐。虽然这个网站上运用了许多突变色、直线和曲线,它却彻底没有给用户的阅读阅读构成担负,它是简略、易懂的。

  从上面的一些具体实例中,我们可以看出波纹曲线有平衡规划、调理气氛、传递情感等效果,能让网站在视觉上更显柔软。可以说,在大多数网站规划项目中,波纹曲线都有用武之地。当然,在网站中运用什么样的规划元素最主要仍是要根据自己网站的工作特征、政策受众的喜欢等来确认,千万不要一昧的追逐规划潮流趋势。




来源: 深圳网站建设
阅读:585
日期:2019-07-06

【 双击滚屏 】 【 推荐朋友 】 【 收藏 】 【 打印 】 【 关闭 】 【 字体: 】 
上一篇:深圳网站建设分享交互设计五原则
下一篇:线框图和原型图的含义与区别
  >> 相关文章