在网页设计中使用透明度既美观又冒险。透明效果的使用是将色块、文字或图像“变薄”或降低饱和度，使颜色变得浅色透明，从而使下一层的内容能够透过显示出来。如果做得好，这种方法会非常有效——它可以突出显示文本或在图像的特定区域创建焦点。但是，设计师在使用透明效果时要小心，因为这样做可能会影响页面的可读性。如果盒子和文字的透明度不对，更容易影响整体设计。以下是巧妙使用透明度的一些注意事项和成功案例。使用“透明效果”创造对比使用透明效果的最大好处是可以创造对比。设计师可以在图像上创建颜色或文本的焦点，为屏幕添加颜色维度。透明度还可以使文本从不显眼的背景中脱颖而出。使用透明效果时，对比度尤其需要考虑。透明只有在图像和文本都可见时才算成功。所以在使用透明度时，不要忘记问自己：这会让文本/图像更容易理解吗？不要遮盖图像的关键部分。透明胶片不应遮挡传达信息的背景或图像。在决定使用透明度作为框架时，请考虑可能缺少的内容。分层应用透明效果透明效果的设置没有特定参数。在某些情况下，80%是理想的，而在其他情况下，15%***。这需要具体情况具体分析。#p#不要认为透明效果会增强文本的可读性。不要以为用了透明的盒子，文字自然就看得见了。想想对比——无论是文字透明框还是透明框背景图，都要充分考虑文字的可读性。无论您处理的是透明图像、色块还是文本，请记住，如果视觉效果使字体难以阅读，您试图传达的信息将无法传达。小范围使用透明效果不需要大规模使用透明效果。小规模使用也能取得不错的效果，比如网页导航使用透明效果或者按钮悬停效果。不要想着如何复杂地使用各种透明效果。选择一种元素和透明度样式，并在整个网页设计中使用它。不要在图像上使用透明效果，这会产生强烈的冲突。考虑到文字的可读性，最好避免在已经有强烈视觉冲突的图片上使用透明效果——想想色轮上的黑色、白色和各种颜色的互补色。如果使用后的融合感对设计有不利影响，尽量不要使用透明效果。因为很难让每个部分在后台都得到想要的效果。这时候可以考虑如何更好地搭配颜色。制作透明度艺术透明度不是次要效果。使用透明效果来设计主要图像。大面积的透明是创造对比、强调和视觉刺激的强大设计。不要把透明效果当作装饰品。不能因为觉得设计没意思，后期就加个透明效果。如果透明效果只是作为装饰，会显得鸡肋，应该提前计划好如何应用。透明度不像加粗字体那么简单。如果使用不当，它会显得马虎和不专业。#p#在背景中使用透明度透明度不仅可以用于突出的设计元素，还可以用于背景图像。一些很棒的透明效果非常微妙，而另一些则是分层设计的。比如TonyChester的网站就很好地利用了透明效果的图层技术，让设计看起来更有立体感。不要同时使用太多透明效果***限制使用的透明效果数量。因为透明度会产生对比、强调和视觉刺激。如果使用过多，会分散用户的视觉注意力。将透明度应用于静止和/或移动图像透明度不仅限于单页或静态设计，还可以应用于多个图像和背景，或两者。在动态图形中使用透明效果非常讨人喜欢，也能让人印象更深刻。仔细筛选多个图片背景，尽量选择颜色相近、内容冲突的，这样在更换图片背景时可以使用相同的透明度。仔细观察透明效果在每张图片上的效果如何，以保证图片透明度的完全一致，使图片、背景、文字具有可读性，形成视觉上的统一。结论学会使用透明效果绝对是你增加设计经验的捷径。像使用任何其他效果一样使用此技术，并在不同情况下对其进行测试以达到预期效果。要掌握它，最大的挑战是保证文字可读性强，同时文字图形丰富，透明部分不遮挡底层。在图像处理、创建背景和创建悬停效果时尝试不同级别和形式的透明度。然后检查您的座位并选择最佳计划。原文链接：http://www.uisdc.com/using-transparency-in-web-design
