半透明并非只适用于网站的主体部分。这种效果在细节处也能大放异彩。
可以考虑用半透明来展示导航工具栏,或者作为按钮和可点击元素的鼠标悬停效果。多种透明度不要使用过度。选定一种元素和透明度样式,然后使它贯穿整个网站的设计。
不要在对比强烈的图片上放置半透明元素
处于可读性考虑,最好避免在已经包含强烈对比的元素上使用半透明效果——比如黑白对比或色盘上的互补色。
因为要在背景的各个部分都达到正确的效果很难,想在这类元素上使用半透明效果,除非强烈对比在你的设计中真的只起到负面作用。考虑用浅色块代替吧。
将半透明作为一种艺术手法



半透明不只是次要效果。可以考虑用这个效果为你的网站设计主画面。
大尺寸半透明创造的对比、强调和视觉吸引令人震撼。
不要将半透明作为装饰物使用
半透明效果并非为了打破设计中的单调。把这种效果作为装饰物使用,注定会导致糟糕的设计。
半透明效果的使用应该事先考虑和规划好。半透明不是加粗这类简单效果,处理不当看起来会很草率且不专业。
在背景中使用半透明



不只是设计前景元素时可用半透明效果,它也能用在背景图上。有些非常棒的半透明元素精细微妙。
还有些半透明效果夹在图像层之间。例如Tony Chester的网站,就用了绝妙的半透明分层技巧打造了一件多维度的设计。
不要同时运用过多半透明效果
在每个项目中有节制地使用不同类型的半透明效果。透明度要能制造反差对比,产生视觉吸引力。这样使用过多的差异化效果,会分散用户注意力。
在轮播图片上使用半透明元素



半透明的使用不限于单页网站或静止网站。它在变化的图片和背景上也起作用。两种方式都可以用上半透明效果。
在轮播图片上使用半透明,是该效果最棘手的用法之一。却也最令人印象深刻。慎重考虑多张背景图的情况。选用颜色和对比搭配相近的图片,这样只需一种半透明效果即可应对后方移动变换的背景。
格外注意半透明效果与每张图的匹配程度,才能保证每张图的整体性,并创作出易辨认的照片或其他背景与文字,保持视觉统一。
小结
尝试半透明效果,是拓展设计技巧的一个绝妙方法。像很多其他效果一样,要有节制地使用这个技巧,并且在多种环境下实验这种设计,来确保它按你的意图运作和展现。
半透明设计的最大挑战,是在轮播图片上使用时确保文字清晰可读,和避免半透明元素错误地遮挡下方图片。
尝试多种透明度和使用方式——用于图片、背景、遮罩效果——来决定那种效果最适合某个项目。
情非得已
21个Sketch实用高频小技巧2019-02-15
25款值得收藏的优秀网站模板免费下载2015-09-16
20套高质量的免费网页模版PSD素材2013-09-02
20款国外时尚大气的按钮开关PSD素材下载2013-07-31
CSS实例教程:十步学会用CSS建站2011-10-05
网页设计师:浅淡网页BANNER设计2010-09-27
网页细节教程:WEB设计精确点滴2010-09-13
网页设计中的点滴细节把握2010-09-01
总结交互组件创新的四种方式2010-06-28
最全的国外电子商务CSS模板下载2010-06-18
10种网页设计中字体的运用方式
相关文章3472018-05-10
浅谈统一原则在网页设计当中的运用
相关文章3322017-03-24
如何使用网页渐变色来提升设计逼格
相关文章8662016-05-25
2016年电商设计的9个热门设计趋势
相关文章3642016-02-14
详细解析交互设计的三大法则分享
相关文章2652015-05-29
详解如何学会在网页设计中运用负空间
相关文章2752015-05-29
设计大师解读网页设计中的形状法则
相关文章5432015-04-16
设计师解读网页设计的构图法则
相关文章3012015-04-13
