前端经验

很多photoshop设计初学者,都是通过网上教程学习,一个好的photoshop教程,可以帮助你快速的提高,这里为大家整理了16个国外优秀的photoshop教程网站,给初学者,和专业设计师,通过这些网站,无论是临摹还是获得创意灵感,都对你的设计能力有很大的帮助,关注设计的朋友还可以浏览一下: 设计干货,10个排版基本功,教你排出精美版式!

image

互联网世界,唯一不变的就是变化。产品设计、交互上如何才能适应全新的移动互联网环境?国外产品达人给用户体验时代的10条建议,值得我们借鉴。

易迅网 banner 精彩设计集锦 20P

禄小伟
1790
1970年01月01日

易迅网 banner 精彩设计集锦 20P

易迅网 banner 精彩设计集锦 20P

易迅网 banner 精彩设计集锦 20P

易迅网 banner 精彩设计集锦 20P

易迅网 banner 精彩设计集锦 20P

易迅网 banner 精彩设计集锦 20P

易迅网 banner 精彩设计集锦 20P

易迅网 banner 精彩设计集锦 20P

易迅网 banner 精彩设计集锦 20P

易迅网 banner 精彩设计集锦 20P

易迅网 banner 精彩设计集锦 20P

易迅网 banner 精彩设计集锦 20P

易迅网 banner 精彩设计集锦 20P

易迅网 banner 精彩设计集锦 20P

易迅网 banner 精彩设计集锦 20P

易迅网 banner 精彩设计集锦 20P

易迅网 banner 精彩设计集锦 20P

易迅网 banner 精彩设计集锦 20P

易迅网 banner 精彩设计集锦 20P

易迅网 banner 精彩设计集锦 20P


为了给用户一个好的体验,404页面成为网站设计不可或缺的一个重要的部分,如果能设计出漂亮的404页面呢?下面45个叹为观止的国外创意404错误页面设计鉴赏应该能给你带来灵感!

46个叹为观止的国外创意404错误页面设计

1. Zombie By Invader

46个叹为观止的国外创意404错误页面设计

2. abduzeedo

46个叹为观止的国外创意404错误页面设计

3. Acro media

46个叹为观止的国外创意404错误页面设计

4. Agens

46个叹为观止的国外创意404错误页面设计

5. Amorphia

46个叹为观止的国外创意404错误页面设计

6. apadeloup

46个叹为观止的国外创意404错误页面设计

7. Ateaseweb

46个叹为观止的国外创意404错误页面设计

8. Batman

46个叹为观止的国外创意404错误页面设计

9. Blizzard

46个叹为观止的国外创意404错误页面设计

10. Blue Daniel

46个叹为观止的国外创意404错误页面设计

11. Chris Jennings

46个叹为观止的国外创意404错误页面设计

12. Club Penguin

46个叹为观止的国外创意404错误页面设计

13. D20-Srd

46个叹为观止的国外创意404错误页面设计

14. Dina sour Death Point

46个叹为观止的国外创意404错误页面设计

15. Duoh

46个叹为观止的国外创意404错误页面设计

16. Eternal-moon

46个叹为观止的国外创意404错误页面设计

17. Ferdaze

46个叹为观止的国外创意404错误页面设计

18. Fryewiles

46个叹为观止的国外创意404错误页面设计

19. Godzilla

46个叹为观止的国外创意404错误页面设计

20. Giraffe

46个叹为观止的国外创意404错误页面设计

21. Gog

46个叹为观止的国外创意404错误页面设计

22. Graffin Technology

46个叹为观止的国外创意404错误页面设计

23. henrikhedegaard

46个叹为观止的国外创意404错误页面设计

24. Home Star Runner

46个叹为观止的国外创意404错误页面设计

25. Huwshimi

46个叹为观止的国外创意404错误页面设计

26. Irn-Bru

46个叹为观止的国外创意404错误页面设计

27. Jhuskisson

46个叹为观止的国外创意404错误页面设计

28. Juke Media

46个叹为观止的国外创意404错误页面设计

29. Leap anywhwhere

46个叹为观止的国外创意404错误页面设计

30. Message.sk

46个叹为观止的国外创意404错误页面设计

31. Openendedadventure

46个叹为观止的国外创意404错误页面设计

32. Oroza

46个叹为观止的国外创意404错误页面设计

33. Pattern Tap

46个叹为观止的国外创意404错误页面设计

34. Product Planner

46个叹为观止的国外创意404错误页面设计

