点击进入一个网站,我们总会看到一些长长的条形图横跨在网站页面中。它在网站和用户之间起着重要枢纽的作用。优秀的横幅不但能迅速吸引用户的视线,甚至能激起用户继续浏览的欲望。所以,这些长形的条幅成了网页的关键要素。
横幅横跨整个网页的宽度,是网站的重要视觉元素,它的设计要求与整个网站风格相符,它需要包括三个基本要素:名称,图片及导航链接,这也是网站横幅设计的主要构架。每一个区域都具有自己的功能,而我们还要将这三个区域在视觉上统一,使三者具有相似性及协调性。
(网站横幅设计图片大全)
1、网站横幅设计时对空间的安排
一般来说,我们都是将名称放在左上方,而导航栏目放在下方。其空间的分配应该慎重。空间的比例大小是根据具体的名称(长或短)和图片而定的,很难说有什么最佳的比例。但是,应该避免将上方空间分成两等份,因为分成两等份会让人的注意力都放在版式上,而不是放在内容上。采用不对称的分布效果会更好。
在网站横幅设计时,名称部分需要注意:
①一个非常长的名称应该分成两行或多行,行与行之间的字体应该是整齐的,避免使用某些高低不平的字体或小字字母,这样会在如此狭窄的小空间中造成冲突。大写字母是我们这个例子中的第一选择。我们采用一种平静优雅的字体,与这幅漂亮的图片产生互补。
②避免使用这种装饰性较强的字体,它显得过于奇特了,只会在这里喧宾夺主。
2、网站横幅设计的图片
一张漂亮的图片是设计一个漂亮横幅的关键。设计前需要寻找一张具表现力的图片。在找到照片后,我们还要仔细研究一下截取照片的哪一部分可以最有效传达相关的信息。其实在实践中你会发现,要发掘这一点并不难。截取照片时应记住一点:尽可能截取能够传达最多信息的那一部分。
用颜色分配区域:用吸管工具从图片选取一种较深的颜色,将这种颜色的色阶由暗到亮排列,然后我们再来决定哪一个区域用哪一种颜色。特别要注意的是能产生对比。
强对比更具冲击力:无论你如何将颜色分配到区域中,一般来说,都可以形成协调的搭配。但对比度却会因你的不同分配而有所区别。强对比具有冲击力,而低对比显得更平静(但也因此给人的印象不深)。
3、导航文字及链接
确定颜色后,我们要对付文字。文字应该能够与图片产生互补:繁杂的图片/简单的字体;优雅的图片/优雅的字体;平静的图片/装饰性强的字体。除了导航文字之外,横幅还必须能够提供简单明了的导航链接。用户点击之后能够获得自己想要了解的信息。
名称、图片和链接是网站横幅设计的主要内容组成部分,由这三个基本元素,一个完整的网站横幅就完成了。