19款创意的网页交互页面设计欣赏

UI / UI设计 / 网页设计 /      

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:佚名

关键词

不知道大家有没有看过《美工突然请假》这张图,之前在网络热传,营销效果不错,最后很多网店也跟风了,所以有时候推广不一定要花大钱到处去投放广告,其实我们可以创意展示你的产品,我觉得这是最好的推广方式。

网页设计师要营销自己也是一样,可以在自己的个人网页的花点创意。今天我们展示《极好的交互设计:19个创意网页设计作品》,这里你能看到最新的Web技术应用以及获得更多交互设计的创作灵感。

playdotto

一个《连接点》休闲游戏网站,每组连接点都为一个图案,很有意思。

19款创意的网页交互页面设计欣赏,PS教程,思缘教程网

mike-tucker

这个网页对JS要求应该很高,网页每个插画元素好像是用SVG制作,首页随机变更风格色彩,其次它的联系我们页面设计很值得学习!

19款创意的网页交互页面设计欣赏,PS教程,思缘教程网

defyhistory

这算是一个互动设计类网站,让用户来模仿画中人的表情头像,然后贴上去,最后还能FACEBOOK分享,实现推广作用。

19款创意的网页交互页面设计欣赏,PS教程,思缘教程网

fontwalk专题页

用视差网页技术来展示英文字体,各种动画非常有创意,大家一定要看看哦。

19款创意的网页交互页面设计欣赏,PS教程,思缘教程网

antro

这是一个设计工作室类似的网站,大家如果想制作自己的个人网页,可以参考这些交互来制作。

19款创意的网页交互页面设计欣赏,PS教程,思缘教程网

mapprojectoffice

这个网站以格子形式展示不同的office办公室,设计简约,点击格子后,会以方格动画形式展示出图片。

19款创意的网页交互页面设计欣赏,PS教程,思缘教程网

hollowdocumentary专题类网页

强大的视差滚动网页,当你拉下滚动条的时候,那感觉就像放电影一般,视觉效果很赞。

19款创意的网页交互页面设计欣赏,PS教程,思缘教程网

lecoldeclaudine服装网站

一个法国时尚服饰品牌网站,大胆的产品展示布局。里面的视频也值得一看,都是法国美女哇。

19款创意的网页交互页面设计欣赏,PS教程,思缘教程网

connectmania 连接点游戏网站

这是一个休闲游戏网站的官网,大家滑动到中间,左侧的点点可以玩游戏的,用鼠标连接看看。这样制作为了得到更好的推广、展示效果,让用户没下载APP应用游戏就能感受到游戏的乐趣,而且还能提升用户下载游戏的欲望。

19款创意的网页交互页面设计欣赏,PS教程,思缘教程网

go-wander

这个网站只显示一个小面板在左上角,有点意思,当然用户点击导航链接的时候会有交互展示,大家可以看下。

19款创意的网页交互页面设计欣赏,PS教程,思缘教程网

创意工作室网站 lamoulade

一个伦敦创意工作室网站,界面简洁友好,配色方案黄、白、黑结合得很好,这才像设计嘛。

19款创意的网页交互页面设计欣赏,PS教程,思缘教程网

eone time手表网站

也是用视差效果来展示,各种视差创意,360度展示,总的来说效果很漂亮。

19款创意的网页交互页面设计欣赏,PS教程,思缘教程网

足球应用网站getstrikr

getstrikr是一个支持iPhone和Android的足球应用官方网站,在这网站上你可以享受一边看球一边聊天的感觉,很好的体验啊。

19款创意的网页交互页面设计欣赏,PS教程,思缘教程网

sanscolour

这是一个瑞典设计师的网站,网站的左侧菜单和内容交互得很好,滑动动画流畅,看起来挺酷的。

19款创意的网页交互页面设计欣赏,PS教程,思缘教程网

sehenundernten

看上去像是很简单的布局,但当然滑动滚动条或点击不同的链接,会有意想不到的效果哦!

19款创意的网页交互页面设计欣赏,PS教程,思缘教程网

nimbletank

这个网站可以让你在桌面PC、平板电脑、手机端上访问,,点子不错。

19款创意的网页交互页面设计欣赏,PS教程,思缘教程网

摄影师个人网站julianabrams

以两栏布局方式展示,这样的排版设计很好看,值得学习。

19款创意的网页交互页面设计欣赏,PS教程,思缘教程网

mixd设计公司网站

这是英国的一家设计公司网站,现在扁平化设计才是王道啊,看人家的扁平化设计运用得多漂亮。首页每刷新一次也不同的内容。

19款创意的网页交互页面设计欣赏,PS教程,思缘教程网

感受伦敦NIKE

NIKE的专题网站,利用CSS3实现的3D特效,很强大吧?

19款创意的网页交互页面设计欣赏,PS教程,思缘教程网

 收藏