35. Rocket Theme

46个叹为观止的国外创意404错误页面设计

36. Shelf Worthy

46个叹为观止的国外创意404错误页面设计

37. Spring Load

46个叹为观止的国外创意404错误页面设计

38. Surfing-on-Static

46个叹为观止的国外创意404错误页面设计

39. Suspended Animations

46个叹为观止的国外创意404错误页面设计

40. Tk Designs

46个叹为观止的国外创意404错误页面设计

41. Twinpx

46个叹为观止的国外创意404错误页面设计

42. Unit Interactive

46个叹为观止的国外创意404错误页面设计

43. War Hammer

46个叹为观止的国外创意404错误页面设计

44. wulffmorgenthaler

46个叹为观止的国外创意404错误页面设计

45. X Html Kitchen

46个叹为观止的国外创意404错误页面设计

[Nginx科普 Nginx如何配置404错误页面]

如果你像我一样,偶然遇到一个你最喜爱的品牌或者产品的非常有创意的网站,那么在震惊和敬畏之余,你的第一个想法就是:”这是谁做的?!” 奇怪的是,这些网站不是直接由网站所推销的公司所创作。大多数时候,这些杰出的设计新颖的实例和这些有时接近完美的营销杰作是世界上一些著名的设计工作室、创意公司和网站开发公司所创作。我们应当感谢这些公司,他们为我们创造了这些点缀在浩瀚网络世界中的美丽宝石。

image

顶级创意公司,编制精彩数字锦图

无论何时你看到一个和我们今天在谈论的相似的网站开发公司,它们的经历总是能引起人们的兴趣。这些网站开发公司经常是由一群充满热情的设计师和开发者组成,这些人热爱他们所做的事情,而且他们干这一行已经有不短的时间了,因为他们明确地知道他们的客户需要什么。对他们来说,对工作的完全掌控的需要以及帮助品牌建立让人感到惊叹的体验是他们建立这些大量的富有创造力的公司的驱动力。他们的作品在带给许多设计师以灵感的同时,在许多情况下,他们也处于行业的前沿,为互联网上随处可能出现的行业趋势做好准备。

无论你是一个网站设计的新手,还是一个有着多年经验的专家,在你的人生历程当中,你可能已经见过一些我们今天将要谈论的公司。但是我知道,在我成为一个自由职业者(对我来说,就像是拥有一个微型的很棒的机构)之前,当我第一次看到其中的一些公司时,我时常想为这些鼓舞人心的公司工作。它们让我的水平提高到了一个更高的层次,因为我希望有一天我也能到那里去工作。我希望在今天,这些鼓舞人心的公司同样也能够激励你,不管你在这些激励之下做些什么,希望你能喜欢!

2Advanced Studios

10+ 鼓舞人心的Web开发公司!鼓舞人心,激发灵感!2Advanced Studios

工作室首页

充满了传奇的2Advanced工作室由它的首席创意总监埃里克.乔丹所创立,2Advanced可能是行业中最出色的工作室之一了。我之所以不得不把这些家伙列在清单里面,不只是因为他们造就了一个伟大且鼓舞人心的公司,就我自己而言,还因为他们创作了当我从事网站游戏开发时,我从来没有见过的第一个"史诗般的"网站。仅仅来看看完全是由他们原创的复杂的flash站点设计"V.5  Attractor”(不错,就是flash,在2006年时它是最牛逼的,哈哈),这个Flash网站令人难以置信地鼓舞了我,并让我自己不断前进。为了提升我的游戏设计水平而学习我所能学习的一切,希望有一天我也能设计出像这个网站一样的了不起的作品,哈哈。在那个网站上,伴随着图形画面的音乐是如此地轻快而有力,它也让我想起有着许多金字塔和标志的“异形大战铁血战士”,哈哈。看看下面的这张图片,你可以看看是不是这样。

10+ 鼓舞人心的Web开发公司!鼓舞人心,激发灵感!2Advanced Studios

作品“吸引”

他们萦绕在我头脑中这么长时间的原因,除了他们多年以来为大量的用户创作了非常棒的作品以外,还有他们那非常奇怪的定制设计的会议桌,当我第一次看见它的时候,我想它可能是其它任何公司都不曾有的最酷的会议桌之一(到现在我还是这样认为,但是我经常太。。。哈哈)。但是它是如此的了不起以至于我认为它是一种标志或者一种成功,期待有一天我也有能力为自己的办公室定制这样一个了不起的东西。如果你想看看这个非常棒的定制桌子,就在下面!

