快好知 kuaihz

【店铺装修】如何做半透明网页设计才会显得高大上?

不要将半透明作为装饰物使用

半透明效果并非为了打破设计中的单调。把这种效果作为装饰物使用,注定会导致糟糕的设计。

半透明效果的使用应该事先考虑和规划好。半透明不是加粗这类简单效果,处理不当看起来会很草率且不专业。

在背景中使用半透明

不只是设计前景元素时可用半透明效果,它也能用在背景图上。有些非常棒的半透明元素精细微妙。

还有些半透明效果夹在图像层之间。例如Tony Chester的网站,就用了绝妙的半透明分层技巧打造了一件多维度的设计。

不要同时运用过多半透明效果

在每个项目中有节制地使用不同类型的半透明效果。透明度要能制造反差对比,产生视觉吸引力。这样使用过多的差异化效果,会分散用户注意力。

在轮播图片上使用半透明元素

半透明的使用不限于单页网站或静止网站。它在变化的图片和背景上也起作用。两种方式都可以用上半透明效果。

在轮播图片上使用半透明,是该效果最棘手的用法之一。却也最令人印象深刻。慎重考虑多张背景图的情况。

选用颜色和对比搭配相近的图片,这样只需一种半透明效果即可应对后方移动变换的背景。

格外注意半透明效果与每张图的匹配程度,才能保证每张图的整体性,并创作出易辨认的照片或其他背景与文字,保持视觉统一。

小结

尝试半透明效果,是拓展设计技巧的一个绝妙方法。像很多其他效果一样,要有节制地使用这个技巧,并且在多种环境下实验这种设计,来确保它按你的意图运作和展现。

半透明设计的最大挑战,是在轮播图片上使用时确保文字清晰可读,和避免半透明元素错误地遮挡下方图片。

尝试多种透明度和使用方式——用于图片、背景、遮罩效果——来决定那种效果最适合某个项目。(文/CARRIE COUSINS译/十萬個為什麼)

本站资源来自互联网,仅供学习,如有侵权,请通知删除,敬请谅解!
搜索建议:高大  高大词条  网页设计  网页设计词条  店铺  店铺词条  显得  显得词条  透明  透明词条  
电商产品

 淘宝无线端质量得分提升技巧

相信许多同学已经接触过许多提升PC端质量分的方法了,那么在对无线端质量分提升技巧的理解与掌握上会较为轻松,因为二者有异曲同工之处。跟PC端一样,无线端的质量的核...(展开)

电商推广

 淘宝客线下推广全攻略

今年淘宝客又被马云爸爸推到了风口浪尖之上,其中很大的原因在于“刷单”行业的不景气,大量淘宝店铺降权封店。所以众多商家把苗头对向了淘宝客。淘宝客线下推广文案怎么做...(展开)