丝带、标牌在设计中的巧妙应用
2022-05-12 分类： 网站建设
在网站设计时，如果设计一些漂亮别致的花纹、图案，特别是现在网络上比较流行的丝带和标牌，无疑会极大地增加网站的美感度。丝带的作用不言而喻，很多人都清楚这个元素。但是标牌——我的意思是放在屏幕上方的一个人造标记，看起来有点像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：网站上标牌构成重要导航。有时候，我会被这种方式弄得一塌糊涂，不过话说回来，这杨的布局和颜色让我第一眼就注意到了。
有一个问题，为何要使用丝带和标牌？标牌能高度吸引用户注意力，直接将内容摆在用户眼前。标牌形式极为突出，无论使用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：网站上标牌构成重要导航。有时候，我会被这种方式弄得一塌糊涂，不过话说回来，这杨的布局和颜色让我第一眼就注意到了。
网站标题：丝带、标牌在设计中的巧妙应用
URL网址：https://www.cdcxhl.com/news31/152431.html
成都网站建设公司_创新互联，为您提供定制开发、软件开发、网页设计公司、App设计、外贸网站建设、企业建站
声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联
猜你还喜欢下面的内容
- 网站外链和内链如何开展SEO技术优化 2022-05-12
- 需要花更多时间做的SEO优化工作有哪些？ 2022-05-12
- 漯河网站优化推广对一个公司到底有多重要？ 2022-05-12
- 不断地接力，以用户为导向的营销 2022-05-12
- 广州网页设计中的色彩理论 2022-05-12
- 建设网站前的用户定位 2022-05-12
- 网站首页设计的架构必须清晰明了，保持较好的通透性 2022-05-12
- 制作和维护一个新网站的注意事项 2022-05-12
- 新闻动态网站评价首先需要明确评价目的 2022-05-12
- 站内链接的优化 2022-05-12
- 没有排名的网站优化应该如何进行优化 2022-05-12
- 为什么用心建设好的企业网站可能会无人问津？ 2022-05-12
- SEO优化网站前的准备及关键词布局的合理性 2022-05-12
- 行业动态突出引导, 强化通讯员队伍建设 2022-05-12
- 行业动态优化DNS 2022-05-12
- 【SEO优化】SEO优化不能忽略的几个小细节 2022-05-12
- 企业网站开发制作中推荐式网络营销实现方法 2022-05-12
- 【SEO优化】网站优化中这几个SEO诊断分析工具必不可少! 2022-05-12
- 行业动态网页设计 2022-05-12