20 个优秀 CSS 网站

从这些 CSS Gallery 网站中精选了 20 个比较漂亮的 XHTML+CSS 布局网站。推荐给喜欢网页设计的人,无论是做博客模板还是做网站设计,在设计理念、色调、导航条、按钮、排版布局方面,都有一些值得借鉴的地方。왕의@Chinaui.com 采编

1、www.apple.com
www.apple.com
刚刚改版的苹果官网,配合即将上市的 Leopard 风格。

2、www.youtilize.com
www.youtilize.com
这种布局和色彩搭配很适合我的口味。

3、www.pingdom.com
www.pingdom.com
一个测试网站连接和内容 (包括 HTML, CSS, JS 和图片) 加载时间的服务。

4、www.workhabit.org

5、www.web2themes.com
www.web2themes.com
这是一个 WordPress 主题,特别之处就是加入一些人的剪影作为网页元素。

6、www.zik.fr
www.zik.fr

7、www.ashwebmedia.com
www.ashwebmedia.com

8、maczone.sk
maczone.sk

9、www.joshuadunaway.net
www.joshuadunaway.net

10、vogue.sofamade.com
vogue.sofamade.com

11、www.peckadesign.cz
www.peckadesign.cz
选中它,完全是因为这个导航条,有点 reinvigorate.net 的感觉。

12、www.vikiworks.com
www.vikiworks.com
国人作品,设计得很巧妙,把生活中用到的东西都放了上去。

13、www.knight-creative.co.uk
www.knight-creative.co.uk

14、goincase.com
goincase.com

15、oaktreecreative.com
oaktreecreative.com

16、www.pixel-house.com.au
www.pixel-house.com.au

17、www.pavelrichter.cz
www.pavelrichter.cz

18、www.immaginidipaolo.com
www.immaginidipaolo.com

19、www.eutelnet.biz
www.eutelnet.biz

20、www.erikafocke.com.br
www.erikafocke.com.br

大量Flash网站收藏

http://www.wallop.com
在线flash社区,个人空间。

http://www.doof.com/doof/
在线flash社区,很强,界面也很棒

http://Maps.amung.us
flash网站来客定位.

ttp://www.splashup.com/splashup/
杀了我吧,这都做出来,在线photoshop,flex开发!

http://post.baidu.com/%C4%A7%CA%DE%CA%C0%BD%E7/mingrentang
百度贴吧名人堂flash展示

http://examples.adobe.com/flex2/consulting/styleexplorer/Flex2StyleExplorer.html
flex样式设置,这世道什么东西都能做出来。。

http://www.sonettic.com/
flash相册,picasa界面。