10+ 鼓舞人心的Web开发公司!鼓舞人心,激发灵感!2Advanced Studios

会议室

所以呀,一定要好好看看他们的作品并从中得到激励!从网站设计到三维运动与动画开发,他们什么都做。

Agency Ten

image

以前叫做AgencyNet,这个获奖的设计工作室有18年的历史,在纽约和佛罗里达州都有l办事处。这些家伙是另外一些许多年前我开始进入网站场景设计时鼓舞我的人。我经常去他们的网站,当时是一个交互式的flash网站(不要反感,就像是2005或2006年那样,哈哈),我整天在梦想着如果能在那儿工作,整天从事一些很了不起的事情,那将会是什么样子。网站上主要是一个他们办公室的交互视图,包括休闲椅、雇员们的闲庭阔步和工作等等,诸如此类有趣的事情!所以,对我来说,它是另一个鼓舞我的驱动力,因为为了获得技能,我把自己推向极限,期望有一天自己能达到那样的水平。你可以在下面看到所说的站点设计(实际上下面这张图相比我过去时常梦想的那张有一些更新,但是仍然非常不错并且很相似)。

AgencyNet.com

在18年的神奇历程中,他们完成了许多了不起的事情,从2000年建设家庭影院交互式视频设备的网站,到2012年获得"Most Social Mentions"的吉尼斯世界记录。他们同世界上最大的一些品牌公司合作,甚至给Jay-Z和Rihanna这样一些公司做了一些跑腿的工作。如果你想看看这些年来更多的一些他们的成就,可以看看下面这个他们在网站上制作的很酷的大事年表。

Big Spaceship

Big Spaceship是一个位于纽约市布鲁克林区的数字创意公司。它由迈克尔.莱波维兹和丹尼尔.费德曼于2000年创立,专门研究互动营销及通信。这个公司有一段有趣的历史(在设计行业仍然是一个不断发展的启示),它刚开始时主要是想以为娱乐行业服务为主,现在仍然在那样做,但是现在它已经扩大了业务范围,使得公司在设计和网站方面也很擅长。在2008年,Big Spaceship被林登实验室选中,为其重新设计“第二生命”(注:一个虚拟现实的游戏)的用户体验。

Big Spaceship:创意的灵感

Big Spaceship获得了许多的荣誉和奖项,不只是因为他们杰出的作品,还在于他们构建业务的方式!它的业务结构被哈佛大学所研究,案例研究的结果在2009年2月份发布,提出了这样一个问题:在维持公司支撑它成功的文化的同时,Big Spaceship怎样才能继续成长。公司的创意历程以及对合作的强调同样在2008年被Lynda.com的记录片“创意的灵感”所报道。我建议那些有志于经营一个非常成功的公司的人,公司无论大小,能从他们身上学到一些有用的东西(顺便说一句,那个记录片同样也不错)。

Happy Cog

Happy Cog在网站设计行业的确是一个充满着传奇色彩的公司,自从网站出现以来,他们就已经开始了数字式的体验设计,并且努力处于行业的领先地位。公司于1999年由杰弗里.泽尔德曼所创立,在网站设计标准方面他仍然是一个领军人物,并且不断革新以处于行业的前列。他们同样也扩大业务范围,创造了非常棒的“A List Apart“网站、书籍,促进了整个行业的发展。他们设计了不少获奖的网站,甚至从成立之日起,他们就已开始了托管业务。

李奥·贝纳广告公司(Leo Burnett)

充满历史传奇的李奥·贝纳广告公司同样有一个引人入胜的故事!它是在1935年成立的一个私人公司,在“李奥·贝纳股份有限公司”的名义下运作,“李奥·贝纳股份有限公司”全部是阳狮集团(Publicis Groupe)的子公司。刚开始时,它只有8个雇员和3个客户, 而现在它经营着全球200家单位,拥有各种各样的专业营销服务部,以及在83个国家有着94家提供全面服务的广告公司。

“总部设在距离曼哈顿市区一千多英里,成立于芝加哥的李奥·贝纳广告公司在美国人的价值观和传统的基础上创造了独一无二的广告运动。它的客户中的大多数都是一些规模大、消费者驱动型的公司,这些公司营销从快餐、香烟到冷冻食品几乎所有的东西。

李奥·贝纳公司雇佣了大约6950名员工,并且充分应用了这些员工的才能,公司藏身于一些最著名的偶像广告公司背后,这些公司中包括快乐绿巨人(Jolly Green Giant)、托尼老虎(Tony the Tiger)、万宝路男人(Marlboro Man)。

