您当前位置:图趣网(Tuquu) >> 网页设计教程 >> 设计欣赏 >> 浏览设计教程

让网页设计活起来!韵律线带你跃动起来

网页的设计既要美观独特,也要符合大众的口味和趋势,也许用布局和线条来优化提升是个不错的选择。
图趣网针对斜线网页布局,发布过一些酷站,大家可以传送过去看下:斜线网页设计欣赏 http://www.tuquu.com/lists/c-111,tid-1177,v2-14.html

用简单的线性元素为网页带来意想不到的效果,这样的线条我们可以称它为“韵律线”。“韵律线”大多以斜线的方式出现,通过改变线条的摆放位置来构造出一个全新的视觉效果。

以下是AnyForWeb为大家搜罗的案例,希望能为设计师们带来一些灵感。

1.扁平化+彩色马赛克的搭配给我们的第一印象一定是可爱和充满了趣味性,这样的设计虽然能令人感到心情愉悦,但要说“高大上”可能就有些勉强了。没关系,欠缺的也许只是一根“韵律线”。

 

2.智邑的网站视觉效果很舒适,AnyForWeb的设计师同样利用“韵律线”把原本很普通的网站打造出一种国际范。“韵律线”的使用会在无形中为网站带来张扬的个性,因此设计师结合卡片式设计,让网站看起来既活泼又专业。

 

 

3.第一个案例是AnyForWeb为MN设计的电子商务网站。设计师根据企业性质选择了大图杂志风作为网站的主调,因为看起来随性自然,所以很受海外设计师的喜爱。但随性风格在网页设计中存在很大的局限性,会让用户觉得不够严谨。基于此,设计师在大图中加入了“韵律线”设计,既让网站的美观度不受影响,又让商户本身的专业性有所提升。

 

 

4.这个案例中的线条在严格意义上来说并不属于“韵律线”的范畴,但它的重要性却不容小觑,简单的线条起到了引导用户的作用,在这一点上和“韵律线”有着共同点。

 

 

5.Mindworks的网站用线条呈现出了略带立体的空间效果,Metro和线条的结合是很常见的一种设计方式,这两者的搭配会迸发出不一样的火花。想要什么样的style可以让色彩来决定。

 

6.用真实的事物来形成网页中的“韵律线”是一个比较独特的创意。这种方法能在不经意间引导用户视线,不刻意的细节能在浏览时发挥出大作用,这才是优秀的设计师。

7.这个案例在“韵律线”的网页使用中属于比较传统平常的一种方式。鲜亮色彩和中性色的搭配、适量的页面留白,再加以个性化的字体设计,简简单单的几个关键要素就能让网站看起来与众不同。

8.Oli Lisher的网站从视觉效果上看并没有很好的用户体验,灰、白色之间的色差太接近,透明度也都很低,导致了用户视线停留在“韵律线”上的时间过长,可能会忽视网页中的内容重点。

9.网页上蓝绿色部分是一种视觉延伸,能带给用户一种干练的简约感,聚光灯状的色块让商品成为独一无二的视觉重点。

 

10.通过“韵律线”产生的立体层叠能为页面整体体现出一种别样的节奏感,也让用户的视觉路径更加清晰明确。

 

网页设计师们可以在AnyForWeb分享的案例中总结网页节奏和韵律对于用户视觉的重要性,可以在自己的设计中适当融入一些相关元素,让整个网站因为“韵律线”而活起来。
原文:http://design.anyforweb.com/newsDetail360.shtml

[教程作者:AnyForWeb]
免责声明:本站文章系图趣网整理发布,如需转载,请注明出处,素材资料仅供个人学习与参考,请勿用于商业用途!
本文地址:http://www.tuquu.com/tutorial/de2562.html
20个最火爆的Behance网页设计及UI案例解析
逆袭高大上!网页设计中圆形元素的应用欣赏
图趣网微信
建议反馈
×