http://space.flash8.net/fpd/
闪吧”影像”,roading(http://www.roading.net/blog/)开发,全部采用as3/flash cs3,历时3个多月,牛,赞一个。

http://www.gliffy.com/
flex架构,flash界面流程图表制作

http://www.thinkswedish.com
全flash博客,真的牛,fantasy-interactive出品

http://www.viewmyworld.com/
微软发布新版人才招聘网站,用的是全flash,这回竟然没用silverlight,看来底气不足啊。。

http://beta.speedtest.net/
基于flash超酷网速测试

http://www.magnumphotos.com/
精彩图片社

http://www.airtightinteractive.com/
牛人?

http://www.digicrafts.com.hk/components/
flash图片展示组件博客

http://liquidjourney.com
国外flash as高级程序特效研究探索,动力学、粒子、三维空间、人工智能、声音、视频方面的特效。

http://www.graphita.com/
Graphita 是基于Flash的一个在线涂鸦网站,可以让你上传图片然后在线编辑。

http://www.virtub.com/
超强在线文档制作
http://www.photoshoptopsecret.com/
很酷的一套Photoshop DVD视频教程!

http://www.dphoto.com/
全flash相册共享网站,架构类似资源管理器,风格跟fotologue差不多。。

http://www.uutuu.com/
专注于旅行的flash相册,视频共享网站。

http://www.dpdp.net/
又是flash图片共享网站,界面超酷,特别是其中的flash模板,稀饭啊。。
只是其中的flash优化不够,很占CPU。

http://photos.i.cn.yahoo.com/slideshow-FQzVJe49cqsHltN5OTFSbTg-?cq=1&aid=a907
yahoo相册幻灯展示

http://www.sooff.com
香港全flash交友类社区

http://www.clubpenguin.com/
flash动漫虚拟社区

http://www.snap.com/
网站缩略图预览

http://www.lomography.com/
LOMO图网站,酷。。

http://blog.5d.cn/vip/flashhawk/
闪鹰的blog

http://www.kirupa.com/
里面有好多FLASH的例子教学,有动画的,AS的,都写的很清楚,不错

http://www.bannerblog.com.au/
banner广告创意的网站

http://www.quasimondo.com/
又一个专注flash技术的blog,学习的好地方

http://www.frunder.com/
Flashmenu3

http://www.flashloaded.com
flashloaded

http://www.flashperfection.com/
flashperfection

http://www.deviantart.com/

http://www.modelconcept.net/

http://conio.net/
prototype.js 是一个由Sam Stephenson写的JavaScript包。

http://www.nmag.cn/
麦根-探寻全球网络杂志

http://www.fakepilot.com/
好酷的一些VIDEO,MOTION感觉

http://www.fantasy-interactive.com

http://www.magwerk.com/
相当棒的几本在线flash杂志

http://fotologue.jp/

http://www.gotoandlearn.com/
flash tutorial in video type..

http://www.blog.incito.lt
flashblog

http://wallpaperstock.net/

http://www.tutorial-index.com/

http://www.amfphp.org/resources.html

http://www.theoworlds.com
wonderful flash cases.

http://void.andre-michelle.com/
flash lab blog

http://www.alphabazar.net/

http://jumpcut.com/
make video with flash online

http://www.adobe.com/newsletters/edge/
Published every six weeks, the Edge is a free publication that contains original content geared toward informing, enlightening, and inspiring Adobe customers.

http://labs.bigspaceship.com/apps/visualizer/beta1_2/visualizer_demo.html
enables anyone with a SWF file to collaborate and create motion effects

http://www.nagaoka-id.ac.jp/gallery/gallery.html
在线相册效果不错。

http://www.picturetrail.com/
online photo flick slide make

http://www.zoomify.com/
Zoomable web images

http://www.picnik.com
the world’s best online photo editor

http://www.php.net/manual/zh/ref.ming.php
php ming function for flash manual

http://www.yswfblog.com/
yahoo ! flash blog

http://developer.yahoo.com/flash/
yahoo flash developer

http://www.mygoya.com/
web-based flash os

https://www.magix-photos.com
online album

http://viewpoint.youyee.org/
flash blog

http://www.wpdesigner.com/
wordpress主题强人

==============================================================

http://www.faithless.coca-cola.com/html/start.html#/video/
99-哈哈,呼拉圈loading,三位技术也不错,喜欢!

http://www.vw.com/
98-看看域名,vw,你知道是那个汽车站不,呵呵!

http://www.saab.com/microsites/60years/GLOBAL/en/index2.shtml
98-汽车展示,很平易近人的手法,时间在桌子上行走!

http://www.valenatureza.com.br/
97-布秀风格的展示,

http://www.allm.co.kr
98-韩国设计公司站,公司业务涉及面很广,非常强悍

http://www.safandula.ru/
99-图片展示系统,圆环内飞出小图,导航很有创意!

http://www.kimlroom.com/
92-转场flash很棒,精巧的矢量flash站

http://www.greatpockets.com
100-诺基亚n95站,通过鲜明的对比突出手机的价值,非常具有创意。手机展示的环境也那么平易近人,尤其是那孩子玩闹和笑声!

http://www.dkrd.net/
93-死鱼给的可爱网站

http://pdl.warnerbros.com/wbmovies/corpsebride/flashsite/main.html
98-僵尸新娘电影官方站

http://www.myogaclub.com/
99-色彩绚丽,蕴含神气

http://www.hybridworks.jp/
98-清新干练

http://peper.cover05.nl/
97-在线杂志

http://www.adamvonmack.com/main.html
97-摄影展示站,干练

99-http://msdewey.com/
windows的绚丽搜索vsgoogle简约风格

http://www.diesel.com/
99-完全把浏览者吸入页面之中的设计,深入,继续深入

http://www.justforthefofit.com/
97-十分的具有创意,天马行空的想法

http://www.geisterschloss.com/
99-诡异,界面很漂亮,魔法时代!

http://www.motionextreme.com
97-红色火焰,火焰字体做的不错

http://www.wangfan.com/
99-北邦的东西,哈哈!非常不错~

http://www.leoburnett.com/
97-随着用户的浏览,铅笔划着痕迹

http://www.boosen.com/
97-博圣云峰,flash动感特别强,人机交互也非常不错!

http://newsantafe.hyundai-motor.com/
98-手绘汽车站

http://www.seewindowsvista.com/
99-微软的新版操作系统

http://www.albertlan.com/
100-欧拔蓝-台湾设计师。中国味浓烈-混音也很有意思

http://www.2advanced.com
100-2AD v5.0,依旧科技前沿!

http://mario.nintendo.com/
100-超级玛丽,勾起我童年无数回忆,娃哈哈

http://www.simppa.fi/
99-相当棒的图片展示站点,内容多为新锐视觉设计

http://www.waldomartinez.com.ar/
99-很酷的站,帧频率很高

http://www.tutton.co.kr/
97-细致的像素画站点

http://neovision.jp/
98-RIA应用

http://www.shoebox.com.cn/
96-纯手绘,哈哈

http://www.kuest-seak.com/
97-站内的摄影作品非常棒

http://www.gettheegg.com
100-鹌鹑蛋的新站-2006

http://absolutkravitz.com/
100-站内技术十分强大

http://www.planetinneed.com/
97-caofeng说是国外最好的互动广告公司做的

http://www.rebelka.com/
96-破旧画风格

http://www.couleursblanches.ch/french/
97-很有创意的LOGO,

http://www.honda.co.uk/civic/
98-honda汽车,口技配乐有创意,而且很逼真

http://www.replayful.com/shell.html
http://designklicks.spiegel.de/#dk=000
98-表现的很不错,丰富媒体

http://www.tankus.com/
98-色调大胆,艳丽

http://www.bnx.co.kr
97-很有趣的版式

http://www.nike.com/jumpman23/home/index.jsp
98-格局不错

http://www.enjoygreenergrass.com/
98-色彩风格,把握得非常好

http://www.damodel.com/
96-模特站,黑系,精简

http://www.formation-fitness.net/
98-细腻

https://gtalkr.com/
100-RIA

http://www.created201.com/
95-郝亮喜欢得

http://wip.warnerbros.com/ascannerdarkly/site.html
96-酷片头,不过观看时间久了,吸引力大减

http://www.digitlondon.com/
96-个人站,很干净,功能也不错!

http://www.greenovia.net
98-叶子生长,不同的花,不同的叶子!感觉很自然!

http://www.playgroundsfestival.nl/
97-整屏拖动,小手不会受到单击鼠标右键限制

http://www.coolbreathpower.com/
97-儿童画风格

http://www.dstrict.com/z107/index.html
100-以前总说技术与艺术完美的结合,看这个,你会深深的体会到,还有创意~~

http://www.microsoft.com/mscorp/goingbeyond/indexFlash.html
100-微软设计,不必多说了

http://www.curiousmedia.com
98-以前见过这样的导航,挑帘式的。

http://www.digitalonmedia.com/
98-韩国站点,UI效果暴强,导航效果出众

http://www.sashok.ru/
96-随心的个人设计

http://www.cool2design.com/v2/
95-商业,清凉,酷站,

http://labs.comcast.net/fan_index.html
99-在线视频播放器,UI,结构很地道!

http://www.tokyoplastic.com/
99-音乐的节奏把握,以及对角色动作的配合实在可谓天衣无缝

http://www.m5.icoke.com/bottle/index.html
97-逼真旋转的小瓶子.

http://www.screenvader.com/root.html
96-技术很不错,AS。

http://www.eminem.com/
92-循环图,FLASH拼凑效果,不过很有创意

http://www.inthehabit.com/
93-版式创意

http://www.andreescu-gaivoronski.com
97-纸片的导航,技术不错

http://www.moma.org/exhibitions/2005/contemporaryvoices/flash.html
97-技术不错的导航

http://www.bbdo.com/
98-FLASH技术十分优秀

http://www.u1958.com/1.htm
96-我喜欢的色块,线条,遮照

http://redstudio.moma.org
97-很棒的表现,直接的方式

http://guitarshredshow.com/
98-很有意境的吉他个人站

http://www.bluesuburbia.com/
98-眼睛的情感,看到了这不安定的世界

http://www.liquidjourney.com/
98-视觉效果不错

http://www.astrum.co.kr/
97-字体动作非常好~呵呵

http://www.slim.samsung.ru/
98-samsung 一贯的UI设计风格,不错

http://www.bio-bak.nl/
97-呵呵,鼠标拖拽,整站大图!矢量风格!

http://www.dreamgarden.com.cn
96-梦幻的意境!  

http://www.aygo.se/
97-汽车变形很帅

http://nike.co.kr/tee/index.html
98-韩国服装站,一切以用户为基本,贴心设计

http://www.conversegallery.com/
96-里面的视频创意广告不错

http://www.goodbysilverstein.com/awards/relay_minisite/main.html
92-视频互动

http://www.skiicon.com/
93-文化差异啊,站很优秀,但我不喜欢

http://www.dstrict.com/
98-白色拖动放大镜导航,效果极棒!

http://fubon.co.uk/
98-唯美站点,如魔兽一般!

http://www.bascule.co.jp/
96-好长的站,图还不错

http://www.toyota.com.tw/event/2006_motorshow/
98-汽车站点,动感,金属

http://www.fordvehicles.com/cars/freestyle/endlesspossibilities/
http://www.fordvehicles.com/cars/mustang/launch/
98-2AD 2005年作品红色的汽车

http://www.marcomarezza.com/
97-图片展示,XML

http://www.pornocha.com/index2.html#
94-矢量插图,18X

http://www.macacolandia.com.br/
96-插图质量很不错

http://www.fucartoon.com/
95-国内的动画工作室,作品不错,相似BT的色调!

http://www.mutafukaz.com/
96-我喜欢的新锐艺术。无拘无束!

http://www.p2b.com.br
96-绿色小人-P2B

http://www.iceberry.com/main/main.php
94-韩国可爱儿童站

http://www.d-me.be/
95-比较有感觉的个人设计站

http://enjoygreenergrass.com/
95-很女孩子化的站

http://www.creaktif.com/
97-风格,颜色,都是我所喜欢的,鼠标的跟随设计的也不错

http://www.mirrorbook.de/
95-质感还可以

http://www.djvolcano.de/
95-环绕的导航

http://www.kazymusic.com/index_withintro.html
97-适合火浪兄来做他的个人站,哈哈!

http://www.blazing-angels.com/uk/
97-好象是二战的题材,真实

http://www.3ds.com/expo2005
96-从宇宙到深海,都逛一圈就会出现视频!

http://www.markesephotography.com/index_flash.html
94-模特站,

http://www.sonystyle.com.mx/lounge/#
98-sony的设计,不服不行

http://www.crommcruac.com/
98-动感迅速音乐,真实虫族的场景,赞!

http://www.bytesphere.net/
95-时代感,比较酷的设计

http://www.vision-afar.com/
98-暴强的PS使用者,暴强!

http://ripestudio.com
99-FLASH Developer,三维效果,视觉冲击强!

http://www.juniorsgiants.com/
97-打分打的也麻木了,水晶风格,多色!不错的站!

http://anna.fork.de/islandofwaiting/flash.html
96-3D在网站中运用的越来越多了。一棵树,乌鸦。。。

http://www.webgraphik.com
97-暗红,UI

http://microsites.audi.com/q7-globe/
98-汽车站,在平面简约线条的基础上表现,手法怡然。有够空间感

http://flatout.vugames.com
97-汽车投人游戏站!表现真实效果!

http://www.4mdesign.com.cn/
95-4M工作室,国内的站,圆圆相互,比较有创意!

http://www.agentedesign.com
96-红配绿难看死,呵呵!看看人家是怎么协调的

http://nordicxmas.coca-cola.com/
95-圣诞老人和你做游戏,精美的画面

http://stupid.ca/main.html
91-国外的站点尤其是欧美,个人站点都很独特,哪怕技术不精!

http://www.saltedherring.com/
95-黑板前的老师

http://www.comedynewsshow.com/
96-日本的手机站,AS排列

http://www.guy-brauns.com
97-风格清晰,绘画风格更是清新

http://www.comcastic.com/
96-色彩很棒

http://skwak.free.fr/home.html
97-我喜欢的绘画风格,矢量新锐

http://www.shuakashi.com/
96-化装品图

http://www.internettinyawards.com/
96-整体协调

http://www.xuancaijiaxuan.com.cn
96-国人的站,十分的棒,用色!

http://www.tasarix.com/
97-清新的前卫风格

http://kia.co.kr/filerootmain/Showroom/pride/pride.html
97-汽车动感片头不错

http://www.natzke.com/
98-控制染料,在转动的环里面,HP作品

http://www.outsidedown.net
96-结构简单,但质感不错

http://www.septime-creation.com/
97-红色的天空,飘动的城堡

http://www.otradesign.com/monk.htm
93-还是不错的站

http://www.milla.de/dbmilla/flash/millaFlash.html
94-细致的站,日本的

http://www.1000pis.com/
94-蓝白相间,背景梨花~美~

http://www.lunapark.se/
93-哈哈,两个人在刷墙哦

http://www.capcomcomics.com/
97-街霸的站,暴喜欢啊~

http://www.visualdata.org/
96-3D和AS资源都不错~

http://www.hieromorphics.com/Intro.html
94-唯美的画面

http://www.svwracing.com/site/minisite/site3/
93-方程式赛车手的个人站

http://www.letinmotion.com/
96-黑色基调,质感很不错~

http://www.bbdo.com/
94-没细看,像RIA技术

http://www.koraybirand.com/
92-模特展示

http://www.workrocks.net/
96-神秘的黑色,柔和的感觉,技术的体现

http://www.diesel.com
http://www.diesel.com/stylebook/index.php
94-很有个性的站,独特的味道,两个是一组人员建的~

http://www.doubleplus.info/
96-有创意,交互的手和框架

http://www.agualuca.com/agua.html
95-一个化装品的站,还不错,水按钮也不错~

http://www.adhemas.com/
96-多色插画风格,我喜欢。好像是个工作室

http://www.mtdew.co.kr/
96-绿色基调,平面不错,里面的广告更是绝

http://www.benq.com/products/mobile/p50/P50_en.htm
95-BENQ手机站

http://cwcdn.geimaginationatwork.com/
96-标志是个龙字繁体的

http://www.powerbright.com/
96-色彩很强,广告味也不错

http://www.thelostmemories.com
93-遗失的记忆,黑白变换图

http://www.polham.co.kr/
96-叹服其摄影作品吧

http://www.colorama.com.ar/
93-小巧的站

http://matthieucorgnet.free.fr/
95-配色,结构都不错的站

http://www.pixelgasoline.com
94-穿迷彩服的美国女人

http://www.i2off.org/
94-好大的一个页面,左右各3屏

http://www.homeostatic.net
94-一个女人为中心

http://www.steffenjahn.com/publish/html/
90-简单格式

http://www.samsung.co.kr/story/vol02/no02/index.html
97-风格独特的三星站。灰度多色系!

http://www.fb.se
97-制作精良-水底电视。

http://www.boolab.org/
96-黑白线条,赶紧利落!

http://www.nike.com/nikesoccer/tape/zine.jsp
93-乱而有序

http://toyota.jp/sp/ist/
98-创意十足啊,汽车站,推荐

http://www.americanos.com.pl
95-人物吐泡,很有意思loading

http://www.camouflagecomics.com/flash.php
92-布局创意不错,像在报纸上划字

http://www.1007.peugeot.co.uk/home.asp
94-线条的布局,像儿童画~

http://www.theskeletonshop.com/
95-黑色的基调,我喜欢,乌鸦,骷髅

http://www.rbk.com/us/gxt/
94-绝对时尚,前卫

http://www.nagaoka-id.ac.jp/gallery/gallery.html
97-贴心与用户

http://www.djvolcano.de/
97-片头字体效果酷眩

http://www.stardust.tv/
96-高雅,华贵,色彩独到

http://www.kingforaweek.com/
96-大气的汽车站

http://ad.hyundai-motor.com/catalog/new_click/main.html
96-汽车站,不同的是这个很可爱~哈哈!

http://dreamstudiodesign.com/
95-矢量3D运用的很好!

http://www.liveonthefly.com/
96-LOAD的时候可以用笔画,细节也很到位

http://valeisure.vasava.es/eng/vsv_shop_eng.html
90-风格比较特别

http://www.el-magico.hr/
93-上面有个蜘蛛

http://fubon.co.uk/
97-高彩度,仙境般优美

http://62.181.2.33/Finansowanie_2/index1.html
96-一只大手

http://disney.go.com/disneypictures/herbie/
94-汽车视频还不错

http://www.dpmhi.com/
93-简单点多好

http://www.dbrain.co.jp/
93-内容比较丰富

http://www.sonypictures.com/movies/deucebigalow/site/deuce.php
94-内容,版式丰富!

http://u10.iriver.com/
95-街舞的站,动感片头!

http://www.scenepreston.com/flash/
90-平行滚动导航

http://www.pasongsong.co.kr/
97-父子俩,乐死人了

http://www.lottesamkang.co.kr/
93-韩国的韩式的

http://www.small-face.com/
94-适合企业站,UI

http://www.stephaneguillot.com
96-一个网页设计师的站,注意里面的link

http://www.sebjaniak.com/
97-很有设计味道,注意黑景中的绿色运用

http://www.sorenhald.com/
86-照片展示

http://www.tankus.co.kr/
92-个性的展示

http://www.workandtheglory.com/site/
95-二站牛皮纸风格,哈哈

http://www.braillehouse.com/
93-青色结构

http://visual-pollution.com/vol7/
95-我喜欢的低灰度配色

http://www.channelv.com/
94-精子哈哈,有意思,内容也不错!

http://www.airbagconcept.com.ar/
90-两只黑鸟2005

http://www.creatif-lab.com
95-蓝白配色,遮照有创意

http://www.spikeddb.com
95-结构好强,好强。

http://www.tutton.co.kr/
93-像素站,就是喜欢像素

http://www.slu.nu/
94-鞋子的站,很温馨的效果

http://www.kozzmozz.com/Kzz2005.html
92-还可以,时代,淡色

http://www.esuvee.com
92-里面的大怪物不错,哈哈

http://www.samsung.com/common/microsite/e800/
http://www.samsung.com/common/microsite/lcdtv/
http://www.samsung.com/common/microsite/e800/main_001.html
97-三星的作品

http://www.storyabout.net/typedrawing/
93-用文字画人,不错~

http://www.crashmedia.com/
97-很有创意的站

http://www.skaen.com/
94-艺术味道十分的浓烈,不错的站!

http://www.manipulator.com/
92-又是简约结构强站

http://www.letinmotion.com/right/
94-精细,柔和的画面

http://www.bryantparkhotel.com/
94-黑白人物,比较动感!

http://www.digitalpulsestudios.net/
96-神秘的,虚无缥缈的!

http://www.mashinima.com/choque.html
97-界面欧古典,里面的视频很棒

http://uk.samsungmobile.com//mobile_phone/sgh-d500/uis/main.html
94-手机站,效果另类

http://www.vokal.com/
90-红色。

http://www.soleilnoir.net/
96-配色极其的棒

http://www.axefeather.com/
92-哈哈,鹅毛,哈哈,痒痒。

http://www.halfproject.com/
95-里面的站都不错,MC嘛~

http://www.axeso.com/
90-企业站

http://sbert-mgd.com.ar/
95-里面的视频值得学习ing

http://www.elgrando.ee/est/
94-底色配色很好

http://www.susanburghart.com/
95-这个站点和插画都不错

http://www.douglasfisher.co.uk/
93-各种车

http://www.nike.com/nikelab/usa/episode_3/index.jhtml
96-效果是真不错,但是真卡啊

http://www.stickyjam.de/
95-哈哈~大手,一拍一个栏目。

http://www.acidtwist.com/gallery/
93-flash一般,里面的画到是不错

http://www.sevenine.ca/
93-大型插画风格

http://www.fragmental.org/
88-镊子

http://www.organicfields.net/
95-页面不错,还有小游戏

http://www.wizet.com/
96-不错,清晰,卡通

http://www.jacziesmer.com/
90-大键盘,好创意

http://www.fornarina.com
90-模特站

http://www.duskdelight.com/
96-一个人从老头到小孩的过程

http://www.gallaga.com/flash/
93-高雅的暗红

http://www.josephkosinski.com/
95-就是喜欢精细的感觉

http://jeremiahshoaf.com
93-还不错,设计就要贴近用户

http://www.tokidoki.it/
96-大型插画图,哈哈,我喜欢的女孩风格站

http://www.quintacamp.com
92-绿色草坪背景,我喜欢啊

http://fashion.dior.com
92-头的效果很不错

http://www.amplifier.com/
94-个性的导航

http://www.fructal.si/
91-白红相间

http://www.i4design.nl/
96-界面不错,时代UI

http://www.mullerphoto.com/
94-很有意思的图片转化

http://www.yannarthusbertrand.com/v2/yab_fr.htm
92-大胆的导航

http://www.hidex.si/
90-典型的企业站,哈哈

http://www.dsai.ca/
91-看看创意

http://www.webshocker.net/
96-UI效果太强烈了

http://www.postvisual.com/
93-字体效果真棒

http://www.theexr.com/
93-色块,布局

http://www.nov9.com.br/
96-时钟为引导,创意无限!

http://www.communicationresponsable.com/
97-UI风格,推荐!

http://www.nike.com/freeeurope/
95-耐克站

http://www.exrkorea.com/
96-全flash,真大,真牛

http://www.8plus9.com/
97-简约的及至。

http://www.kennethwongphotography.com/
95-恩!细致如女人

http://www.7designers.com/index.cfm
94-Q版矢量,我喜欢

http://www.headbangers.tv/city.html
92-简笔画一样的~呵呵~好多好复杂

http://www.jpdamage.com
93-牛子裤,视频开头不错

http://www.psp-style.co.kr
95-视觉冲击不错。值得观看

http://www.sonjamueller.org/
92-和位图森林结合

http://www.drinkmilk.ca/?flash
92-写真的

http://www.juicycubes.com
92-日本的食品站,好可爱的导航,拖动食物放进去。

http://www.itsuoito.com/
94-个性的展示,红色,可爱!

http://www.philippemcclelland.com/
90-里面的图片还不错,有点意思

http://www.bernhardwolff.com/
93-SHIFT可以控制导航,有创意~

http://www.lebangbang.com/
95-红色,泡泡

http://www.nov1.nl/
93-清晰的不错

http://www.nov1.nl/
92-米黄配色

http://www.noedesign.com
95-清晰。主题明确,个人站,矢量型

http://www.yifeivision.com/
95-草地背景,清晰简约!

http://unitridigital.com.br/
95-红色,黄色。栏目转变的不错!

http://www.fordvehicles.com/
96-福特汽车站,UI强啊。

http://www.andrewwilsondesign.com/
92-开头的色条有意思

http://www.gkbox.com/
94-色彩亮丽的站,配色很漂亮

http://www.naive.it/
95-全矢量动态中型站

http://www.salvacampillo.com/
92-精细的导航,细线条,表现精致!

http://skyscraper.paregos.com/
93-火箭导航,清晰明了,矢量风格!

http://www.outofgoren.de/
94-据说作者在作品完成后22个月死去了!网站真的很?

http://jamungo.com/
90-比较可爱呢~图片欧式!

http://wwws.warnerbros.co.uk/movies/trauma/
93-哈哈,不错,蚂蚁可以按死的!

http://video.movies.go.com/thevillage/
95-导航翻叠效果真好。

http://www.lucasarts.com/games/mercenaries/main.html
96-好象是个3D游戏官方站,可以射击的!

http://www.ni9e.com/
97-好有设计感觉呀

http://www.sukiland.com/
93-好可爱的flash站,小人物挺搞笑的!

http://www.sekisuiheim.com/desio-ae/flash/main.html
98-设计风格十分的成熟,白色,亮丽UI!

http://www.corkedfork.com/2005/
94-精细线条风格

http://www.mutafukaz.com/
97-大眼睛的小黑人,哈哈~也厉害!

http://www.superdeux.com/
94-小黑圆头,也不错~哈哈

http://www.danyboy.com/
94-插画风格,动感极强,酷毕了!

http://16ar.free.fr/
93-里面的插画是我最爱的风格

http://www.123klan.com/
96-好站,好细的站

http://www.bukwild.com/home.html
89-还可以,导航跟随鼠标,比较贴心

http://www.ponygirl71.com
93-枪击记录以访问过

http://www.game-domain.net/
94-导航效果极佳

http://www.envoy.to/build/
92-场景布置的帅

http://www.visiondc.com/vision/flash.html
90-里面的画不错

http://www.vangogh-creative.it
93-简单的够图

http://www.elsakawai.com/
93-不错,灰加黑

http://www.tomdaisy.com/
97-大陆第一个被AWF收录的站,推荐看下

http://www.p3rpl3xity.com/
94-很酷的视频开头,不过太过花哨,前卫混乱色彩值得学习!

http://www.studiobreakfast.be/2005/
90-有意思的logo鸡蛋

http://fantasticfourmovie.com/game/
98-超级强的在线flash游戏

http://www.ggamang.co.kr/
94-商业味很浓的韩国站,不同与普通韩式。

http://www.microsoft.com/mscorp/innovation/yourpotential/flash.html
96-比尔的站,真的很棒,其实效果并不绚丽!

http://www.pinnawhite.com/
94-国人作品,界面非常漂亮!

http://www.ruedastigers.com/
93-汽车站,老虎,动感强

http://www.spooksmi5.info/
94-伪3D计算机,计算机过场,小游戏有内涵

http://www.contifanworld.com
95-足球

http://www.tomdaisy.com/
94-矢量画不错,并有位图为背景

http://www.soleilnoir.net/
90-小巧玲珑

http://www.sofake.com/
90-新颖的场景设计,矢量无限放大的优势

http://www.michaelelliott.co.uk/me/large.html
92-线条透视

http://www.hoogerbrugge.com/
98-黑白插画还不错

http://www.rough54.com/wet54.html
95-洗涤用品网站,logo游戏方式表现,绝

http://www.trevorvanmeter.com/flyguy/
92-小人飞天游戏站,

http://www.halolounge.com/
90-很棒的按钮效果

http://www.logicweb.it/treeplanner/treeplanner.swf
86-组件的应用,功能很强大

http://www.stxship.co.kr/stx_multi/index.htm
93-港口船舶类网站

http://www.mariaclaudiacortes.com/
92-连接小人,卡通类

http://ad.hyundai-motor.com/
94-简约的,如绘画般

http://www.agencynet.com/
96-视觉表现力很强,适合对公司和企业的介绍和推广

http://www.2advanced.net/
94-2AD的新作品(2005年初),不是全flash,但flash运用的很精细

http://www.fantasyinterfaces.com/
97-很强的公司,超级强站的那个

http://www.chydw.com/#
83-崔宏远的个人站,还可以

http://www.podcollective.com/
95-图标UI出色,flash分部运用的不错

http://www.alcinoodesign.com/
94-像素站,控制人物为导航,多场景

http://www.scienceunderfire.com/
92-3D配饰,清新,前卫风格

http://www.realityslip.com/
96-十分的精细,青灰色的基调,创意比较好

http://www.alfiemovie.com/
91-Aifie的个人站,百叶创意不错

http://www.nutility.co.kr/
95-自动适应浏览窗口,自动改变框架格式!

http://www.itcatmedia.com/
94-红色猫站,常规站点,大气

http://www.extrememusic.com
91-音乐下载站点,flash运用的也不错

http://www.funktion12.com/
99-超级的美工效果,色彩的配合,中间的转盘更是让我想起了小时候放的螺旋烟花~

http://asp.6to23.com/designgarden/zy/main.htm
92-片头很不错

http://cwcdn.geimaginationatwork.com/indexFlash.html
88-效果一般

http://www.mocre.com:8080/fsj/flash/
95-富互动娱乐

http://www.eoside.com/
90-视频应用的很好

http://www.u2interactive.co.kr/main.htm
91-一韩国UI设计师的站

http://hrv.buick.com.cn/
92-国内设计者,大气而完整,内容结构也很好

http://www.wyburzenia.pl/
86-质感还不错

http://www.digitdigit.com/flash.html#
93-特别另类的站,小蚂蚁好多

http://www.vodafone.jp/designfile/
93-很有创意,完全新颖的导航方式

http://www.eloq.co.kr/
90-动感片头不错

http://www.lichen-nyc.com/
92-德国味道,界面不错

http://www.conclave.ru/
92-看看什么叫个性

http://www.agrodesign.com.br/
93-我喜欢的清爽而简单的风格

http://www.tishara.net/
86-视频模特,好慢。

http://www.dartdesign.de/
90-站在技术的基础上就已经突出了个性

http://www.ferracini.com.br/
96-做工十分精美的站。

http://www.face3media.com/
89-又是果冻效果的构架!

http://puccaclub.com/eng/
96-韩国的中国娃娃,站点结构,flash在结构中的位置体现很有研究。

http://www.alfiemovie.com/
73-国外站视频用的比较好

http://www.tx-cn.net
86-天下工作室!

http://www.levi501reborn.com/index_day.htm
94-水下人物,特别,机械面板

http://www.theory7.com/
95-3D也不错

http://www.kioskue.com/
93-里面的网站作品很不错    

http://www.nike.com/nikeneoshox/flash.html
92-喜欢这样的风格,矢量

http://www.monsterism.net/
82-作品展示,小屋一间间

http://www.stone-x.net/
92-3D导航不错,光射效果也不错。

http://www.dalki.com/
94-flash和矢量发挥的很棒,可爱站

http://www.oculart.com/
90-诡异,诡异,恐怖哦!

http://www.talkiewalkie.de/raschu/
97-两只小鸭子,清新,亮丽,UI很棒

http://www.germonline.com/main.html
88-一份神秘,动态的导航和内容框架十分注意构图和格式~

http://www.excluse.com/mainframe.html
93-别致的load和导航,极具现代感。

http://www.digitalfussion.com/experimental/index.php
97-UI很成功,配合AE的运用,导航和场景的转换都独有特色。

http://www.cafri.com/
86-主色黄色,整体用色也不错

http://www.voxhon.com/
93-简简单单,气氛不减

http://www.superdeux.com/
93-小黑豆豆,很细致的站。

http://www.jkrowling.com
95-杂乱的工作台!

http://www.sounddesign.co.kr/main.htm
92-利用一跟线条的扭曲,成导航主线,视觉效果很棒!

http://www.andersonoliveira.com.br/flashindex2.htm
89-可爱的蚂蚁

http://www.bluwake.com/
90-导航的熏烟效果不错

http://www.2methods.com/
92-画面质感很棒,控制音乐的机械手不错,光感不错

http://www.flash4all.de/start.htm
92-进入页的按钮相当的柔和。

http://www.kigot.com/
97-导航的磁感效果,点缀的小蜘蛛。UI很成功,机械屏幕。

http://www.motionblue.com/
93-白色主题,明快节奏,weare块的动画见有所思。

http://www.electrongeek.com/
86-整体结合的还不是很完美。

http://www.fantasy-interactive.com/conspiracygames/movie.html
100-我看到的flash站点不下几千,这个是最棒的!

http://www.shangzhoudesign.cn/
90-整体把握的不错

http://www.fans8.com/
92-fans8国内关于flash后台交互的站,技术不错,设计不错

http://www.nike.com/
94-耐克站点,运用导航作为整体视窗,创意非凡!

http://www.viviennewestwood.com/
81-画面流畅,配色到位!

http://www.daband.com/soul.html
87-传统站点的结构方式基础上加入flash的动感

http://www.tokidoki.it/
83-矢量绘画功底不错,还有游戏。赞

http://www.henrycotton.co.kr/
90-柔和的页面,合适的动画点缀

http://www.oxcube.com/
85-另类的画风,轻松,平淡的表现!

http://www.cherryapple.com/momo/
93-创意不错,技术也不错,地球人都知道了!

http://www.zunodesign.com/
80-像素站点,flash留言系统不错!

http://www.shirtflag.com/
92-让你体验另一种感觉,老上海,国内站

http://www.sz-arcadia.com/
88-桃源居,中国味道,界面老道!

http://foollee.hk.st/
97-李蠢的站,一定要看看,不多说了!

http://www.appleshow.cn/
95-苹果树下,美术不错!

http://www.emilianorodriguez.com.ar/
81-哈哈,背景好有意思!

http://www.toysdesign.com/
80-在网站上学折纸

http://www.trinidadexports.com/
90-水果站点,清新!

http://www.hybridworks.jp/
97-超强的矢量图形,随时间变化而变化的动画

http://www.wa007.com/
97-红色007站,绝对的强!

http://www.saintsandsoldiers.com/
88-电影站,图片运用的够感人

http://www.funneldesigngroup.com/
84-很别致的3D小人,脑袋是灯泡

http://www.d-o-e-s.com/
91-火车上的故事

http://www.myvk.co.kr/vk200c/enter.htm
82-手机站点,动感比较强

http://www.elsakawai.com/
80-比较注意细节,小鸟,小鱼不错

http://www.crew9.net/flash.html
84-人才招聘的站,很有创意

http://www.reptyle.it/reptyle.asp
91-界面比较成功,

http://www.900biscaynebay.com/
95-技术,设计都很有品位,有视频的应用

http://www.robertreich.de/
90-喜欢这种简单的风格,作者也很考虑用户的浏览感觉

http://www.ideaprisoner.com/
86-蛮个性的

http://www.andreit.com/main.html
82-不错的格尺导航

http://www.noedesign.com/
89-又一个翻板站

http://www.defide-ix.com/top.html
90-可以感受vi的成功,导航也不错

http://www.jeedub.com/vol3/index.htm
80-人脸贴到显示器上,创意不错。

http://www.ideoactive.com/espanol/espanol.htm
92-机械质感,结构,音效不错。

http://www.indusblue.com/indusblueV3/
88-扑克牌试,重叠框架

http://usuarios.arsystel.com/berenguer/qm/principal.html
82-美工不错,不过真慢啊!

http://stickmanonfire.com/
95-以火柴为主题,围绕火柴的创意

http://domineydesign.com/
86-人物行动视角为主线,

http://www.fakepilot.com/
80-很简单,视频还不错!

http://www.2advanced.com
96-2AD的老作品,不多说了

http://www.joshuadavis.com/pound.html
83-很直白的站,里面的图片设计的不错

http://www.forests-forever.com/
83-技术不错,很简单的站,地图

http://www.forests-forever.com/
90-平静的站点!

http://www.crisiszonegame.com/
86-游戏站,静止透视不错

http://www.tokyoplastic.com/menu.html
92-相当不错的创意,和小黑人类似

http://me.fredes.com/
90-很不错的导航,突破常规,

http://www.viaux.com/
78-简单的设计

http://www.microsoft.com/mscorp/innovation/yourpotential/main.html
97-microsoft的宣传站

http://www.fbfx.co.uk/main.htm
91-撕裂纸张的效果很逼真

http://www.9000studios.com/
90-非常简单的flash站,简单也是一种美

http://www.pixelriot.pl/mwp/site.html
88-柔和的站点,里面的图片也不错

http://www.klein-wiele.com/cnt/indexflash.html
89-网页的结构各种各样!

http://www.swanyhunting.com/
89-十分细腻的站

http://www.nokia.com.pl/modnanokia7600/
84-特别的设计~

http://www.releesemusic.com/
90-界面设计的不错

http://www.neubix.com/index.asp
79-色彩一般,总体还可以

http://www.letinmotion.com/left/index.htm
80-色彩过淡,效果还可以

http://www.metronet.ie/
85-站点的框架和导航配合的不错

http://www.exopolis.com/site/
92-构图,ui效果突出

http://www.mn8studio.com/
95-设计的相当不错,很有创意

http://www.vodafone.jp/designfile/bodyfs.html
80-文字表现空间感

http://www.mecano.ca/flash.php
83-色彩虽单一,效果不减

http://www.microbians.com/
76-效果简单,里面图片不错

http://awronow.com/
95-设计的很细腻!虽然没有很多艳丽的图片

http://www.dhp-architecten.be/
76-立体的表现

http://fernandonieto.free.fr/
90-一个小猪,很注意细节,里面的画也不错

http://www.simplyinteractive.net/
85-按钮的质感很好

http://www.ego7.net/
88-模仿桌面的站,技术不错

http://www.d-artdesign.de/
87-模仿行星的站

http://www.stenkat.com/
92-很有风格的站,注意细节动感

http://www.flashdh.com
86-闪客沙漠,比较华丽的站

http://www.zgjdqh.com/fullscreen.htm
85-明快的站

http://www.fishouse.net/
84-用视频做导航,比较另类

http://www.nfstudio.com/
85-有抄袭痕迹,不过抄到了神韵,中国味

http://www.motion-wave.com/
87-简单明了的站

http://neostream.com/
98-强就一个字,我要说n次

http://www.maderecords.com/
88-细腻,精致的站

http://www.iconsound.com/
96-里面的mp3系统,很多人乐于模仿

http://www.fu-design.com
89-可爱的站,可爱的导航小人头

http://www.bmguslatin.com/
86-有模仿痕迹,和我一样~哈哈

http://www.twice-shy.com
86-很简洁

http://periscope.com/flash/main.asp
92-盒子站点,很有韵味

http://www.suihong.com/v3/
84-闲人的墓,很个性哦~

http://www.masiaone.com/
76-效果一般,有点乱

http://www.dna-newmedia.com/
90-机器飞鸟,很前卫,富有时代感

http://www.brand-x-music.com/
85-动感很强,眼花ing

http://www.ilkalemos.com.br/
76-一般

http://www.podspeakers.com
91-很专业,细致

http://www.d5ive.com/
80-有点鬼魅的感觉

http://www.cablecity.co.kr/
91-vi,ui讲究

http://www.nutility.co.kr/
80-框架晃的我晕

http://www.tongsville.com/city/index.html
92-精致的像素站点,哈哈!像素当然精致了

http://www.w-o-huahuo.com
83-花火的站,一般

http://www.w-o-fantian.com
88-02年的主流站点模式

http://www.mediatick.net/
81-很单薄的结构哦

http://www.musamachina.com/
89-可以记录每个栏目的浏览时间,呵呵

http://www.indurango.org/
90-视觉冲击不错

http://www.mayawashington.com/
88-很棒的简洁风格

http://www.jeannettejacobs.com/
83-这个也太简单了吧

http://www.hybride.com/
85-又有个构试简单的站

http://varan.redgraphic.com/
87-键盘控制,很另类

http://www.abacusapartments.com.au/
84-细节不错

http://www.designbyseal.com/
73-线条有些过整

http://www.ipp-printing.com/
90-感觉像HTML一样的站,相当不错

http://www.losthumans.com/
92创意和画面都不错

http://www.visiondc.com/
82-里面的画不错

http://www.collab.nl/
93-技术十分强,留言本也很有创意

http://www.curvemusic.ca/
86-他的导航很霸道哦,比较细致

http://www.stuntkid.com/
82-让我想到了花仙子,哈哈

http://www.widegroup.net/ie/intro.htm
90-白色简洁的站,很明净

http://www.neotix.com.br/v3/index.html
93-相当细致的站。

http://www.madrhino.com
89-构图突破传统方式

http://www.pattern.tv/
86-个性表现的站

http://www.factory1games.com/
82-栏目变化还可以

http://www.graylabel.net/
86-中间一条,围绕他

http://www.infernalaffairs.com/
89-无间道的站,还不是很完美

http://www.layerbit.com/
91-导航按钮超级强。load也很有创意

http://www.universumlounge.com/
87-时尚,高雅~

http://www.newlookmedia.com/
88-框架设计的不错

http://www.inter-act.ro/
80-有点粗糙,总体不错

http://www.franciscobojado.com/main.htm
88-一拳击手站。

http://kr.silkroad.yahoo.com/Silkroad_Root/sub/main.asp
92-游戏站,画功一流,界面亦很棒

http://xm2.com/xm6/
90-喜欢做工细致的站

http://purepulse.co.kr/
93-非常精细的站,很亲切

http://www.ponygirl71.com/
89-还可以打枪,不错

http://www.impactautosport.com/english/index_site.html
75-很不错的圆导航

http://www.xygoxen.net
90-信息比较多的站

http://www.frosch-studio.com/main2.html
93-一个青蛙!

http://www.pa2d.com/
90-森马,好有趣的导航啊

http://www.rice5.com/
93-很有创意,鼠标控制人物,触发主线!

http://www.vitorvilela.com.br/
96-可爱之极,作者的作品好强

http://www.eccentris.com/splash.htm
93-一切都是那么细致!

http://www.thanea.com/ars/
95-你一定会敬佩他的创意

http://www.yongpyong.co.kr/virtualtour/index.html
93-全新的flash方式,大型,全面

http://www.cinus.co.kr/
84-背景流水滴变幻

http://www.modulocreativo.cl/home_en.htm
83-UI效果不错,可惜没充分利用flash的优点

http://site06.com/
79-把电影效果搬到flash里,艺术互联

http://www.momu.co.kr/
91-进入首页的蝴蝶很漂亮,天平导航也不错

http://innovative.daum.net/vol2/innovation.html
82-色彩不错,导航不用点击

http://2020.ipohang.org/
92-片头动画8错。

http://www.tu4u.com/
60-效果做的很棒,细节也很棒,但是关闭要CTRL+F4,讨厌的全屏。打低分。

http://www.monkeehub.com/
91-色彩的高手,看他的作品也是绘画高手,风格偶喜欢

http://www.thevillage.nl/
86-不仅要看站,也要看作者的作品

http://www.acidtwist.com/
86-flash不强,绘画可真强哦!

http://www.sireoftate.com
89-喜欢他的场景转换模式

http://www.lakesider.net/
90-你也可以体验到作者的悠闲

http://www.sdevil.com/
90-海精灵,喜欢柔和的界面

http://www.d414.net/
87-和消防有关

http://www.freelife-studio.com/
86-明快的

http://box.paran.com/
98-好可爱的站,好可爱的礼物盒子,创意无限啊!!推荐~

http://62.181.2.33/Finansowanie_2/index1.html
89-好大的一只手啊

http://www.blackcat-mx.com/main.htm
92-一只表的内容

http://www.samsungsdi.co.kr/contents/promotion_kr/vixlim/main.html
93-三星站,不是主站,依旧那么细腻!

http://www.soulbath.com/intro.html
90-楼房一样的导航

http://www.bjtlsy.com
98-北京天伦随圆

http://www.designbymap.com/
98-找到好站的感觉,就如同找到了宝贝

http://image.mymotorola.co.kr/razr/swf/main_1.asp
96-motorola的广告宣传

http://www.modernista.com/5/index.html
97-很有感觉啊,呵呵~比较偶创意!

http://www.movieheat.com/clients/bigfishmarketing/gotti/
96-可以脱别人裤子的站,哈哈!

http://www.northkingdom.com/splash.html
98-内容不错,细节更棒

http://designarchives.aiga.org/
96-里面的设计图片 超级多是,还是96分

http://demo.northkingdom.com/saturn/main.html
97-关于汽车的站

http://www.maneeto.com/maneeto.html
94-呵呵~小人不许动

http://www.disloc.rp-online.de/
98-现代的,动感的,机器的

http://www.guiborchert.com/
95-构图还是很特别的~

http://www.eyepunch.com
97-一直很喜欢这种灰彩基调

http://www.furnitureclub.com.au/fc-main-flash.htm
96不错!是我喜欢的前锐风格

http://www.disney.fr/FilmsDisney/lacoccinellerevient/global/index.html
95-浓烈的欧美风格,汽车的站,还有汽车可以小开

http://www.sad-movie.co.kr/
96-韩国的电影站,哪个电视局拉?我忘了~

http://www.interone.de/
97-非常棒的创意,不停生长的叶子

http://piotrowskimichal.com/
95-图很大气!

http://www.cinematic-cover.com
96-里面的视频很不错

http://www.be2do.com/
98-呵呵~不错啊,有特色,有味道,有文化!

http://www.cinematic-cover.com/
96-里面有三个站,都是很不错的。

http://www.lifevisuals.com
97-界面非常的考究,PS很强。老套的版式!

http://www.kinetic.com.sg/k2005/main.html
98-机器人来了,纯手绘

http://www.flavorpixel.com/
95-鼠标控制的小火条还是不错地~草地底图用的越来越多了

http://www.spikeddb.com/main.htm
96-版式很不错

http://www.vichy.com/
95-化装品的站

http://www.arimagg.com/
94-不错的摄影作品。

http://www.bigstar.pl/_main.html
96-比较喜欢灰色

http://www.pjddb.com
96-黄色和兰色的小人

http://rma.mtv.ru/start.html
96-汽车油表的load,很有创意,画面制作精细~

http://www.gradiente.com/webflights/Toca_Muito/main.html
97-色彩,我喜欢的。和同类比很棒

http://www.danecook.com/
94-呵呵~有点大胆,HTML风格的FLASH

http://www.sonyericsson.com/k300/flash.asp
97-手机站,色彩不错,独特的转场

http://www.yatsuda.com/yatsudaCom/BIP/
94-不错的摄影作品

http://evb.com/
95-EVB公司的官方站,很简洁!

http://www.kia-rio.com/
97-SWIFT运用的很强,不错,动感十足啊

http://www.advanceflash.com
98-站点UI相当不错,结合AE效果!

http://www.visualdata.org/
96-3D和AS资源都不错~

http://www.hieromorphics.com/Intro.html
94-唯美的画面

http://www.svwracing.com/site/minisite/site3/
93-方程式赛车手的个人站

http://www.letinmotion.com/
96-黑色基调,质感很不错~

http://www.bbdo.com/
94-没细看,像RIA技术

http://www.diesel.com
http://www.diesel.com/stylebook/index.php
94-很有个性的站,独特的味道,当然,两个是一组人员建的~

http://www.doubleplus.info/
96-有创意,交互的手和框架

http://www.agualuca.com/agua.html
95-一个化装品的站,还不错,水按钮也不错~

http://www.adhemas.com/
96-多色插画风格,我喜欢。好像是个工作室

http://www.mtdew.co.kr/
96-绿色基调,平面不错,里面的广告更是绝

http://www.benq.com/products/mobile/p50/P50_en.htm
95-BENQ手机站

http://cwcdn.geimaginationatwork.com/
96-标志是个龙字繁体的

http://www.powerbright.com/
96-色彩很强,广告味也不错

http://matthieucorgnet.free.fr/
95-配色,结构都不错的站

http://www.pixelgasoline.com
94-穿迷彩服的美国女人

http://www.i2off.org/
94-好大的一个页面,左右各3屏

http://www.homeostatic.net
94-一个女人为中心

http://www.steffenjahn.com/publish/html/
90-简单格式

http://www.samsung.co.kr/story/vol02/no02/index.html
97-风格独特的三星站。灰度多色系!

http://www.americanos.com.pl
95-人物吐泡,很有意思loading

http://www.liveonthefly.com/
96-LOAD的时候可以用笔画,细节也很到位

http://www.camouflagecomics.com/flash.php
92-布局创意不错,像在报纸上划字

http://www.1007.peugeot.co.uk/home.asp
94-线条的布局,像儿童画~

http://www.theskeletonshop.com/
95-黑色的基调,我喜欢,乌鸦,骷髅

http://www.rbk.com/us/gxt/
94-绝对时尚,前卫

http://www.stardust.tv/
96-高雅,华贵,色彩独到

http://www.kingforaweek.com/
96-大气的汽车站

http://ad.hyundai-motor.com/catalog/new_click/main.html
96-汽车站,不同的是这个很可爱~哈哈!

http://dreamstudiodesign.com/
95-矢量3D运用的很好!

http://www.boolab.org/
96-黑白线条,赶紧利落!

http://www.nike.com/nikesoccer/tape/zine.jsp
93-乱而有序

http://toyota.jp/sp/ist/
98-创意十足啊,汽车站,推荐

http://www.thelostmemories.com
93-遗失的记忆,黑白变换图

http://www.polham.co.kr/
96-叹服其摄影作品吧

http://www.colorama.com.ar/
93-小巧的站

http://www.adidas.com/y-3/
96-3D的盒子,有几个格子!

http://www.feric.com/
96-机械的动物,黑白的线条

http://www.citric.ws
94-游荡在橘子树上

http://chinese.tour2korea.com/hellohallyu/
95-韩国的影视站,色彩线条不错

http://www.las-sps.com/
93-模特站

http://www.momu.co.kr/
96-手机信号的logo

http://www.tankus.com/
95-模特站

http://www.clairepettibone.com/bleuclair/
95-笔记本,还有个格尺,哈哈!

http://www.guitarshredshow.com/
94-不错的大树,不错的头

http://www.reelworld.com/flashindex.php
97-3D转场不错

http://cn.samsungmobile.com/cn/event/M509/index.htm
96-三星的,那个“5”好帅

http://cn.samsungmobile.com/cn/event/concert0504/index.html
96-三星的音乐比赛站

http://www.unit9.com/
97-很有创意的版面流动,像悬浮的刻画

http://www.thomasedison.org/
98-整体使用AS控制布局,字体专场效果流感脚好,很多值得学习的视觉效果

http://www.dixiechicks.com
100-3D页面非常有创意,虽然借鉴了google的卫星地图效果。

http://www.concavescream.com
98-个性化,海面想法正与我个人站策划雷同。

http://artworksgroup.net/
98-UI型,适合给小东个人站的表现

http://www.vwfeatures.com
98-宝马车展,细腻,灰调

http://www.soundofdesign.com
98-AS形成色彩特效,色彩应用娇艳大度

http://www.e900.samsung.ru/
99-哈哈交互,以人为本,手机展示

http://www.reisenthel.com/
99-产品表现特别好,便捷的导航栏目,FlashForward 2006 Austin商业站奖项

http://web173.unit9.net/
98-26个字母,26个动画

http://www.nike.com/nikeair/us/
99-耐克运动鞋广告,视觉的震撼,人物的跑动

http://www.them5.com/
99-视频做的不错,FlashForward 2006 Austin动感图形奖项

http://www.digisonline.com
97-非常细腻的游戏站点,FlashForward 2006 Austin游戏奖项

http://www.samorost.net
99-有趣细腻的情节,以及FlashForward 2006 Austin原创音乐奖项

http://www.bluefactory.es/
98-白青配色,04字体,干净有时代感,里面视频更是喜欢

http://www.cocoonmultimedia.com/
98-色彩用的不错
——————————————————————————————————-

非flash站点

=============================================图片
http://www.allenwei.com/
c-国内牛x到极点的cg个人站

http://www.lionzo.com/
e-前卫,LOGO,淡色

http://www.220experimental.com.ar/
e-前卫,方向,速度,低灰

http://www.hejz.com/
e-特意,细腻,梦幻

http://www.addfueltothefire.com/
e-各异体现

http://www.non-stops.com/
e-特意图片组合

http://www.jasonchanart.com
e-很强的绘画功底,可与WOW官方媲美

e-CG娃娃

http://www.vianet.it/
http://www.designergokko.it/
http://www.tokidoki.it/
it-矢量女孩

http://members.ytv.home.ne.jp/ma.a/index.html
玩具设计

http://www.drewflaherty.com/
http://www.shinybinary.com
极强的视觉冲击力
=============================================页面
http://www.designchapel.com/
制作Get the Glass(小偷与警察如大富翁的游戏)的公司,世界一流设计公司。

http://www.ndesign-studio.com/portfolio/
大胆色法新锐

http://www.karborn.com/
新锐

http://www.perihelio.krzem.pl/
我喜欢的各异图

http://www.ahww.or.jp/ani/index.html
jp七龙珠站

http://www.xanthic.net/home.php
超强的质感图-可以用于个人展

http://noman.yantt.com
cn-平面表现的非常到位.77年人士

http://chapter3.net/
usa-喜欢的新锐,科技,前卫

http://www.adhemas.com
巴西拖鞋那小子,一部份作品,矢量色调不错

http://www.constructionkid.nl
nl-我喜欢的多彩前卫科技效果

http://logartis.net/
hu-国外的小伙子,风格我极度喜欢,梦幻

http://www.nickterry.com
sa-国外84年人,多彩前卫科技效果

http://www.ocam.org.tw/index.asp
cn-板式设计结构不错

http://www.griffon.cn/
cn-上海美术公司,十分细腻的页面

http://world.smoodae.com/
kr-版式大胆,花而不乱

http://mushketer.ua/
ua-清新的儿童站

http://www.huntinnerwear.com/
e-女士用品,很温馨

http://www.chinadaily.com.cn/home/index.html
e-大气,清新,内容比较多

==================================================
2007最具人气的web设计网站
http://emotionslive.co.uk/
http://olivier.danchin.neuf.fr/
http://www.cameronmoll.com/portfolio/
http://www.dinis91.com/
http://joyent.com/
http://www.komodomedia.com/
http://www.haveamint.com/
http://tonyyoo.com/v2/
http://www.vivabit.com/
http://wecreatethings.com/
http://www.zcool.com.cn/
=================================================色彩
color palette creator
通过基本色调生成10种不同灰度的相同色,并且能生成png文件。
http://slayeroffice.com/tools/color_palette/

http://www.lvjiyong.com/books/css/colortools.html
网页配色表,色盘,及一些常用手册。

http://www.dark-i.com/
按色彩搜索网站,很方便的功能

technicolor
根据基色生成系统推荐的色调,还能生成标准的css文件。
http://www.themaninblue.com/experiment/Technicolor/

color scheme generator 2
能根据选择的基色生成相关的配色方案,根据颜色的饱和度,明亮度等只有在photoshop里看见的调节功能,系统还提供推荐方案,有专门为色盲和色弱者推荐的颜色方案。
http://wellstyled.com/tools/colorscheme/index-en.html

colr.org
应用了tag,你可以输入forest(森林)这个词,系统自动根据你给出的词生成相关的颜色方案,输入love后我得到的大多是粉红基色调,系统有11000多种颜色tag和20000种颜色方案、7000多个调色板。当然,这个tag不支持中文的…
http://colr.org/

color blender
输入两种截然不同的颜色,系统根据这两种颜色生成渐变色带。
http://www.meyerweb.com/eric/tools/color-blend/

color schemer v2
这个是color scheme generator 2的另一个版本
http://www.colorschemer.com/online.html

visibone color lab
根据网页安全色制作的调色板,使用简单,鼠标不停的点,直到碰上让你感觉满意的效果。
http://www.visibone.com/colorlab/

full screen picker
这是一个基于浏览器的颜色拾取器,这种工具还是使用客户端的程序比较方便些。
http://milov.nl/iambald/24.html

colormixers
一边拉滑杆,一边看颜色的变化,相当方便。
http://colormixers.com/mixers/cmr/

http://www.easyrgb.com/harmonies.php
根据输入的RGB值,系统生成配色方案m

http://www.pourpre.com/chromograf/en/
功能十分强大,支持多种配色形式,单线,简便,圆形,混合,等等

http://www.webwhirlers.com/colors/wizard.asp
输入单词,系统自动生成配色方案

http://www.colorcoordinator.com/colorCoordinator.php
调制的色块后,可以自己任意摆放,操作灵活,丰富

CSS用省略号实现文字自动截断

<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”
http://www.w3.org/TR/html4/loose.dtd“>
<html>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=gb2312″>
<title>css文字截断____dowhatyouwant</title>
<style>
body{
background-color:#f4f4f4;
font-size:12px;
}
div.test{
width:200px;
height:100px;
border:1px solid red;
border-top:4px solid red;
padding:10px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
</style>
</head>

<body>
<div class=”test”>我来测试一下这个文字截断是不是真的有效果</div>
</body>
</html>

div+css绝对定位和相对定位

很多朋友问过我absolute与relative怎么区分,怎么用?我们都知道absolute是绝对定位,relative是相对定位,但是这个绝对与相对是什么意思呢?绝对是什么地方的绝对,相对又是相对于什么地方而言的呢?那他们又有什么样的特性,可以做出什么样的效果呢?关于两者之间又有什么样的技巧呢?下面我们就来一一解读。

Absolute,CSS中的写法是:position:absolute; 他的意思是绝对定位,他是参照浏览器的左上角,配合TOP、RIGHT、BOTTOM、LEFT(下面简称TRBL)进行定位,在没有设定TRBL,默认依据父级的做标原始点为原始点。如果设定TRBL并且父级没有设定position属性,那么当前的absolute则以浏览器左上角为原始点进行定位,位置将由TRBL决定。

一般来讲,网页居中的话用Absolute就容易出错,因为网页一直是随着分辨率的大小自动适应的,而Absolute则会以浏览器的左上角为原始点,不会应为分辨率的变化而变化位置。很多人出错就在于这点上出错。而网页居左其特性与Relative很相似,但是还是有本质的区别的。

Relative,CSS中的写法是:position:relative;  他的意思是相对定位,他是参照父级的原始点为原始点,无父级则以文本流的顺序在上一个元素的底部为原始点,配合TRBL进行定位,当父级内有padding等CSS属性时,当前级的原始点则参照父级内容区的原始点进行定位。

有时我们还需要依靠z-index来设定容器的上下关系,数值越大越在最上面,数值范围是自然数。但是z-index也不是万能的,z-index也受到了等级的限制,关于这个等级的限制请查看《无法冲破的等级

dl、dt、dd标签

dd、dt标签是是列表用的。

我们平时常用的是<ul>< li>标签,不过dd、dt标签也蛮不错,特别是发布程序的时候功能模块列表什么的可以使用它来排版。

<dl></dl><dt>< /dt><dd>< /dd>
<dl></dl>用来创建一个普通的列表,<dt>< /dt>用来创建列表中的上层项目,<dd></dd>用来创建列表中最下层项目,<dt></dt>和<dd></dd>都必须放在<dl></dl>标志对之间。看一下下边的例子您就会明白了:

创建一个普通列表

引用内容 引用内容
  • <html>
  • <head>
  • <title>一个普通列表</title>
  • </head>
  • <body text=”blue”>
  • <dl>
  •   <dt>中国城市</dt>
  •     <dd>北京 </dd>
  •     <dd>上海 </dd>
  •     <dd>广州 </dd>
  •   <dt>美国城市</dt>
  •     <dd>华盛顿 </dd>
  •     <dd>芝加哥 </dd>
  •     <dd>纽约 </dd>
  • </dl>
  • </body>
  • </html>
       

此例在浏览器中的显示如下:

中国城市
   
北京
   
上海
   
广州
 
美国城市
   
华盛顿
   
芝加哥
   
纽约

完整xhtml的结构标签

结构
body, head, html, title
文本
abbr, acronym, address, blockquote, br, cite, code, dfn, div, em,
h1, h2, h3, h4, h5, h6, kbd, p, pre, q, samp, span, strong, var
链接
a
列表
dl, dt, dd, ol, ul, li
表单
form, input, label, select, option, textarea
表格
caption, table, td, th, tr
图片
img
对象
object, param
meta
外部调用
link
基本
base

详解display:inline | block |inline-block的区别

display:block就是将元素显示为块级元素.

block元素的特点是:
总是在新行上开始;
高度,行高以及顶和底边距都可控制;
宽度缺省是它的容器的100%,除非设定一个宽度
<div>, <p>, <h1>, <form>, <ul> 和 <li>是块元素的例子。

display:inline就是将元素显示为行内元素.

inline元素的特点是:
和其他元素都在一行上;
高,行高及顶和底边距不可改变;
宽度就是它的文字或图片的宽度,不可改变。
<span>, <a>, <label>, <input>, <img>, <strong> 和<em>是inline元素的例子。

inline和block可以控制一个元素的行宽高等特性,需要切换的情况如下:

让一个inline元素从新行开始;
让块元素和其他元素保持在一行上;
控制inline元素的宽度(对导航条特别有用);
控制inline元素的高度;
无须设定宽度即可为一个块元素设定与文字同宽的背景色。

display:inline-block将对象呈递为内联对象,但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内,允许空格。

inline-block的元素特点:

     将对象呈递为内联对象,但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内,允许空格。(准确地说,应用此特性的元素呈现为内联对象,周围元素保持在同一行,但可以设置宽度和高度地块元素的属性)

     并不是所有浏览器都支持此属性,目前支持的浏览器有:Opera、Safari在IE中对内联元素使用display:inline-block,IE是不识别的,但使用display:inline-block在IE下会触发layout,从而使内联元素拥有了display:inline-block属性的表症。从上面的这个分析,也不难理解为什么IE下,对块元素设置display:inline-block属性无法实现inline-block的效果。这时块元素仅仅是被display:inline-block触发了layout,而它本就是行布局,所以触发后,块元素依然还是行布局,而不会如Opera中块元素呈递为内联对象。

IE下块元素如何实现display:inline-block的效果?

有两种方法:
1、先使用display:inline-block属性触发块元素,然后再定义display:inline,让块元素呈递为内联对象(两个display要先后放在两个CSS声明中才有效果,这是IE的一个经典bug,如果先定义了display:inline-block,然后再将display设回inline或block,layout不会消失)。代码如下(…为省略的其他属性内容):

div {display:inline-block;…}
div {display:inline;}

2、直接让块元素设置为内联对象呈递(设置属性display:inline),然后触发块元素的layout(如:zoom:1等)。代码如下:

div {display:inline; zoom:1;…}

以下用个例子来说明三者的区别和用法:

<style>div,span{background-color:green;margin:5px;border:1px solid #333;padding:5px;height:52px;color:#fff;}.b{display:block;}.i{display:inline;}div.ib{display:inline-block;}div.ib{display:inline;}a.ib{display:inline-block;}a.ib{display:block;}span.v{padding:0;margin:0;border:0;vertical-align:middle;height:100%}</style><div>div display:block</div><div class=”i”>div display:inline</div><div class=”ib”>div display:inline-block</div><span>span display:inline</span><span class=”b”>span display:block</span><span><a class=”ib”>a display:block</a></span><br /><div><span class=”v”></span>vertical-align:middle</div>
[Ctrl+A 全部选择进行拷贝 提示:可先修改部分代码,再点击运行]

参考:

Blank:display:inline-block的深入理解

小猪之家:display: inline 、block 、inline-block

用white-space:nowrap;解决中文标签标签换行问题

在web2.0的概念中,标签是个时常出现的东东,可是在设计时中文不象英文那样在表现标签云时表现的那么好,主要是中文词组的成为标签后,有时会出现长标签在标签云中被断行的问题。

今天在经典论坛里看贴的时候发现 有人在问这个问题,以前遇到过,没有解决,这次乱试竞然被我试出来了,主要是用 display:inline-block; 这个属性~,具体代码如下:
<style type=”text/css”>
<!–
body{font-size:12px; color:#fff;}
div{width:110px; background:#000;}
span{padding:10px;display:inline-block;}
–>
</style>
<div>
<span>标签</span>
<span>标fdsfsd签</span>
<span>标标</span>
</div>

span里的元素在被定义了 display:inline-block; 这个属性之后,就再也不会被断行了,也不会把外层的 div 撑开(除非span比div还要宽了  ),这样就达到了和英文单词一样的标签云效果了,呵呵~

PS:FF不支持这个属性,还是IE比较人性化啊,哈哈~

PS PS:在群里又被 aoao 指点了一下,发现white-space:nowrap;就可以解决,FF也支持,郁闷啊~
<style type=”text/css”>
<!–
body{font-size:12px; color:#fff;}
div{width:110px; background:#000;}
span{padding:10px;white-space:nowrap;}
–>
</style>
<div>
<span>标</span>
<span>标fdsfsdfdsfdsfsdf</span>
<span>标</span>
</div>

CSS 缩写技巧

Web网站可用性的关键指标是速度,更确切地说,是页面能以多快的速度出现在访问者的浏览器窗口里。影响速度的因素有很多种,包括Web服务器的速度、访问者的Internet连接情况,以及浏览器必须下载的文件大小。尽管你无法控制服务器和连接的速度,但是你可以控制构成网站Web页面的文件大小。

为了让网站能够更快,Web的建设者都会按常规地压缩和优化网站上的每一个图像文件,这常常使得为了将文件的大小减少几个百分点而牺牲了图像的质量。由于CSS样式表是纯文本文件,和图像相比相对较小,所以Web建设者很少考虑采取措施减少其CSS样式表文件的大小。但是,通过使用CSS缩写以及其他的一些简单技巧,你可以在很大程度上减少样式表的大小。在我对自己样式表的一次非正式的特别测试中,我把文件的大小降低了大约25-50%。

使用CSS的缩写性质
CSS的缩写性质(shorthand property)是一些专用的性质名,用来代替多个相关性质的集合。例如,间隙性质(padding property)是顶部间隙(padding-top)、右侧间隙(padding-right)、底部间隙(padding-bottom)和左侧间隙(padding-left)的缩写。

使用速写性质让你能够把多个性质/属性对(property/attribute pair)压缩进CSS样式表的一行代码里。例如,想一想下面的代码:

.sample1 {
margin-top: 15px;
margin-right: 20px;
margin-bottom: 12px;
margin-left: 24px;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 4px;
padding-left: 8px;
border-top-width: thin;
border-top-style: solid;
border-top-color: #000000;
}

将它用一些缩写性质来替代就能够把代码减少为下面这样,两者的实际效果是完全一样的:

.sample1 {
margin: 15px 20px 12px 24px;
padding: 5px 10px 4px 8px;
border-top: thin solid #000000;
}

要注意,缩写性质还有多个属性,每一个(属性)都对应一个被组合进入缩写性质的常规性质。属性由空白隔开。

当属性是类似的值的时候,例如用于边框空白性质(margin property)的线性测量的时候,接在缩写性质之后的属性的顺序很重要。属性的次序是从顶部(顶部的边框空白)开始,然后围绕格子(box)按顺时针次序继续。

如果缩写性质的所有属性都是相同的,那么你可以简单地列出单个属性,然后在前面将它复制四遍。因此,下面的两个性质是相等的:

margin: 5px 5px 5px 5px;

margin: 5px;

类似的,你可以使用接在边框空白或者间隔性质之后的两个属性来代表顶部/底部和右侧/左侧属性对。

margin: 5px 10px 5px 10px;

margin: 5px 10px;

属性的顺序在它们是不相似的值的时候是不重要的。因此,边框颜色、边框风格和边框宽度等属性可以以任何顺序接在大纲性质(outline property)之后。忽略某个属性等同于从样式规则里忽略掉对应的常规性质。

下面是CSS缩写性质的列表以及它们所表示的常规性质。

Background(背景):背景附件、背景颜色、背景图像、背景位置、背景重复
Border(边框):边框颜色、边框风格、边框宽度
border-bottom(底部边框):底部边框颜色、底部边框样式、底部边框宽度
border-left(左侧边框):左侧边框颜色、左侧边框样式、左侧边框宽度
border-right(右侧边框):右侧边框颜色、右侧边框样式、右侧边框宽度
border-top(顶部边框):顶部边框颜色、顶部边框样式、顶部边框宽度
cue(声音提示):前提示、后提示
font(字体):字体、字号、字体样式、字体粗细、字体变体、线高度、字体大小调整、字体拉伸
list-style(列表样式):列表样式图像、列表样式位置、列表样式类型
margin(空白):顶部空白、右侧空白、底部空白、左侧空白
outline(大纲):大纲颜色、大纲样式、大纲宽度
padding(间隙):顶部间隙、右侧间隙、底部间隙、左侧间隙
pause(暂停):后暂停、前暂停
减少空白

减少CSS样式表大小的另一种方法是从文档里删掉大多数无用的空白。换句话说,将每条规则打破放进一行代码里,即把原来插入到代码里用来把每个性质/属性分割到不同行的换行符和缩进符删掉。

例如,下面的代码示例在内容上相同,但是第二个要精炼得多:

h1 {
font-size: x-large;
font-weight: bold;
color: #FF0000;
}

h1 {font-size: x-large; font-weight: bold; color: #FF0000}

删掉注释

将注释从你的CSS代码里删掉是减少文件大小的另一种方式。尽管注释对于代码的阅读很有用,但是它无助于浏览器生成你的Web页面。很多Web建设者都习惯给每一行代码都加上注释,或者至少给每一条规则声明都加上。这样的慷慨注释在CSS样式表里是极少需要的,因为大多数CSS性质和属性都很容易阅读和理解。如果你对类、ID,以及其他的选择器都使用有意义的名称,你就可以省掉大多数的注释,同时仍然能够保持代码的可读性和可维护性。

h1 { /* Heading 1 style*/
font-size: x-large; /* x-large size */
font-weight: bold; /* Bold */
color: #FF0000; /* Red */
}

使用速写性质、删除无用的空白、省略注释都能够在很大程度上减少你CSS样式表文件的大小。这反过来会对加速你Web网站速度的总体目标作出小的、但是可能会是显而易见的贡献。

在浏览器地址栏前添加自定义的小图标

首先,我们需要预先制作一个图标文件,大小为16*16像素。文件扩展名为ico,然后上传到相应目录中。在HTML源文件“<head></head>”之间添加如下代码:<Link Rel=”ICON NAME” href=”http://图片的地址(注意与刚才的目录对应)”>,当然如果用户使用IE5或以上版本浏览时,就更简单了,只需将图片上传到网站根目录下,即可自动识别!