网页中的圆形元素hold不住 该如何运用?

摘要:圆,是一个优雅的形状,但在优雅的同时似乎还带着一种神秘的格调。也正因为圆形元素拥有这种与生俱来的特性,所以在与其他元素合作时,一旦设计师在处理上有所偏差,视觉上就会感到格格不入。那么,该如何合理地将“圆形”这个元素运用到网页设计中呢?

圆,是一个优雅的形状,但在优雅的同时似乎还带着一种神秘的格调。也正因为圆形元素拥有这种与生俱来的特性,所以在与其他元素合作时,一旦设计师在处理上有所偏差,视觉上就会感到格格不入。

圆形元素在网页设计中的使用频率越来越高,效果却并不都令人满意。AnyForWeb找到一些可圈可点的使用案例,供大家从中汲取灵感。

1、众所周知,圆形元素如果使用不当会变得和突兀,甚至影响到整个页面的视觉舒适度,尤其是在简单的环境下,一个面积较大的圆形元素会让页面氛围变得很尴尬。案例所示的正是这样的情景,但不同的是,圆形的水印效果让原本尴尬的气氛完全转变了。

网页设计 网站布局 网站策划

2、圆形元素利用在网站导航上是相对比较少见的,而Bronco的网站实践了这一想法。圆形元素是一种很抢视线的形状,这既是优点也是缺点。页面中的彩色小方块无疑会在第一时间抢占浏览者的眼球,而导航作为网页首屏中很重要的一个组成部分,主要作用在于引导用户,也很需要让用户尽早发现,圆形元素成了不二之选。

网页设计 网站布局 网站策划

3、这个网站使用了比较多的圆形元素,从logo到按钮再到图标,圆形设计无处不在。尽管出现频率很高,但整个页面看起来却毫不拖沓,还增强了网页的设计感,其中的原因离不开周围的环境因素与圆形自身的搭配。滤镜效果、几何元素与圆形幽灵设计相配合,让网页呈现了一种文艺感。

网页设计 网站布局 网站策划

4、极简页面对于视觉重点的需求并不是很强烈,最重要的是利用圆形元素在保持页面美观和平衡的同时体现页面重点。这里所说的“平衡”包含了很多细节方面,比如圆形的大小,线型的粗细,色彩等等。

网页设计 网站布局 网站策划