CSS3动画运用得不错的网页设计作品
最初我们是使用Table来布局网页,动画就用FLASH代替,而现在这些都要过时了,网站的排版布局使用DIV+CSS,动画和其它交互使用CSS3、HTML5和JavaScript结合来实现,这些都是未来发现的趋势,而我们也必须跟着这些趋势走。
CSS3是一门样式语言,学习它并不是很困难,但怎么去使用它却有很大的学问哦,今天我们整理30个CSS3动画运用得不错的网站,这些作品中有很多通过样式或是结合jQuery脚本来实现交互,十分有新鲜感觉,下面大家一起来欣赏这些优秀的网页设计作品吧。
Estudio Zeropixel
来自巴西的创意设计工作室官方网站。
Alexander Vishnevsky : AVMC
网站中间的圆圈是可以左右拖动的哦,拖动的同时人物会自动换装…
Intercore
这是一家控股及投资类公司网站。
浏览网站
Sparkk
Ad Club Saint Louis
组织活动类网站。
SHOCK DC Creative Agency
一个品牌网页设计的公司网站,web设计师们也可以欣赏下他们里面的作品。
Arraial Estudio Criativo
Six Design
Toyota Hall of Fame
丰田汽车足球名人堂… 网站有大概的交互,鼠标经过、滚动动画等。
Andculture
又一家设计机构的网站,扁平化的设计很不错呢,这网站里央的内容并不多,但通过图文排版设计使得整个画面看上去很丰满、大气。
Nikon Image Quality Experience
尼康相机,可以帮助你捕捉瞬间的美丽。
SLAMSTOP
Slamstop是针对车门平稳,无噪音自动关闭一个创新的门回缩系统。
Garmin Virb
只有一个产品的产品宣传网站,不要小看只是一个产品,你看人家设计得多丰满…像小米手机,开始只是一部手机,现在商城都出来了。
ICHERRY
总部设在波兰的小型设计工作室,主要是做网站建设,看了他们一些作品,好像都做手机兼容了,真是领先啊。有空参考下他们的设计案例也能吸引下灵感。
Unique Living
你可以在这里发现世界级的别墅,土豪,你心动了吗?
MZ Wallace
小型商城类网站,主要是卖些时尚包包,女生们如果看到喜欢的别冲动,这时国外网站…
Melyssa Robert Interior Designer
一家室内设计机构网站,看了里面的室内设计作品,让我喜欢的不是它设计有多美,而是国外的房子都这么”大”的吗,orz…
ALDO Shoe Getaway
ALDO 是一家销售鞋子的网站,整体设计以白色简约为主,这样确实很好,主要突出产品,不需要其它花哨的东西,也可以做成手机版,但这些排版设计很讲究哦,设计不到简约你就花哨点吧,呵呵。
Herbal Bises
这是一个日本的一家化装品相关的小型电子商务网站,首页的banner设计很beautiful哦,鼠标移上去动几下看看,效果不错呢。
Awakenings
Sony The Power of Full Frame
这个网站不需要解释了,抄吧,抄吧,手快打错字了……
Socialwhale
社交媒体应用程序
七点半的太空人
垂直滚动式视差设计,用于展示一个故事,里面讲述一个4岁的小女孩,她的梦想是成为一名可以对抗邪恶外星人的太空英雄。
网站技术很好,但是宣传片为什么要用vimeo的呢?国内要VPN才能看哦,难道这动画片子不在大陆播?
The Collaboratory
美国空军技术交流平台。
Monster Energy COD Ghosts
这网站的视觉很强烈,当然查看源文件的时候,看到哪些JS我惊呆了…
Pandra
Julien Renau
一位前端开发人员Julien Renau的个人网站。设计师,你有自己的宣传网站了吗?
Mindworks digital agency
Big Bad Wolf
Big Bad Wolf是一家创意设计机构,主要制作视觉、电子商务网站、手机APP等业务。
Parallax
数字营销机构,这团队技术也很不错的样子。
赞助商链接版权:除非注明,本站文章均为原创文章,转载请联系我们授权,否则禁止转载。
七点半的太空人,作者是台湾的,所以用vimeo
nice,回去慢慢研究一下