2014年10月12日 星期日

網頁配色技巧:不同背景下文字顏色搭配

网页设计的初学者可能习惯使用漂亮的图片作为网页的背景,但是当人们浏览一些著名、专业的大型商业网站时,会发现其运用最多的是白色、蓝色、黄色等单色,这样会让浏览页显得典雅、大方和温馨,最重要的是极大地增进浏览者开启网页的速度。
一般而言,网页的背景色应该柔和、素雅,配上深色的文字之后,看起来自然、舒适。但如果为了追求醒目的视觉效果,也可以为标题使用较深的背景颜色。下面是关于网页背景色和文字色彩搭配的一些经验值,这些颜色既可作为文字底色,也可以作为标题底色,适度配合不同字体,相信会有不错的效果,希望对用户的网页制作有所帮助。

方法/步骤

  1. 背景色:“#f1fafa”
    适合做正文的背景色,比较淡雅。配以同
    色系的蓝色、深灰色或黑色文字都很好。
    网页配色技巧:不同背景下文字颜色搭配

  2. 背景色:“#e8ffe8”  
    适合做标题的背景色,搭配同色系的深绿色标题或黑色文字。  
    网页配色技巧:不同背景下文字颜色搭配

  3. 背景色:“#e8e8ff”  
    适合做正文的背景色,文字颜色配黑色比较和谐、醒目。  
    网页配色技巧:不同背景下文字颜色搭配

  4. 背景色:“#8080c0”  
    配黄色或白色文字较好  
    网页配色技巧:不同背景下文字颜色搭配

  5. 背景色:“#e8d098”  
    配浅蓝色或蓝色文字较好  
    网页配色技巧:不同背景下文字颜色搭配

  6. 背景色:“#efefda”  
    配浅蓝色或红色文字较好  
    网页配色技巧:不同背景下文字颜色搭配

  7. 背景色:“#f2fld7”  
    配浅蓝色或红色文字较好  
    网页配色技巧:不同背景下文字颜色搭配

  8. 背景色:“#336699”  
    配白色文字比较合适,对比强烈  
    网页配色技巧:不同背景下文字颜色搭配

  9. 背景色:“#6699cc”  
    适合搭配白色文字,可以作为标题  
    网页配色技巧:不同背景下文字颜色搭配

  10. 背景色:“#66cccc”  
    适合搭配白色文字,可以作为标题  
    网页配色技巧:不同背景下文字颜色搭配

  11. 背景色:“#b45b3e”  
    适合搭配白色文字,可以作为标题  
    网页配色技巧:不同背景下文字颜色搭配

  12. 背景色:“#479ac7”  
    适合搭配白色文字,可以作为标题  
    网页配色技巧:不同背景下文字颜色搭配

  13. 背景色:“#00b271”  
    配白色文字显得比较干净,可以作为标题  
    网页配色技巧:不同背景下文字颜色搭配

  14. 背景色:“#fbfbea”  
    配黑色文字比较好看,一般作为正文  
    网页配色技巧:不同背景下文字颜色搭配

  15. 背景色:“#d5f3f4”  
    配黑色或蓝色文字比较好看,一般作为正文  
    网页配色技巧:不同背景下文字颜色搭配

  16. 背景色:“#d7fff0”  
    配黑色文字比较好看,一般作为正文  
    网页配色技巧:不同背景下文字颜色搭配

  17. 背景色:“#f0dad2”  
    配黑色文字比较好看,一般作为正文  
    网页配色技巧:不同背景下文字颜色搭配

  18. 背景色:“#ddf3ff”  
    配黑色文字比较好看,一般作为正文  
    网页配色技巧:不同背景下文字颜色搭配

沒有留言:

張貼留言