@ 2009.04.07 , 13:45
29

网页背景设计最佳做法

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

一.基本背景结构

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

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

方案1:内容与主背景分层;方案2:内容与主背景的图案或纹理直接结合
网页背景设计最佳做法网页背景设计最佳做法
方案3:内容与主体共用背景
网页背景设计最佳做法
---------------------------
二.包装/头部背景

1.提供流畅的分割;2.允许一些图案融入内容区域
网页背景设计最佳做法网页背景设计最佳做法

3.将图案拓展到整个布局中
网页背景设计最佳做法
---------------------------
三.整体背景

1.使用高亮或斜角来分割颜色;2.固定与浮动图形的混合
网页背景设计最佳做法网页背景设计最佳做法

3.使用低对比度的花样或材质;4.结合材质与图案
网页背景设计最佳做法网页背景设计最佳做法

5.增加维度;6.使用固定的图片与内容背景
网页背景设计最佳做法网页背景设计最佳做法
---------------------------
四.内容/包装背景技巧

1.简单的渐变;2.细微的材质
网页背景设计最佳做法网页背景设计最佳做法

3.包装与背景融合;4.风格化包装/模块的边框
网页背景设计最佳做法网页背景设计最佳做法

5.在层状设计中使用半透明内容背景
网页背景设计最佳做法

4.7
赞一个 (3)

TOTAL COMMENTS: 29+1

  1. li9900
    @8 years ago
    263147

    杀…

    OO [0] XX [0]
  2. 263148

    最佳做法就是不做

    OO [1] XX [0]
  3. 263150

    太技术了,不看。

    OO [0] XX [0]
  4. 幻觉
    @8 years ago
    263151

    sf

    OO [0] XX [0]
  5. tb月球人
    @8 years ago
    263152

    哈哈哈.学习

    OO [0] XX [0]
  6. li9900
    @8 years ago
    263154

    砖页,砖页
    完毕.

    OO [0] XX [0]
  7. 半afk不抢沙发了
    @8 years ago
    263155

    最大的动作不过是给博客换个系统自带模板的懒人路过……

    OO [0] XX [0]
  8. 第一次
    @8 years ago
    263157

    哇赛,第一次发言

    OO [0] XX [0]
  9. AKFish
    @8 years ago
    263160

    第一次投稿
    ^o^

    OO [0] XX [0]
  10. 263161

    mark

    OO [0] XX [0]
  11. JXUFELWQ
    @8 years ago
    263170

    砖页砖页

    哈哈~~~鉴定完毕~~

    OO [0] XX [0]
  12. 263173

    啊~~~~刚发的内容竟然没有发上去,是一张小鸡出壳的图片,然后告诉我jandan超载了

    OO [0] XX [0]
  13. 263175

    学习了,顺便问下谁知道iweb做的bolg怎么添加评论

    OO [0] XX [0]
  14. 263188

    第一次看网页背景设计最佳做法 12

    OO [1] XX [1]
  15. 苏姐姐
    @8 years ago
    263197

    技术帖俺就不回了。

    OO [0] XX [1]
  16. 263208

    @苏姐姐: 可是你还是回了。

    OO [0] XX [0]
  17. 八百步
    @8 years ago
    263233

    大家可以学习一下然后去折腾Twitter背景么!

    OO [0] XX [0]
  18. 263376

    还不错

    OO [0] XX [0]
  19. 263465

    怎么做?

    OO [0] XX [0]
  20. 時をかける述
    @8 years ago
    263500

    好复杂…不过对我来说学这个也比学PASCAL好很多…

    因为我讨厌函数…

    OO [0] XX [0]
  21. Conan06
    @8 years ago
    263507

    -V-不错

    OO [0] XX [0]
  22. 君度
    @8 years ago
    263526

    啥时需要啥时看~~

    OO [0] XX [0]
  23. 263551

    半透明一向是web2.0的宠儿

    OO [0] XX [0]
  24. Jessica
    @8 years ago
    263603

    挺好看的。其实我觉得关键要图片好看,配色到位。

    OO [0] XX [0]
  25. lullaby
    @8 years ago
    263743

    gao~

    OO [0] XX [0]
  26. 270290

    煎蛋的页面设计就相当好~

    OO [0] XX [0]
  27. zhanxing
    @8 years ago
    272556

    研究研究,其实正打算在网站上放个流媒体播放器。

    OO [0] XX [0]
  28. 特殊弹
    @8 years ago
    289420

    好学习

    OO [0] XX [0]
  29. 低级美工
    @5 years ago
    844427

    配色最难的

    OO [1] XX [0]

发表评论


24H最赞