透明风格背景运用

 一直以来我都比较喜欢一种透明风格的网站设计。不知道是我个人爱好还是我觉得这种风格的设计,给我带来的清爽效果让我一直很舒适。今天我给大家介绍介绍我接触到的这种透明的设计风格的一些表现手法和我个人的一些小看法,希望能给很少运用这种设计风格的大家带来不一样的设计灵感
 
1、首先给大家介绍的是一种非常漂亮的抽象背景的运用,该种设计内容它是以光晕、烟雾效果的类型为主要的素材。这些素材图片我们一般是用在我们的背景上面。这种素材大多都是运用了很好的渐变手法,可以很好的和我们的网页整体融合,我们在后期运用代码的时候就方便很多啦。透明的内容区域,其实透明的效果不但给人高端、干净的感觉,还能让我们的背景图片能够凸显出来,减少一些其他的装饰的遮挡让原本漂亮的背景失去它的风采。这类的素材大家可以多多尝试。
 
2、在我们的版面背景基本设定好以后,在给我们的版面加上简洁的排版和一些主题的字体。我在设计的时候一般是不会用太多的字体,和其他的图片或素材来装饰整个版面的设计,这样的目的是突出吸引人的背景图片。让元素与元素之间有一些表现的空间,这样会让我们的网页看上去更有品味。

如何用fireworks设计水晶般的透明效果

我们经常会在网站上看到很漂亮的水晶按钮,那么这些按钮是怎么做的呢?今天小编就教大家如何使用fireworks制作水晶按钮,方便大家以后在网站设计中使用。

步骤一:新建600*200白底的文件

步骤二:新建一个图层,将其命名为BG1,使用圆角工具画出一个115*32的圆角矩形,再调整一下矩形圆角的度数,然后给矩形增加photoshop动态的效果。

步骤三:复制图层BG1一份命名为BG2,缩小为114*32(在水平和垂直方向各减小一像素),并要取消photoshop的动态效果,充填背景颜色#A9A9A9