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
数字营销机构,这团队技术也很不错的样子。
浏览网站