天极传媒:
天极网
比特网
IT专家网
52PK游戏网
极客修
全国分站

北京上海广州深港南京福建沈阳成都杭州西安长春重庆大庆合肥惠州青岛郑州泰州厦门淄博天津无锡哈尔滨

产品
  • 网页
  • 产品
  • 图片
  • 报价
  • 下载
全高清投影机 净化器 4K电视曲面电视小家电滚筒洗衣机
您现在的位置: 天极网 > 软件 > 网页>软件应用>网页设计元素剖析:丝带与标签

网页设计元素剖析:丝带与标签

天极网软件频道2011-07-21 14:39我要吐槽

  丝带标签都是带状的设计元素,丝带的一端或者两端一般会有燕尾形的缺口,标签有一点像T恤衫上的商标。

  标签非常有用,它将内容直接摆放在用户眼前,能有效吸引用户注意力。标签的形式大都非常突出,不管是使用3D样式或是强烈的对比色,所以标签经常用来展示重要的信息:logo,导航,活动。

  丝带经常与标签一起使用,用来吸引用户注意力并显示重要信息。

网页设计元素剖析:丝带与标签

  丝带元素网页设计作品展示

  Letter Learner

  在这里,丝带完美地构造了网站的名字Letter Learner。同样,页面布置是一个简单的单列。丝带构造的标题激发用户从顶部开始浏览体验。

网页设计元素剖析:丝带与标签_天极设计在线整理

  Ribot

  Ribot的丝带运用非常巧妙。这个流行元素令整个页面变得生动,同时将公司的焦点集中在两行文本中。相当棒的表达方式!因为这家公司的名字并没有告诉我们它是做什么的。

网页设计元素剖析:丝带与标签_天极设计在线整理

  Alex Pierce

  由于Alex Pierce主页上有如此巨大的文本,它不得不采用一个相对应的元素去平衡页面的重感。这种情况下,丝带在头部发挥了很好的作用。我也很喜欢丝带中间展开的部分,这让人留意到设计者的名字。

3 300x132 网页中的丝带和标牌设计

  Rockaholic

  在Rockaholic不同寻常的页面上,丝带直接吸引用户的注意力向下移动,让人们的视线在网页上垂直移动,令人不由深入挖掘下去。

4 300x218 网页中的丝带和标牌设计

  Paris Jones

  美味诱人的红丝带构成网站名Paris Jones。虽然文本的形式很巧妙,不过对比强烈的样式还是保证你能注意到它。

5 300x230 网页中的丝带和标牌设计

  Blog en Bois

  在Blog en Bois上,单箭头丝带格外有张力,这很大程度上归功于明黄背后的暗色调。我发现自己一遍又一遍注意到Logo。这真是给人留下深刻印象的好点子。

6 300x181 网页中的丝带和标牌设计

  HTML5Boilerplate

  大受欢迎的html5Boilerplate使用丝带令哇哦们注意到网页上最重要的活动元素。我酷爱这种不必在脸上写着“Download here”就能发挥作用的丝带。丝带间的连接和标签告诉我们哪里可以下载资源。

7 300x137 网页中的丝带和标牌设计

  Wells Riley

  Wells Riley是丝带运用美学上的经典。丝带看起来很棒而且突出了网页的重点。

8 300x225 网页中的丝带和标牌设计

  Dhiraj Singh Karki

  我总是喜欢那些将内容分隔的设计。UI设计师Dhiraj Singh Karki的网络文件夹就是这种类型。这里,丝带运用的相当巧妙,它放置的位置与其他网站完全不同。它完美地融入页面,与其他元素一起构造出整个网站的简洁优美。

9 300x172 网页中的丝带和标牌设计

  Chipmunk

  Chipmunk是丝带和有机元素结合的优秀例子。丝带围绕着导航栏,与下面的图案完美融合。同时,它令导航栏没有被各类图片所掩盖。

网页设计元素剖析:丝带与标签_天极设计在线整理

  请点击“下一页”,我们看看标签在网站设计中的运用。

分页导航
作者:帕兰映像责任编辑:杨玲)
请关注天极网天极新媒体 最酷科技资讯
扫码赢大奖
评论
* 网友发言均非本站立场,本站不在评论栏推荐任何网店、经销商,谨防上当受骗!
热点推荐
微软Windows 10操作系统Win10系统在Win8的基础上对界面、特性以及跨平台方面做了诸多优化。[详细]
Windows 10 新视界 [进入频道][使用技巧][微博互动]
手机整机DIY企业级