网页背景设计最佳做法

投稿 , 01:45 pm / 12,476 pv / 分享到微博

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

一.基本背景结构

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

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

方案1：内容与主背景分层；方案2：内容与主背景的图案或纹理直接结合

方案3：内容与主体共用背景

---------------------------
二.包装/头部背景

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

3.将图案拓展到整个布局中

---------------------------
三.整体背景

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

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

5.增加维度；6.使用固定的图片与内容背景

---------------------------
四.内容/包装背景技巧

1.简单的渐变；2.细微的材质

3.包装与背景融合；4.风格化包装/模块的边框

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