李奥·贝纳公司因为它的员工保留率而闻名,它因为能够让员工保留在公司而拥有长久不变的好名声,根据公司的一位高管所言“新员工一旦成为公司的一员,就一生是公司的成员”,所以在公司,解雇是很少见的。

我第一次开始注意这个公司是他们用一支大的黑色铅笔创作了一个绝对很棒的flash站点---很难解释清楚,所以非常幸运你能够通过点击下面的图像亲身体验一下他们的以前的这个站点。


铅笔带来的创意

RED Interactive Agency

鼓舞人心的另一个难忘的时刻是我登录RED Interactive Agency的“虚拟聊天室”网站的那一天。 我的心情非常激动,你可以在里面创建一个人物,然后你就被带进了这个非常棒的聊天室世界中,在那里你可以到处行走(或者飞翔)并且和也像你一样在网站上的任何人聊天---那个时候它绝对是革命性的东西!(你现在仍然能看到它,如下面图片所示,它叫做“reduniverse”)。事实上,他们的网站域名也是“红色”的十六进制代码(ff0000),这立即给任何的一个开发者一种极客(注:计算机和网络技术的狂热爱好者)的感觉。看看他们获奖的作品并从中得到启发。

太棒了,你甚至可以击拳和飞翔

Critical Mass

Critical Mass是另一个位于美国和英国的全方位服务的数字公司,他们也像其它公司一样在这个行业中已经有一段时间了,并且有一些非常杰出的项目实例!看看他们的作品集,沉浸在那些创意和灵感之中吧!他们甚至为NASA(美国国家航空航天局)工作---这是任何一个极客的梦想!

AKQA

AKQA是一个创造数字服务、产品、通信设备和数字体验的专业创新公司,AKQA在伦敦、旧金山、纽约、巴黎、华盛顿、阿姆斯特丹、柏林、上海、东京、亚特兰大、波特兰都设有办事处,总共有1120名全职的员工。你可以在他们的网站上看到他们最好的一些作品(或者在维基百科上)。AKQA之前被称为那个时代(1997到2007年)革命性的公司。在2006年,创意杂志首次授予AKQA年度互动广告公司奖,认为公司是“全球文化、创意聘用和技术肌肉”,创意编辑特里萨.耶齐说:“我们认为AKQA代表着妙策优先的精神”。

Razorfish

他们现在的网站非常不错,小巧而时尚,使用了一个看起来像是一个随意的现场摄像头,让他们的办公室渗入到背景当中---不错的设计!Razorfish像其它的网站设计公司一样,有着自己精彩的故事。1995年,克雷格.卡纳雷克和杰夫.戴希斯以“提供解决疑难问题的方案”为座右铭在纽约创立了它,并最初把总部设在了曼哈顿区杰夫的公寓里。几个月之后,他们和三个员工搬进了百老汇的一个办公室里。他们的第一个项目是给纽约植物园建设一个网站,并由时代华纳旗下的时代生活图书部门来付款。

Razorfish是拥有动画网页的最初几家公司中的一家,使用了最新版本Netscape浏览器的“服务器推送”功能,因为这个动画网页和它激进的市场策略,他们的作品变得出名且备受推崇,并且公司在接下来的几年时间里成长迅速。从那以后不久,他们从宏盟集团得到一笔重要的投资,使公司成为由传统媒体控股公司负担经费的最初几家公司之一。Razorfish使用这笔钱把办公室迁移到了新的地方,重新设计他们的品牌(包括把标语改为“一切都是可以数字化的”)并且拓展了业务。Razorfish和其它在纽约的网站设计公司形成了新媒体公司集群的核心,这就是大家所熟知的“硅谷”。

在1998年1月, Razorfish购买了雪崩系统,这是公司的第一次收购。1998年,随后又收购了位于旧金山的Plastic公司、位于伦敦的CHBi和位于洛杉矶的媒体,然后又与斯堪的纳维亚的互动广告领导厂商Spray(在瑞典、芬兰、挪威和德国都有办事处)合并,使公司成为一个真正的国际化的弄潮儿。

JUXT Interactive

JUXT Interactive工作室像我们这里介绍的其它公司一样,获得过奖项,它于1998年开业,在那时通过一个拨号上网的猫与互连网连接。从这样简陋的开端可以清楚地看出,是创新的动力激励了他们。从那以后,他们就与世界上许多最好的品牌合作,并且持续不断地发展以保持处于行业的领先地位,你可以从他们的作品集中清楚地看到这一点。

