网页背景设计最佳做法
投稿 @ 2009.04.07 , 01:45 下午这是AKFish童鞋翻译来自SmashingMagazine 的文章,原文详见□□,AKFish的译文见他的博客(上) (下) 。以下为大体内容,有所删减:
一.基本背景结构
名词:主背景
主背景是最为底层的背景,经常是图片、图案、材质或者其他图形元素。
名词:内容背景
结构中的另一层是内容背景。这是文本、图案以及其它基本数据或信息的背景。
方案1:内容与主背景分层;方案2:内容与主背景的图案或纹理直接结合
[-][-]
方案3:内容与主体共用背景
[-]
---------------------------
二.包装/头部背景
1.提供流畅的分割;2.允许一些图案融入内容区域
[-][-]
3.将图案拓展到整个布局中
[-]
---------------------------
三.整体背景
1.使用高亮或斜角来分割颜色;2.固定与浮动图形的混合
[-][-]
3.使用低对比度的花样或材质;4.结合材质与图案
[-][-]
5.增加维度;6.使用固定的图片与内容背景
[-][-]
---------------------------
四.内容/包装背景技巧
1.简单的渐变;2.细微的材质
[-][-]
3.包装与背景融合;4.风格化包装/模块的边框
[-][-]
5.在层状设计中使用半透明内容背景
[-]
PREV : 非洲最高的废弃公寓
NEXT : 国家地理奇图:青蛙南瓜灯