网页设计技巧:让你网站变得有趣的元素(2)

③ 【手绘卡通风】http://www.cosmicsoda.com/
有趣指数★★★★★

简单的手绘风,软笔抄的背景,虚线显然比实线更显活泼。

④ 【高质量的大图片】http://www.moodyinternationalllc.com/
有趣指数★★★★★

不仅仅是高质量的大配图,粗大字体的运用,图片的轮转交互,mouseover后,滚动的响应,两处”{}”的呼应,表现出设计者的心机。

⑤ 【动比静好】http://uk.burberry.com/store/
有趣指数★★★★★

图片充斥页面,有静有动,一旦mouseover后,有些静止的图片就开始动态展示,有些则出现有黑色渐变背景的注释,谁也不知道下一张图mouseover 后会出现什么,不再一扫而过,这激起你把鼠标移动至每张图细细去看的欲望。

⑥ 【精彩的过渡】http://riotindustries.com/
有趣指数★★★★★

各种惊喜的过渡效果,页面右移,图片队列忽长忽短间的流畅过渡,吊足你的胃口。除此之外，截图以“倾斜”的角度呈现给大家，颇显文艺。

⑦ 【动画】http://demo.templateworld.com/universal-css-templates/m-29062010b/index.html
有趣指数★★★★★

仅一个出彩的动画，就足以撑起你的整个网页。好像在玩积木，第一眼就被那个立体的banner吸引住了，有木有？

⑧ 【杂志化排版与配图】http://www.templateaccess.com/wpdemos/wp220/
有趣指数★★★★★

这更像是一本高品质的杂志，富有意境的大幅配图，低调却考究的背景用色，让重点更为突出。一张美图远往往比一段话更显吸引。