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

2016-02-16 19:48 43 1 收藏

下面图老师小编跟大家分享19款创意的网页交互页面设计欣赏,一起来学习下过程究竟如何进行吧!喜欢就赶紧收藏起来哦~

【 tulaoshi.com - 平面设计 】

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

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

playdotto

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)

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

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教程,图老师教程网

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)

mixd设计公司网站

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

19款创意的网页交互页面设计欣赏,PS教程,图老师教程网

感受伦敦NIKE

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

19款创意的网页交互页面设计欣赏,PS教程,图老师教程网

来源:http://www.tulaoshi.com/n/20160216/1572896.html

延伸阅读
看惯了千篇一律的404,来感受今天这波视觉干净清爽,文案带点小幽默的创意404页面吧。想学习的,文末附上两个免费可商用的404页面模板源文件,怒转吧。 注:用小米路由器的同学记得把路由器的网络劫持关了,不然会访问错误。 WEARESPRY – 404 Error Page Cayenne – 404 Error Page kwarter – 404 Error Page ...
毫无疑问,浏览网站的时候遭遇404是最让人沮丧的事情之一。你费时费力地研究,在信息冗杂的网页之间搜索有用的信息,好不容易找到一个接近目标的链接,点进去却是一个坑爹的404页面,愤怒与沮丧在心中膨胀的感觉的确不好受。实际上最近我就常常遭遇这种状况,作为一个使用早期Kindle二代的老用户,最近想为K2刷个多看的系统,殊不知早期的多看...
互联网的发展迅猛,鉴于不同区域网速各不相同,等待加载其实还是时常发生的。在设计心理学中我们知道一个网页加载的快慢会直接影响浏览者的心情,也就是说加载的过慢网站即便设计的再完美都不会受到欢迎。所以为了降低这样的流失比例,通常会在网页加载前预加载一个过渡效果。有进度的等待会让人在心里上不去刻意排斥。 Loading by pearlsomani...
不少设计师喜欢用深色背景来突出内容,不过酱紫在配色上就得多下点功夫,灵动有活力的配色才不会让整个界面死气沉沉,今天这组网站不仅创意十足,版式过人,在色彩上也很突出,来学习下。 Perspective Mockups Common Ninja Casper Odendaal Incredible Web Joy Interactive Nathan Romero Electrik Com...

经验教程

636

收藏

42
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部