如何做一个有趣的网站设计

2016-02-17 02:24 6 1 收藏

今天图老师小编给大家精心推荐个如何做一个有趣的网站设计教程,一起来看看过程究竟如何进行吧!喜欢还请点个赞哦~

【 tulaoshi.com - 平面设计 】

你有没有遇到过这样的情景,我们曾试图改变别人反馈的乏味、过时的评价,可更新后的方案仍等不到对方说Yes?你反问他究竟什么才不土,可对方说不清具体标准。你只好悻悻地拿回去再修改一次又一次,直到你要抓狂了,却仍换不来客户的一个笑脸..

如何做一个有趣的网站设计,PS教程,图老师教程网

如何让别人看到自己的设计会心一笑?本文仅抛砖引玉,就有趣的设计谈开来:

有趣,好像就是乏味、过时、土、无新意、不出彩、没亮点等等的反义词了,做出一个有趣的设计,说不定会远离一切此类的负面评价。

是不是有种找到出路的感觉?但..什么才是有趣呢?每个人的感觉都不同,你觉得有趣的他不定觉得是,这似乎完全就是一件不可掌控的事情嘛。你一定怀疑我后面的话很可能是在扯淡。但请继续看下去,特别要看到最后,本文就是要找到一些特别的共性元素,令得所有人都会认为有趣!

首先问下:你心中的有趣的设计该是怎么样的呢?被问到的设计师们答:

如何做一个有趣的网站设计,PS教程,图老师教程网

 

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

可这些词语还是很抽象,又是什么样的设计才够酷够炫?才能给你意外惊喜呢?看图说话:

【细腻灵敏的互动】http://www.extrememusic.com/

有趣指数★★★★★

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

动感十足的导航、细致入微的交互(mousevoer效果等)、恰如其分的音效反馈、优雅流畅的场景过渡、精致视觉质感的打造,都为其增色了不少。

除此之外,其右上角的导航像黑暗中的燃起的一团火,在其暗色背景上尤显闪耀。但不得不提,全flash实现,可不是每个用户的电脑都买单。

如何做一个有趣的网站设计,PS教程,图老师教程网

 

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

【mouseover的出彩】http://steedicons.com/

有趣指数★★★★★

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

Mousever后,整张图被一个放大镜遮住,手绘的风格,显得随意而有趣。

如何做一个有趣的网站设计,PS教程,图老师教程网

 

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

【手绘卡通风】http://www.cosmicsoda.com/

有趣指数★★★★★

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

简单的手绘风,软笔抄的背景,虚线显然比实线更显活泼。

如何做一个有趣的网站设计,PS教程,图老师教程网

 

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

【高质量的大图片】http://www.moodyinternationalllc.com/

有趣指数★★★★★

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

不仅仅是高质量的大配图,粗大字体的运用,图片的轮转交互,mouseover后,滚动的响应,两处{}的呼应,表现出设计者的心机。

如何做一个有趣的网站设计,PS教程,图老师教程网

 

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

【动比静好】http://uk.burberry.com/store/

有趣指数★★★★★

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

图片充斥页面,有静有动,一旦mouseover后,有些静止的图片就开始动态展示,有些则出现有黑色渐变背景的注释,谁也不知道下一张图mouseover 后会出现什么,不再一扫而过,这激起你把鼠标移动至每张图细细去看的欲望。

如何做一个有趣的网站设计,PS教程,图老师教程网

 

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

【精彩的过渡】http://riotindustries.com/#becominghuman

有趣指数★★★★★

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

各种惊喜的过渡效果,页面右移,图片队列忽长忽短间的流畅过渡,吊足你的胃口。除此之外,截图以倾斜的角度呈现给大家,颇显文艺。

如何做一个有趣的网站设计,PS教程,图老师教程网

 

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

【动画】http://demo.templateworld.com/universal-css-templates/m-29062010b/index.html

有趣指数★★★★★

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

仅一个出彩的动画,就足以撑起你的整个网页。好像在玩积木,第一眼就被那个立体的banner吸引住了,有木有?

如何做一个有趣的网站设计,PS教程,图老师教程网

 

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

【杂志化排版与配图】http://www.templateaccess.com/wpdemos/wp220/

