前端经验

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

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年开业,在那时通过一个拨号上网的猫与互连网连接。从这样简陋的开端可以清楚地看出,是创新的动力激励了他们。从那以后,他们就与世界上许多最好的品牌合作,并且持续不断地发展以保持处于行业的领先地位,你可以从他们的作品集中清楚地看到这一点。

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

下面收集了32个超赞的最时尚的复古网站。陈旧的配色、50年代灵感的广告、稀烂的纸浆。在这些超赞的复古的网页设计中,得到启发!

禄's Blog 发布的第三款Z-Blog 2.0 主题,这款主题主打红色,黑色清爽两栏主题,适合个人建站及图文站,美食站等!

演示地址:<#ZC_BLOG_HOST#>themes/

image

Z-Blog 2.0 主题 A_bingo 下载地址

百度网盘下载  |  新浪微盘下载  |  应用中心下载  |  来自禄's Blog

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

禄小伟
1322
1970年01月01日

什么是404页面

如果碰巧网站出了问题,或者用户试图访问一个并不存在的页面时,此时服务器会返回代码为404的错误信息,此时对应页面就是404页面。404页面的默认内容和具体的服务器有关。如果后台用的是NGINX服务器,那么404页面的内容则为:404 Not Found

为什么要自定义404页面

在访问时遇到上面这样的404错误页面,我想99%(未经调查,估计数据)的用户会把页面关掉,用户就这样悄悄的流失了。如果此时能有一个漂亮的页面能够引导用户去他想去的地方必然可以留住用户。因此,每一个网站都应该自定义自己的404页面。

NGINX下如何自定义404页面

IIS和APACHE下自定义404页面的经验介绍文章已经非常多了,NGINX的目前还比较少,为了解决自家的问题特地对此作了深入的研究。研究结果表明,NGINX下配置自定义的404页面是可行的,而且很简单,只需如下几步:

1.创建自己的404.html页面

2.更改nginx.conf在http定义区域加入: fastcgi_intercept_errors on;

3.更改nginx.conf(或单独网站配置文件,例如在nginx -> sites-enabled下的站点配置文件 )

中在server 区域加入: error_page 404 = /404.html  或者 error_page 404 = http://www.xxx.com/404.html

4.更改后重启nginx,,测试nginx.conf正确性: /opt/nginx/sbin/nginx –t

#502 等错误可以用同样的方法来配置。  

error_page  500 502 503 504 = /50x.html;

注意事项:

1.必须要添加:fastcgi_intercept_errors on; 如果这个选项没有设置,即使创建了404.html和配置了error_page也没有效果。fastcgi_intercept_errors 语法: fastcgi_intercept_errors on|off 默认: fastcgi_intercept_errors off 添加位置: http, server, location 默认情况下,nginx不支持自定义404错误页面,只有这个指令被设置为on,nginx才支持将404错误重定向。这里需要注意的是,并不是说设置了fastcgi_intercept_errors on,nginx就会将404错误重定向。在nginx中404错误重定向生效的前提是设置了fastcgi_intercept_errors on,并且正确的设置了error_page这个选项(包括语法和对应的404页面)

2.不要出于省事或者提高首页权重的目的将首页指定为404错误页面,也不要用其它方法跳转到首页。

3.自定义的404页面必须大于512字节,否则可能会出现IE默认的404页面。例如,假设自定义了404.html,大小只有11个字节(内容为:404错误)。

很多做网站的朋友不是都懂设计的,这里为大家准备了85款免费的LOGO PSD,大家可以下载修改成符合自己的网站样式,为大家节省了设计logo的时间,专注于网站内容,喜欢麻烦给个好评哟亲!

image

部分LOGO预览

85款免费 LOGO PSD 文件下载!300DPI!每一款都有详细分层!85款免费 LOGO PSD 文件下载!300DPI!每一款都有详细分层!

85款免费 LOGO PSD 文件下载!300DPI!每一款都有详细分层!85款免费 LOGO PSD 文件下载!300DPI!每一款都有详细分层!

85款免费 LOGO PSD 文件下载!300DPI!每一款都有详细分层!85款免费 LOGO PSD 文件下载!300DPI!每一款都有详细分层!

85款免费 LOGO PSD 文件下载!300DPI!每一款都有详细分层!85款免费 LOGO PSD 文件下载!300DPI!每一款都有详细分层!

imageimage

相关文件下载地址:

百度网盘  |  新浪微盘  |  来自禄's Blog

很多设计师在创作的时候都会遇到某一款字体很漂亮是却不知道是什么字体,这里就为大家推荐几个常用的在线字体搜索网站!

WhatTheFont

一个英文字体的搜索网站,一般群里人需要查英文字体我都会丢去这个网站,简称“WTF”,可不是whatthefuck...!


Whatfontis

同样是一个英文字体的搜索网站,不常去,不过国外很流行的,效果如何大家用用便知。


qiuziti.com

