无缝的拼接或重复背景 制作好的背景的最简单的办法就是使用重复，这样可以不需要大幅面的图片。但是在创建重复背景的时候，需要了解一些要素。为了便于理解，这里将采用Brad Colbow的网站作为案例研究，这个网站中运用了无缝图片拼接。 使用大图片来重复 要获得良好的背景，你需要使用大图片。Brad Colbow的背景图片大约每1000像素重复一次，见下图。红线部分为图片重复的边界。  完美的对齐边缘 使图片的边缘完美的对其，比任何事情都重要。图片链接的区域的颜色必须一致，即当你在创建背景图片的时候，图片的左边缘必须和右边缘对应连接。如果使用了形状，他们也必须完美的连接。 看下面这个例子。第一个截屏是用在网站背景中的原图，在它下面的截屏展示了图片被设置为重复时，图片之间是如何连接的。背景的边缘完美的连接，注意云朵之间没有任何的间断，左右两边水的颜色也完全一致。   除去重复后很明显的物体 用重复图片作为背景时，如果有的物体在图片重复后很显眼，那么就应该除掉它。因为你希望你的背景流畅没有间断，看起来像一张图片而不是好几张。这一条对于Brad Colbow的网站而言，不是特别重要，因为它采用了大图片，重复的物体在重复的图片很大的情况下，不是那么显眼。当重复的图片较小时，就应该引起高度的警觉了。 将某些图片放到独立区域中 另外一种掩盖图片重复痕迹的方法，就是把某个元素放到另一个背景区域中去。如何理解这句话呢？以Brad Colbow的网站为例分析。 下图是Brad加入到背景中的一个岛屿，岛屿的图案并没有和背景一起重复。这样背景就显得多变，使人难以注意到背景是由重复图片组成的。  内容/包装背景技巧 内容背景在一定程度上也很具挑战性。它不能喧宾夺主，不然会毁掉整个内容部分。以下是几条提示。 简单的渐变 不管你是否相信，网页设计中，细节可以决定成败。经常用于布局中的一个小细节，便是渐变。渐变非常简单，但如果运用得当，可以使一个枯燥无趣的设计变得生气勃勃。 看下图，想像它如果没有运用渐变，将会变得何其无趣与平淡。  细微的材质 材质是另一种很赞的背景技巧。材质有助于展现出网站的主题，例如，要表现摇滚音乐的主题，可以采用颓废的材质风格。当采用材质作为背景时，很重要的一点是不能超过顶端，材质应该足够细微，不至于影响文字的可读性。 如下是材质的得体运用。主背景的材质比重很大，内容背景继续了这一风格，但材质不如主背景的明显。  包装与背景融合 这一点也许刚开始听起来令人迷惑，但实际上这是个相对简单的技巧，如果运用得当，将会获得很好的视觉效果。下面是ZenSender的截屏。在顶部，采用了层状包装背景浮在主背景之上，下来约一半的位置，包装背景淡出与主背景融合。这个技巧值得考虑。  风格化包装/模块的边框 如果风格化包装背景的主体，很难保证不会占据太多的内容。但是可以通过风格化包装的边界，来保持其与主背景的一致性。下图的网站采用了良好的材质与图案，内容元素也有风格化的边缘。  在层状设计中使用半透明内容背景 最后一个在层状结构中风格化内容包装背景的技巧，是采用透明。透明可以在将背景与文字分割的同时，获得一定的背景可见性。很重要的一点是，文字颜色与背景颜色的对比度要好，并且背景不要太过透明。 下图中的网站在半透明背景这一点上找到了良好的平衡点。主背景的图片可以清晰的看到，同时也文字的可读性。  实例展示 365 Days of Astronomy 有着别致包装背景图案的漂亮背景。  TN Vacation 图片拼贴与颓废风格的良好结合。  |
|小黑屋|最新主题|手机版|微赢网络技术论坛
( 苏ICP备08020429号 )
GMT+8, 2024-10-1 01:28 , Processed in 0.117004 second(s), 12 queries , Gzip On, MemCache On.
Powered by Discuz! X3.5
© 2001-2023 Discuz! Team.