有趣指数★★★★★

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

这更像是一本高品质的杂志,富有意境的大幅配图,低调却考究的背景用色,让重点更为突出。一张美图远往往比一段话更显吸引。

如何做一个有趣的网站设计,PS教程,图老师教程网

 

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

【不走寻常路,方能脱颖而出】http://mydesk.metabrain.com/

有趣指数★★★★★

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

不拘泥于线线框框,不是长方形,也不是圆形,跳跃出背景,my desk的随意摆放,却一下子能吸引住眼球。

官网中的banner材质与要宣传的App背景的保持统一,显得纯粹干净,而又主题鲜明。

如何做一个有趣的网站设计,PS教程,图老师教程网

如何做一个有趣的网站设计,PS教程,图老师教程网

 

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

【插画风】http://www.meomi.com/about.html

有趣指数★★★★★

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

如果你看到这样一个网站,一打开就立即有探索的欲望了吧。它赢在有这一个精致的内容承载框架。当你把网页整体做成一幅画的样子,一切都会因此而不同。

如何做一个有趣的网站设计,PS教程,图老师教程网

 

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

【粗大字体】http://www.danieldiggle.com/design/

有趣指数★★★★★

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

第一眼感觉潮,再细细分析下它为何而潮?沉色背景的运用反而更加凸显了主体内容,并与暖色而具大的字体形成的鲜明对比,夸张而大胆的大标题大字体也恰恰是其想突出的重点,迅速抓住用户眼球。

如何做一个有趣的网站设计,PS教程,图老师教程网

 

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

看完这11个网站,有没有眼花缭乱?

若你还是觉得有些抽象?为你提炼出九个让你网站变得有趣的元素,精华当然要留在最后:

如何做一个有趣的网站设计,PS教程,图老师教程网

最后的最后当然是付诸行动啦~!没有枯燥的设计,只有懒惰的设计师,设计也需包装也需化妆,快用这些元素去点缀你的原本暗淡的设计,让它有趣起来吧~!

感谢以下诸位的案例分享:

如何做一个有趣的网站设计,PS教程,图老师教程网

来源:http://www.tulaoshi.com/n/20160217/1577623.html

延伸阅读
标签: 女性 女性健康
温柔,这个高贵的名词。它代表着教养,婉约,情绪稳定,克制等,所以无论男人,还是女人,脾气温柔都是很赞的事情。 如何做一个温柔持家的贤惠好女人 比起一个大大咧咧的女汉子,温柔的妹子会显得更加可爱的。有些妹子粗暴、坏脾气、爱吐槽,先不说找不到男朋友,只是在气质上就差了别人一截!姑娘们,你们要记住:再不温柔,...
利用PS如何做一个Q版头像 教你如何做一个Q版头像  
标签: 心理健康
美丽是表象,可爱却在骨子里。一个不美丽的女人,可以通过日新月异的整容术,成功改造为一个“人工美女”,美得就像是数码宝贝;可爱则更多是一种天生的气质。“人不是因为美丽而可爱,而是因为可爱才美丽”。如何做一个可爱的气质女人呢? 学会自信 首先要学会充满自信 在这个处处充满竞争的社会,那种自怨自艾、...
标签: 早起
一、早起的好处:保持体重。 澳大利亚曾对2200名青少年进行睡眠与体重关系的调查,发现起床晚的人肥胖几率要增加一倍多,而早起的孩子,无论他们睡眠时间多少,发生肥胖的机会更低。 二、早起的好处:提高人体免疫力。 不论从中医还是西医角度,早睡早起的习惯都是有利健康的。早起能够提高人体免疫力,而晚睡或者缺少睡眠...
标签: 怀孕
怀孕 并非是准妈妈一个人的事哦,整个 孕期 ,准爸爸都应该要参与进来。这样不仅会让准妈妈感到身心愉悦,还有利于胎儿发育。那么,如何做一个准爸爸呢? 如何做好准爸爸 按摩当然不是要求准爸爸像专业按摩师那样,只是孕妈咪会经常出现腰酸背痛、下肢水肿等现象,为了缓解或预防这些情况发生,轻柔地按摩是比较有效的办法。...

经验教程

171

收藏

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