你最喜欢哪一家网站设计公司?你现在正在为一家很不错的开发公司工作吗?在下面的评论里与大家分享一下!谢谢阅读!

这篇文章汇集了2012年度迄今为止最好的20个平面广告-漫画的混合物、触觉、视觉爆发力和出色巧妙的设计,还有卓越的执行。

image

1、美加净牙膏:埃及文明

image

标语“别让细菌蛀下来”,这个惊人的广告是上海智威汤逊机构的美加净牙膏。画面非常令人着迷,且令人不安和不可否认的醒目,并且在戛纳国际创意节获得了黄金户外和黄金新闻狮奖。

2、赛诺菲Targifor:赛艇

image

瞧瞧这些吃里扒外、叛国通敌的人哪……都是饿疯了的。Tiredness plays against you.饥饿让你跟自己过不去!有趣的漫画手法,饥饿给人带来的力不从心、歇斯底里的感觉表现得淋漓尽致。

3、索尼娱乐电视/ 犯罪现场调查(CSI):作业

image

来自巴西的一个获奖的广告,这一次索尼娱乐电视CSI重新运行,反映了使人上瘾的电视节目分散注意力的性质。

4、Stabilo Boss记号笔的宣传海报

image

为了这宏伟的插画,我决定发布这两幅画面,真的很宏伟,出自智利插画师Salamanca,他同时是位知名油画家,扬.罗必凯广告公司邀请他出马,印象中Salamanca还为路虎汽车画过一组插画,超现实表现手法,让人印象深刻,可惜暂时没有找到电子文件。

5、帕德雷·乌尔塔多基金会:醉

image

帕德里·乌尔塔多基金会广告,其目的是提高弱势群体和弱势儿童的生活

6、雷朋:决不隐藏

image

巴黎的广告代理公司,马塞尔产品的平面广告,雷朋的美国太阳眼镜品牌75周年纪念的一部分。使用的口号“决不隐藏”向人们展示他们的生活和公开表达自己,比如这潇洒地穿着得体的同性恋情侣牵手漫步在1942年纽约市的人行道。

7、全色彩的贝纳通 - 让世界无痕

image

UNITED COLORS服装品牌贝纳通是著名的挑衅广告,其活动题为“不要憎恨”也不例外。一系列采用PS的拥抱亲吻,像这个照片,描绘了美国总统奥巴马与委内瑞拉总统查韦斯(Hugo Chavez)在一起接吻。

8、圣保罗艺术学校:解剖,达利

image

巴西DDB创造了这个广告,广告中,艺术家萨尔瓦多·达利,梵高和毕加索的解剖“的风格,每个艺术家在它们的内脏上作画。

9、大众汽车:噩梦景点

image

DDB集团悉尼大众汽车澳大利亚产品的“噩梦景点”广告活动,以突出汽车制造商的停车辅助技术。每个广告显示停车的困难种类,复杂的技术可以帮助驾驶员在各种困难的倒车情况下都能完美解决。

10、DB出口:白酒清单

image

科伦索BBDO,澳大利亚生产的DB啤酒广告,一个幽默的理解餐厅酒单上的困难,和选项来选择,如DB出口白酒,而不是一个复杂的啤酒。西蒙·维卡斯撰稿人和Levi斯莱文创造的文字,表明它是什么,但写的字,可以执行一个成功的广告。

11、乐高:宇宙大爆炸

image

哥斯达黎加的奥美公司创作了这个惊人的图像,铸造乐高宇宙的原有的建筑块五颜六色的砖块。插画由赫拉尔多,瓦莱里奥创造了美丽的大爆炸的图像。

12、卡尔顿酒店中与妻子花费了太多时间吗?

image

13、? Fi? 比尔酒吧:真正的约会

image

这个巴西的广告,? Fi? 比尔酒吧提示在网上交友会带来的潜在风险,建议你应该“有一个真实的约会。“

14、北京体育广播电台:拳击

image

香港奥美为北京体育广播电台创作了这个平面广告,在拳击台上操纵一个语音气泡。

15、巴伊亚州政府:航展

image

巴西机构Leiaute创造了这个系列的平面广告,以促进Barra的灯塔在萨尔瓦多,巴伊亚州政府航展的连续影像重现的感觉每桶辊上的特技飞机。

16、女王蜂沙龙和水疗中心:私人发型指南

image

