@ 2009.04.07 , 13:45

网页背景设计最佳做法

这是AKFish童鞋翻译来自SmashingMagazine 的文章,原文详见□□,AKFish的译文见他的博客(上) (下) 。以下为大体内容,有所删减:

一.基本背景结构

名词:主背景
主背景是最为底层的背景,经常是图片、图案、材质或者其他图形元素。

名词:内容背景
结构中的另一层是内容背景。这是文本、图案以及其它基本数据或信息的背景。

方案1:内容与主背景分层;方案2:内容与主背景的图案或纹理直接结合
[-][-]
方案3:内容与主体共用背景
[-]
---------------------------
二.包装/头部背景

1.提供流畅的分割;2.允许一些图案融入内容区域
[-][-]

3.将图案拓展到整个布局中
[-]
---------------------------
三.整体背景

1.使用高亮或斜角来分割颜色;2.固定与浮动图形的混合
[-][-]

3.使用低对比度的花样或材质;4.结合材质与图案
[-][-]

5.增加维度;6.使用固定的图片与内容背景
[-][-]
---------------------------
四.内容/包装背景技巧

1.简单的渐变;2.细微的材质
[-][-]

3.包装与背景融合;4.风格化包装/模块的边框
[-][-]

5.在层状设计中使用半透明内容背景
[-]

赞一个 (3)