网页设计中关于透明元素的使用心得

6.将背景设计成透明场景,适当加上透明元素造成视差效果,学会创造网页场景

生活中有很多有透明感的东西,玻璃,水,窗户,电脑屏幕等等,都可以利用它们的透明感,来进行场景化的设计。这里设计者故意营造视差效果,造成一种3D错觉,可以让网站更加富有质感和活泼气息

网页设计中关于透明元素的使用心得,PS教程,

网页设计中关于透明元素的使用心得,PS教程,

7.页面中静止或者有运动嫌疑的图片,可以适当采用透明度设计,可以以此增加网站的交互性

比如活动的炫丽图标,活动的可以旋转,缓动的图片导航菜单等等,让整个网站跳出传统布局,产生新颖感

网页设计中关于透明元素的使用心得,PS教程,

网页设计中关于透明元素的使用心得,PS教程,

网页设计中关于透明元素的使用心得,PS教程,

8.鼠标hover的友好交互透明体验

照片展示,导航等,都可以由设计者创造鼠标hover的悬停体验效果,这样利于信息主次的区分和捕捉

网页设计中关于透明元素的使用心得,PS教程,

总结,透明网页的运用,不仅仅只是在设计方式,表现方式上运用,还可以用于交互性,3D,视差等效果的创意,可以运用于现实生活,设计“抄现实”的页面,透明可以运用于静止,运用于运动,甚至运用于给人感官造成的不存在的地方,更多的,是我们多研究,多借鉴,欣赏更多的优秀网页,来寻找更适合自己的方式方法。

多一个方法,就多可以一个创意,嘿嘿~谢谢大家的支持!多多交流嘿~