女王蜂沙龙和水疗中心:私人发型指南,这则广告在客户选择发型时为其提供了灵感。

17、救助儿童会:厨房圈

image

Y&R,墨西哥创作了这个广告的系列,救助儿童会强调在家庭暴力和虐待儿童的恶性循环性质。“

18、丰田FJ巡洋舰4×4:曲线

image

这微妙的丰田FJ巡洋舰4×4的广告有一个明显的事故现场,但车辆的障碍弯曲的道路,这一跃居然穿过峡谷,安全地降落在停机坪上。

19、荧光笔的宣传海报-激光剑的秘密

image

里约热内卢广告代理公司创造了这个星球大战为主题的设计呈现出的MaxxLux荧光笔的力量。

20、国家地理,狗语:错误的父亲

image

这个广告是由约翰内斯堡基于爱尔兰达文波特的国家地理频道,黄金猎犬质疑他的伙伴与参差不齐小狗一窝的标语“狗也有问题。”

带过五年多的用户体验设计团队,从几个人到二十几个人。以前自己也做过技术,发现工程师和设计师其实是有很多相近的地方的,那就是都有追求。

带领团队,并不是管好人就行了(所谓的行政管理),更是要实现业务的成功,给团队定目标,定追求,然后与大家一起想办法达成。这五个设计原则就是在团队日益变大,项目越来越多,团队输出的质量参差不齐,团队成员也反馈疲于交付已经没有了设计师感觉的情况下总结的。试图给团队定个设计的调调,给团队一个精气神。

主要参考的是Dieter Rams的《好设计的十条原则》,苹果iOS的设计指南,当然,也有Google的十大设计原则,因为Rams的是工业设计原则,iOS的是一个操作系统平台的原则,Google的则是一个公司的设计哲学,如果照搬过来恐怕难服众(其实更重要的是都太多了,因为无论哪个都超过了7+-2个的记忆极限),所以我就尝试集大家之所长,给自己的团队找到一些原则,在此也分享给大家。

在开始介绍这五个设计原则之前,我们应该反思一下什么是不好的设计?你觉得设计不应该是怎样的?现在,到处充斥着直接抄袭而没有认真理解人家设计原因的设计,充斥着难以让人使用美其名曰高科技的设计,充斥着连基本的美学原理都违背了的设计,充斥着差不多可以了的设计,充斥着无法展现品牌,无差异性的设计…我想,有追求的设计师都应该会对这些现象说“不”,那么,什么样的设计应该是我们所追求的呢?

1

1、有用的

一个产品创造出来,一定首先是有用的,能够满足人们需要的,能够解决用户问题的,这不仅仅限于功能性的需求和问题,还应该包括人们心理,情感以及对美的需求。要做到这一点,首先就要理解用户的需求,这是非常艰难的一步,但是是想要做出好产品必须经历的。了解用户的需求决不仅仅是到大街上到处问人你需要什么,你觉得这样的产品如何…而是一个研究,思考,原型的过程,需要深入问题,了解趋势,判断人们的动机和价值观,挖掘出潜在的需求。往往一个好的产品出来之前,人们并没有想到还可以有这样的产品。这就是设计的乐趣:)

2

2、革新的

一个好的设计,一定也是革新的,这里的革新不是“微创新”,也不是“创造”,因为很多产品并没有太多机会让人从无到有的进行创造,但是是有机会去革新的,采用新的技术,新的材料,新的交互过程,让产品被使用起来能够更好的满足第一点“有用的”

3

3、优雅的

有人说,中国当下的网站和界面之所以设计的很俗,是因为中国人的品味就俗…但是我认为,人们的品位正是需要好的设计和产品来提升的。欧洲人的素质高是因为他们出身下来看到的,用到的到处都充斥着好的设计,建筑和产品,潜移默化了。所以,作为设计师,理应把优雅的设计作为追求,带给人们心灵上的美的享受,告别粗糙的,不雅的吧

4

4、直觉的

前面三条应该是很多设计都可以遵守的,比如工业设计,平面设计,服装设计…而对于交互设计来说,好的设计应该是让用户凭借自己的本能或者生活和专业经验就能够使用和操作的,这就要求必须是简单的,友好的,能够被用户快速理解的,事实上,正是这一点,让交互式的产品真正的和人们发生了对话…

5

5、极致的