这个就不得了啦,哈哈!国内用户可以使用这个网站,这个完全是为国内用户推出的,对中文的识别度也比较高,推荐大家使用!求字体,当然不求人!


点击进入相关网址:

                   

从今天起将不定期为各位网友提供网页设计灵感的干货,这些干货都是来自世界各地的伟大设计师手下惊人的高品质的各类艺术品。




干货!网页设计灵感第一期 #001

干货!网页设计灵感第一期 #001

干货!网页设计灵感第一期 #001

干货!网页设计灵感第一期 #001

干货!网页设计灵感第一期 #001

干货!网页设计灵感第一期 #001

干货!网页设计灵感第一期 #001

干货!网页设计灵感第一期 #001

干货!网页设计灵感第一期 #001

干货!网页设计灵感第一期 #001

干货!网页设计灵感第一期 #001

干货!网页设计灵感第一期 #001

干货!网页设计灵感第一期 #001

干货!网页设计灵感第一期 #001

干货!网页设计灵感第一期 #001

干货!网页设计灵感第一期 #001

干货!网页设计灵感第一期 #001

说到网页的创意设计,你会有什么好的想法呢?今天收集分享:14个创意的网页设计作品,希望其中有你喜欢和需要的,或者可以给你带来灵感的。


1.geckoboard



2.flutter app



3.podio



4.collatebox



5.getballpark



6.mailchimp



7.codecademy



8.ducksboard



9.skitch



10.kaleidoscope app



11.influads



12.venmo



13.testflight app



14.cueup

纯静态HTML的日子早已一去不复返,现在的网页设计师都在不断战斗中的创造力和创新,迎接着最令人惊叹的视觉效果呈现给大家欣赏,接下来看看下面HTML5动画。说到动画,这种类型的设计是优秀的网站,使更多的互动,有时会混合在了消费者的视野中,他将有他所看到的一切是真实的的感觉,给人一种动态的感觉,不多说,请收货!


ps:请使用firefox、Chrome等浏览器欣赏

1、Universeries

开动大脑!20个顶尖的HTML5动画网站欣赏!1.Universeries

2、Everdure eChurrasco

开动大脑!20个顶尖的HTML5动画网站欣赏!2.Everdure eChurrasco

3、Goodtwin

开动大脑!20个顶尖的HTML5动画网站欣赏!3.Goodtwin

4、Protect The Football

开动大脑!20个顶尖的HTML5动画网站欣赏!4.Protect The Football

5、Century of the Child

开动大脑!20个顶尖的HTML5动画网站欣赏!5.Century of the Child

6、Adidas Snowboarding

开动大脑!20个顶尖的HTML5动画网站欣赏!6.Adidas Snowboarding

7、The Exit Zero Project

开动大脑!20个顶尖的HTML5动画网站欣赏!7.The Exit Zero Project

8、Neilson Photography

开动大脑!20个顶尖的HTML5动画网站欣赏!8.Neilson Photography

9、KIKK Festival

开动大脑!20个顶尖的HTML5动画网站欣赏!9.KiKK Festival

10、Woodwork

开动大脑!20个顶尖的HTML5动画网站欣赏!10.Woodwork

11、Type/Code

开动大脑!20个顶尖的HTML5动画网站欣赏!11.Type/Code

12、Mazda A to BT-50

开动大脑!20个顶尖的HTML5动画网站欣赏!12.Mazda A to BT-50

13、Issey Miyake Parfums

开动大脑!20个顶尖的HTML5动画网站欣赏!13.Issey Miyake Parfums

14、The Million Mile Test Drive

开动大脑!20个顶尖的HTML5动画网站欣赏!14.The Million Mile Test Drive

15、The Boks quiz

开动大脑!20个顶尖的HTML5动画网站欣赏!15.The Boks quiz

16、Virtual Water

开动大脑!20个顶尖的HTML5动画网站欣赏!16.Virtual Water

17、Creative9

开动大脑!20个顶尖的HTML5动画网站欣赏!17.Creative9

18、Uniform 15 years

开动大脑!20个顶尖的HTML5动画网站欣赏!18.Uniform 15 years

19、Domenik Ideas of table setting.

开动大脑!20个顶尖的HTML5动画网站欣赏!19.Domenik Ideas of table setting

20、BeoPlay V1

开动大脑!20个顶尖的HTML5动画网站欣赏!20.BeoPlay V1

Z-blog 2.0 已经发布了正式版,为了纪念正式版的发布特别将自己制作使用的主题发布出来,主题简约而清爽!喜欢的朋友可以下载使用!ps:1225更新980px宽度版本,在主题样式里面选择default_980.css即可!

演示地址:<#ZC_BLOG_HOST#>themes/

image

主题首页截图

image

主题文章页截图

image

相关下载地址:

百度网盘  |  新浪微盘  |  来自禄's Blog

Powered By Z-BlogPHP 1.5 Zero

Copyright webexp.cn Rights Reserved.

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