添加到百度首页
添加收藏 RSS 网站地图 旧版网站
  • 全部
  • 网页特效
  • 建站教程
  • 设计分享
当前位置:首页 > 设计分享 >

网页设计师如何使用圆形元素?

时间:2014-11-02      来源:互联网     

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

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

网页设计师如何使用圆形元素?-【科e互联】
 

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

网页设计师如何使用圆形元素?-【科e互联】
 

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

网页设计师如何使用圆形元素?-【科e互联】
 

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

网页设计师如何使用圆形元素?-【科e互联】
 

  5、Jarad Johnson的网站用圆形元素把页面的条理性变得很强。很有力的提升了网页的可读性和协调性。

网页设计师如何使用圆形元素?-【科e互联】

web前端视频教程
标签 网页设计
相关文章
web前端视频教程


最新更新

网页特效

web前端视频教程