好吧,最后一条就交给“极致”了,当我们做设计或者产品的时候,就要完稿了,就要上线了,最后再检查一下是否已经达到了极致?极致不是完美,而是在已经做的事情上做到最好,最佳,不放过一个细节,以最好的表现出设计和产品的状态展示给用户…比如一个像素,一个文字,一个颜色,一个操作延时…

6

这五条原则是几年来学习和思考的结果,可以作为设计团队的设计哲学和追求。

现在虽然离开团队了,但是这些原则将永远作为我自己做设计和产品时候的指南。

最后,再附上两个我个人认为非常好的话作为结束,一个是三星的总裁李健熙的话,正是这句话激励三星从一个代工厂变成现在一个一流的消费电子厂商。再一次说明,人,一定是需要追求的,“要做一流的产品,就要象一流的公司那样思考”。

“To Make a good product, we have to think like top-tier company employees. We have to be willing to make a tier-?one product。”

——Design Strategy at Samsung Electronics:Becoming a Top-Tier Company

最后一个是阿来西公司总裁阿尔伯特.阿来西说的,我没有找到英文版,不知道是否真的是原话,不过这个版本读起来已经很带劲了,不是么?“设计,必须是充满诗意的。”

“设计从来都不应该是因袭守旧或者根本不能鼓舞人心的,相反它应该能为工业带来创造性的发展。一项设计是否优秀,不能仅以技术、功能和市场来 评价,一项真正的设计必须有一种感觉上的漂移(MOVING),它必须能转换情 感,唤醒记忆,让人尖叫,充满反叛……它必须要非常感性,以至于让我们感觉好像过着一种只属于自己的、独一无二的生活,换句话说,它必须是充满诗意的。”

——Alberto Alessi(Alessi公司CEO)

