蜂巢联合-北京网站建设 | 北京网站制作 | 北京网站设计

建站咨询热线:010-86380355 售后客服:010-51265897 QQ:1219770678  

您现在位于:首页 >> 网站建设知识


丝带、标牌在设计中的巧妙应用

蜂巢联合:http://www.mycomb.com/    发表日期: 2013-12-8 14:20:06   点击数:4639  

在网站设计时,如果设计一些漂亮别致的花纹、图案,特别是现在网络上比较流行的丝带和标牌,无疑会极大地增加网站的美感度。丝带的作用不言而喻,很多人都清楚这个元素。但是标牌——我的意思是放在屏幕上方的一个人造标记,看起来有点像T恤衫商标。我认为,如果同时使用这两种元素的网站,其质量应属上乘。
 
    有一个问题,为何要使用丝带和标牌?标牌能高度吸引用户注意力,直接将内容摆在用户眼前。标牌形式极为突出,无论使用3D式或是强烈的对比色,标牌都是显示重要信息:logo、导航、活动等。丝带的道理也一样,常与标牌一并使用,高度吸引用户注意并显示重要的信息。丝带两端的箭头形状在视觉上都指向它上面的内容,能直接吸引用户注意。
 
    下面,我们首先看看丝带相关的展示。
    Letter Learner:通过丝带完美地构造出了网站名字Letter Learner。页面布置也是一个简洁的单列。丝带构造标题容易激发用户从顶部开始浏览和访问的体验。
 
    Ribot:Ribot页面的丝带运用很巧妙。这个流行元素使得整个页面生动有趣,将公司的焦点围拢在简单的两行文本中,真是很棒的表达办法!这是因为,这家公司的名字并不直接告诉浏览者它是做什么的。
    Alex Pierce:Alex Pierce主页的文本巨大,必须采用对应元素平衡页面的沉重感。这样,丝带在头部的作用就开始发挥了。
    Rockaholic:在Rockaholic的这个页面上,丝带直接吸引用户注意力移动向下,使浏览者视线在网页上垂直移动,让人不由得继续挖掘下去。
 
    Blog en Bois:网页的单箭头丝带格外彰显张力,这主要得益于明黄背后的暗色调。
    HTML5Boilerplate:网页大受欢迎,其使用丝带令我们不得不注意网页上最重要的活动元素。我非常喜欢这种不必在脸上写着“Download here”文字就能发挥作用的丝带。丝带间简单的连接和标牌就能告诉我们下载资源的位置在哪里。
     Wells Riley:这是丝带应用美学上的最经典。丝带设计得非常棒,非常凸显网页重点。
   
     Chipmunk:这是一个丝带和有机元素完美结合的例子,丝带紧紧围绕着导航栏,并与图案互相完美融合,同时确保导航栏没有被图片所掩盖。
 
     其次,我们再来看看标牌网站的展示:
     Ennea:看见了吗?Ennea属于服装网站,它毫不犹豫地使用标牌构造Logo和网站的名称。直白的方式有时候最为有效。
    Philip Meissner Design:网站上标牌构成重要导航。有时候,我会被这种方式弄得一塌糊涂,不过话说回来,这杨的布局和颜色让我第一眼就注意到了。
 

本站关键词:网站建设  北京网站建设  网站制作 网站设计  建网站 做网站  网站改版
      
   

       

上一条:网站设计中构建惊奇页面效果  下一条:建网站过程中,客户需要配合做哪些事情?

 

 

 联系我们 | 关于我们 | 网站地图 |虚位以待 | 蜂巢动态 | 汇款方式
建网站热线:(010) 86380355 13720004070 QQ:1219770678
售后服务电话:010-51265897 传真:010-51265897转822 地址:北京市海淀区西土城路31号12号楼1单元801室 邮编:100088
北京蜂巢联合科技有限公司 版权所有 京ICP证050691号