[易迅网 banner 精彩设计集锦 20P]  [45个叹为观止的国外创意404错误页面设计]  [做设计就应该收藏这些网站,国外16个著名Photoshop教程网站]  [干货!网页设计灵感第一期 #001]

过去的2012年,Web 领域有众多新变化:HTML5 将在2014年成为推荐标准;W3C 任命了4位新编辑来管理 HTML5 规范并托管到 Github 上面;WHATWG 继续致力于活动的 HTML 标准(Living Standard)。

image

这一年,响应式设计和 Twitter Boostrap 引导了主流;微软发布了 IE10,Chrome 和 Firefox 都新发布了7个版本;这一年,众多优秀的网页设计作品涌现出来。这篇文章精心挑选了2012年排名前20的 HTML5 网站,相信这些优秀网站能够带给你惊喜。

你也许会喜欢: [开动大脑!20个顶尖的HTML5动画网站欣赏!]

Audio

音频在这一年有了显著的进展,随着越来越多的浏览器支持,未来我们就能够在浏览中听到美妙的声音了。

JAM with Chrome这个应用基于 HTML5 Audio 特性实现,可以和朋友进行在线合奏表演。

有各种各样的乐器可以选择,还可以调整声音模式和难易程度,真的非常强大!

年度盛宴全球排名前20的 HTML5 应用和网站作品集合

The Rational Keyboard这是一个神奇的网站,可以弹奏音乐的网站,赶紧来体验一下吧!

年度盛宴全球排名前20的 HTML5 应用和网站作品集合

BBC's Radiophonic Workshop recreations英国广播公司使用 HTML5 音频 API 创建的一个广播电台。

 年度盛宴全球排名前20的 HTML5 应用和网站作品集合

Canvas

Canvas 可以说是 HTML5 最强大的功能之一,给网页游戏的开发带来了革命性的变化。

X-Type基于 Impact JS 框架构建的一款射击游戏,效果非常绚丽!

年度盛宴全球排名前20的 HTML5 应用和网站作品集合

Subbania这是 Chrome Store 上面的一款游戏,功能比较简单。

年度盛宴全球排名前20的 HTML5 应用和网站作品集合

WebGL

这又是一个尖端领域,性能和稳定性正在稳步增加 。

HexGL相信很多人看到这个会觉得眼熟,不错!这是类似《反重力赛车》的一个 WebGL 应用。

年度盛宴全球排名前20的 HTML5 应用和网站作品集合

Cell Cycle

这是另一个基于 WebGL 的Web应用,用于设计有机的艺术品和珠宝首饰的 3D 打印。

年度盛宴全球排名前20的 HTML5 应用和网站作品集合

Google's arms trade visualisation

由 Google 开发,展示各个国家质检军火贸易的 WebGL 应用。

年度盛宴全球排名前20的 HTML5 应用和网站作品集合

WebRTC 和 getUserMedia

WebRTC 是一项在浏览器内部进行实时视频和音频通信的技术,提供了视频会议的核心技术,包括音视频的采集、编解码、网络传输、显示等功能,并且还支持跨平台。

Webcam Displacement

打开摄像头,你就能在这个网页中看到自己了。

年度盛宴全球排名前20的 HTML5 应用和网站作品集合

headtrackr

一个脸部和头部跟踪的应用,通过 webRTC/getUserMedia 标准来实现的。

年度盛宴全球排名前20的 HTML5 应用和网站作品集合

工具和应用

Brackets

Brackets 的核心目标是减少在开发过程中那些效率低下的重复性工作,例如浏览器刷新,修改元素的样式,搜索功能等等,Brackets 值得你试试。

年度盛宴全球排名前20的 HTML5 应用和网站作品集合

Codepen.io

非常强大的在线编辑器,比众所周知的 JSFiddle 还碉堡! 可以使用 Markdown, Haml, Slim, Less, Sass 和 CoffeeScript 在线编写。

年度盛宴全球排名前20的 HTML5 应用和网站作品集合

Prism

这是一个轻量的 JavaScript 代码高亮库,使用了 web workers 来改进性能。

年度盛宴全球排名前20的 HTML5 应用和网站作品集合

HTML5 Boilerplate

最流行的前端模板——HTML5 Boilerplate,相信前端开发人员都知道。

年度盛宴全球排名前20的 HTML5 应用和网站作品集合

学习资源

Responsive Images Community Group一个由开发者组成的工作小组,致力于实现基于标签的响应式图片。

年度盛宴全球排名前20的 HTML5 应用和网站作品集合

Khan Academy computer science course

这个网站提供了很多的计算机方面的教程,各个方面的都有。

年度盛宴全球排名前20的 HTML5 应用和网站作品集合

WebPlatform.org

这个网站整合了来自业界 Adobe、Facebook、Google、HP、Microsoft、Nokia、Mozilla 和 Opera 的文档资源,在 W3C 的领导下创建了一个标准化的 Web 开发文档分享仓库,方便开发人员编写符合标准且具备良好跨浏览器兼容性的 Web 应用。

年度盛宴全球排名前20的 HTML5 应用和网站作品集合

HTML5 作为开发标准

已经有很多前沿的公司采用 HTML5 来作为默认的开发标准,下面三个网站是其中的优秀案例。

Gov.uk

政府网站,提供所有的政府服务和信息的访问。即使是政府领域的一个项目,它的开发团队仍然决定使用 HTML5。

年度盛宴全球排名前20的 HTML5 应用和网站作品集合

BarackObama.com

这个网站可以说是奥巴马在总统竞选中获胜的秘密武器。基于 HTML5 Boilerplate 建立。

年度盛宴全球排名前20的 HTML5 应用和网站作品集合

Stripe

HTML5 同样也是这个网站的开发标准,使用 sessionStorage 缓存数据,用 postMessage 与服务端通信。

年度盛宴全球排名前20的 HTML5 应用和网站作品集合

想让你的网页和海报看上去更有范更立体么?这套模版很不错,用法见配图!

image

ps:记得用这些包装的时候要点开智能对象,才能更人性化的编辑哟!收藏起来以后你肯定有用滴!

image

下载地址:

新浪微盘下载  |  来自禄's Blog

image

两月前澳大利亚设计师 Fred Nerby 发布了这套 Facebook概念图 之后,他的官网浏览量超过了两千万。其实引起关注用不了两月之久,Nerby 发布 Facebook 设计 24 小时后,全球各地的公司便开始联系他,包括 Facebook。Nerby 无意透露他跟 Facebook 的谈话细节,唯一确定的是他没有选择去 Facebook 工作。

澳大利亚设计师 Fred Nerby 发布 Facebook概念图,相信很快人人就会改版!

澳大利亚设计师 Fred Nerby 发布 Facebook概念图,相信很快人人就会改版!

澳大利亚设计师 Fred Nerby 发布 Facebook概念图,相信很快人人就会改版!

澳大利亚设计师 Fred Nerby 发布 Facebook概念图,相信很快人人就会改版!

更多概念图请浏览 Nerby 设计师网站:http://nerby.com/project/facebook/

Powered By Z-BlogPHP 1.5 Zero

Copyright webexp.cn Rights Reserved.

本站基于 阿里云服务器 + Ename域名 + Z-Blog 构建   |   站点地图   |   辽ICP备13003381号-4