Google
 
显示标签为“Design”的博文。显示所有博文
显示标签为“Design”的博文。显示所有博文

2007年9月12日星期三

The cranky user:网络工程曾经发生了什么?(上)

前言:翻译同时也学习学习什么是CSS, PHP……这样更能加深理解,对于网页设计有更多的了解。篇幅很长,故分成2部分。事实上,这篇文章中好多东西都是专业性很强的东西,累人的说~呵呵。


软件工程——网络开发者的最优方法 原文
等级:介绍性

Peter Seebach (crankyuser@seebs.plethora.net) 自由作家 2007年6月24日

你有曾想到过今天的网络开发者们能学一两样传统的电脑程序吗?The cranky user 谈论了软件工程的基础并询问网络上那些最有方法都跑到哪里去了。
我 将成为首个承认这次自己犯错的人。互联网有些错误,而我恐怕是我引起的。回顾网络首次成为重要事物来,我和几乎所有其他的电脑程序员都取笑那些声明自己可 以“在HTML中编程”的人。在那时我们不只是唯一的流行:许多交易在“开发”和“设计”间强加直接分开——现在仍然如此。

问题是,直接从开发者里面分出设计师已经导致出一个由完全不懂网络运作的标准和技术的人建设的网络。今天绝大部分网页超出HTML有限范围很好的扩展延 伸,他们中很多是由像Java或者C++(你知道,是用来控制构造、变量和素材资料的真正的代码)这样的基于大块安全的JavaScript、PHP、 HTML、CSS还有别忘了XML等“纯”程序设计语言组建的。

被教导不要把自己看作是程序员的设计师对理解怎样把他们的设计转译成代码负有少量责任——这意味着有更多的工作去执行指控。更糟的是,网络开发者们花费时 间弄懂了使设计看上去像Ajax一样运行却有胜于大宗买进Adobe Flex革新,他们不把他们自己看作是网络工程师。最终结果是一代一直在尝试不通过参考软件工程最优方法而架设日趋完善网站的网络设计师和开发者们:看上 去像必备条件的聚集,DRY原理 ,还有怎样重整逃出程序之“小岛惊魂”的方法。这个月,我将只讨论少数软件工程中看上去在充斥里消失的最佳方法(一般艰难学习在十年期限以上的)去构建一个勇敢全新的互联网。

当然你听过必备条件了吧?

必备条件的聚集是 软件工程的一个本质方面,他一贯在网络开发中被忽视。像“用户能通过手机浏览器接入这个站点吗?”或者“URL能非常直觉的为网站导航所用吗?”这类问题 极少以构建的方式被回答。取而代之的是决定在闲混中决定而用户们忍受着这些结果。比如,最近当一个我喜欢的在线漫画网被收购重新命名后它变得让我很难像前 几年做的那样,通过日期来导航漫画的存档,我很失望。

然而之前精疲力尽的几年一直在学习必备条件聚集理论和学习前面这么做的重要性的软件 开发者,今天似乎太经常而不能在几乎忽略透视图和用户需求的真空中工作。我并不是反对网站创建者仔细衡量过那个补丁的价值后觉得它是值得网站去更新的。我 很反对的是当观众的问题可以解决而且对最终用户毫无疑问是有价值的补丁却从未出现。

当你在新的网站或者新的特性上工作时,之前先询问需求 问题。谁是你的观众?怎样假设能够安全的让浏览器、操作系统还有硬件习惯的接入你的网站?怎样假设你所希望从用户那里得到的动力、视觉、听觉还有演说能 力?假设每个用户接入了e-mail程序这合理吗?也许不是,如果你还记得许多用户通过公共终端或者手机接入互联网的话。

带宽经常是被了解网络的开发者和设计师看作是理所当然的另一个问题,但是他仍然是许多用户的问题。多花些时间测量你的服务器在各个不同的浏览器和系统下生成一个网页所需要的时间,包括可接入的浏览器和公共图书馆系统网络。



不要自我重复


不要自我重复原理也以DRY闻名,它被看作是好的工程的基础。令人惊讶的是它很少在网络开发中被遵循。重点是不要复制材料、构成或者效果。实际上给出2个版本的导航条你将最终更新1个而不是2个,复制不可避免。不是仅仅这样做会导致用户混淆,它对你来说还意味着某处完全的更加有效。答案——作为祖父可能会说——不要重复你自己!


一个出现在浏览器战争时期的有关网络开发者忽视DRY的最惊人的例子是在网页为特殊浏览器一般优化过后。许多人对他们网页使用宽范围字体种类的显示标签、控制外观还有下至网页最佳细节感觉的构架材料不以为然。(在网页上每一个段落中小心使用渴望的字体做标签再普通不过!)当然,这些网站的改进会引发问题。当公司的logo重新设计后怎样,网页字体必须要为了更配合新logo而改变吗?花费数小时打开站点上的每一个文件,搜索替换字体标签,然后期望不要漏掉什么或者出错(就像改变正文中的“Times”字体为“Verdana”然后仅仅是字体标签)。当CSS(层叠式样式表)出现,它改变了一切。这些天的版面信息都汇总在一个单独的中心样式表中。更新一个CSS中的元素就对任何被指定的样式表起效。有时仍然有网络开发者在写样式表的时忘记执行DRY原理,结果导致复制的效果仍属于不必要的时间耗费。

想象一下,如果你将声称用Helvetica字体做样式表的标题,只以大小区别。喔,很容易写,不是吗?


列表1、重复的CSS




               

h1 { font-family: Helvetica, sans-serif; font-size 250% }

h2 { font-family: Helvetica, sans-serif; font-size 200% }

h3 { font-family: Helvetica, sans-serif; font-size 150% }

h4 { font-family: Helvetica, sans-serif; font-size 100% }



但是当你因为某些原因需要转换网页为一个新的网页时发生了什么?CSS列表1将不得不更新4次——为这样一点小小的代码块真不值,但是给出一个更复杂样式表时就令人不快了。我内心的程序员不禁想到一次性写一个更好的代码,下面是列表2。


列表2、不太重复的CSS


 

h1, h2, h3, h4 { font-family: Helvetica, sans-serif; }

h1 { font-size 250% }

h2 { font-size 200% }

h3 { font-size 150% }

h4 { font-size 100% }



现在,你也许知道为什么我这么做很值了。列表2里面的代码不是比列表1里面的更短吗?而且可能会说对非程序员来说不易读。如果样式表过去从未有过4行,我可能会同意。发生的趋势是样式表变长了。

最终一点点的CSS在列表2中可能扩展成几百行代码。谁会说有一天你不必完全改变Helvetica到Times——还有谁会说你不会搞砸,会改变大多数情况下的问题而不是全部。更糟的是你可能仅仅为了查找要做一个全球搜索和替换,3页CSS后,有人指定Helvetica不作为标题头字体,而且不想改变。

这里的问题是,互联网是一个大的场所,大多数网络开发发生在极其危险的速度下。不想软件工程师们有DRY这样的原理训练掌控他们的大脑超过10年之久,网络开发者们现在趋于更加快速的工作和按照节约时间效率区分优先次序。那节省你一会儿时间,尽管最后也可能不节省你的时间。如果你为一个有大量共享数据的项目在做多重样式表,节省你自己无尽的痛苦使用@输入的规则收集所有重复的元素为一个单一的样式表。你以后会感谢你自己的。


The cranky user:网络工程曾经发生了什么?(下)

重整出逃!

软件工程师们已经学到的艰难方法是某些代码是如此糟糕你要做的就是替换掉。替换代码会制止花费,可是有一个强烈的趋向是避免或者延迟替换。很难有热情去除一整个项目的内脏,即使你隔绝了将用一大批判例案件终结和调试完的问题。

重整是一个允许你改变未经真正的外在功能性改变就被完成而给出结果的方法,这是个巧妙的妥协,胜于给软件内调。你简单的重新设计就可以更容易的操作。因为每一步重整操作保留了软件功能性的一致,这容易测试,而系统也保留了功能。多次的重整还使得代码更简单、更清晰、更容易维护,还使它更容易增强和修正你早就想修正的bug。以我的经验看来,
重整通常比大改软件更快。在很多案例中重整也比强力试图做出的改变更加可靠。

重整最经常是将像Java或者C++应用于代码中,但是这不难看出它怎样应用于CSS、网页版式还有其他网路设计的外观中。能学到更多关于网站设计重整的资料。




测试驱动开发

测试驱动开发,或者TDD,不是一个十年以上的软件工程技术。事实上,测试和调试代码失败是众多电脑程序员一代代遗留下来的不利遗产中的一个。像他们的前辈一样,许多网站开发者今天趋于延迟测试知道最后时刻到来,直到批评潮涌而来才发现太晚而无法改变了。用户不得不接受有很多bug的软件,不管它是来自架上产品的打包中还是从互联网泛滥下来的。

TDD是一项灵活的开发方法,那就是说你能够像早期票选那样常用!当你在设计一个网页时,确信你的目标平台是什么样的还有是否你的网页会在上面运行的很好。收集的必要条件,建立一个网页的实体模型,找出他是否在那些平台上也运作。如果你决定了你的网站必须在Safari上也可见,从第一天起在Safari下测试它。(对一个商业项目来说,一台Mac
mini 的花费也是一个在你真的发现这些问题与safari共存代价中的微小的成本了。)

一个测试用户界面(包括网站界面)的通病是富有经验的用户不倾向于犯明显的错误。真正的用户才那么做,然而,精力充沛的面对这些错误是很重要的。在不像你一样紧密熟悉网站导航安排的人群中测试你的站点。那个失败的话,自己吗自己的网站。如果一个用户在你的检验过程里中途迷路是怎么回事?有些人会。如果一个用户试图在数字填充区域输入文字NO是怎么回事?如果一个用户在你的邮编代码框内输入城市名是怎么回事?

就像重整,TDD是代码应用中最普遍的,但是惯例也扩充网页设计。学习更多关于测试驱动开发的资料。





总结

软件设计是一个许多最佳的研究员都承认他们还在寻求和尝试中学习的活跃领域。在这个专栏里我曾讨论过得大多数最佳惯例都是数年的反复试验的结果,但是随着时间推移他们形成了一个软件工程的标准,那是比在编译器上的一群猴子的重击要高级一点,希望开发出下一代的UNIX®。

作为一个网站设计和开发人员,你会从那些在你之前就有的辛苦的得到的最佳惯例中获益。不要让说网站开发不是真正的软件开发的人挡住你的去路。基础的方法论仍然是常用到。

如果这里的最佳惯例你感兴趣,看资料部分获得更多相关知识。紧记大多数软件开发书籍和文章都假设熟悉一两种程序语言;考虑获得足够的熟悉去阅读案例。甚至如果你不想学习一项程序语言,你将发现获得一些有助于软件开发者更好的开发更大项目的工具和惯例是值得的。

行动项:对你的工作引以自豪,抓住每次你得到的改进机会。网页已经变成一个数百万人日常生活的主要功能构成;你,网络开发者,是处于一个使那部分人每个人活得更好的位置——所以加油干!

随机,我向你道别

在2001年3月13日,我在开发者园地上出版了The cranky user系列的第一个专栏。在这6年期间我已经写了75篇 cranky
user专栏——如果你把这篇也算进去就是76篇。对促进以用户为中心的设计和一次改变一个网站的改变网络世界发展我不遗余力,今天我收到一封来自一个在线经纪人业务的署名给”亲爱的可怜的笨蛋“的邮件。喔,这结果是好像我使用不以用户为中心的在线旅游网站好像在线出售机票一样。作为结果,我耗费了我和作为一个共同协作者的我的几小时时间去解决他们留给我的这些杂乱事。这导致我怀疑我的专栏也许不能被广泛看到或者被我所期望的那样受关注。

所以,这里有一个想法:为什么当过去的大约6年时间里我写的所有这些问题都已经被修正了的时候,你们这些网虫不通告我?当那一天到来时我将穷追至新的问题写出来。同时,你可能发现我在开发者园地一次次的写作,但是我正成为Cranky的日子结束了。

这非常之有趣。我想要感谢所有在专栏发表评论的各位,不管是肯定的还是否定的评论。

以下就不译了:P

资 料

Learn

  • The cranky user series (March 2001 through July 2007): Read all of Peter Seebach's columns in this series.

  • "When Web pages don't work" (Chris Paul, developerWorks, February 2005): Reveals some of the ways Web designers can unwittingly alienate potential users.

  • "Demystifying Extreme Programming: Test-driven programming" (Roy W. Miller, developerWorks, April 2003): A primer on TDD.

  • Manifesto for Agile Software Development: Agile software development (also known as extreme programming) is one of many attempts to reformulate views of what software development is like; it seems that it might be well-suited to the always-live, always-changing environment of Web development.

  • Refactoring Home Page: Refactoring is a technique for improving software. The same technique could be applied to many Web pages with excellent results.

  • "Javascript Refactoring For Safer Faster Better AJAX" (Pavel Simakov, Software Secret Weapons, May 2007): Offers a concrete example of how to refactor a Web page.

  • CSS Specification 2.1: Learn more about CSS.

  • Edward Tufte's home page: Edward Tufte's work on displaying information to make it more accessible to readers is of inestimable value to Web designers.

  • JND.org: The homepage of Don Norman, whose The Design of Everyday Things is yet another example of a rich and well-developed resource that most Web designers have never been encouraged to study.

  • Improve Your Java Code Quality: Andrew Glover's code quality forum is a developerWorks community resource for improving the quality of your Web applications.


Discuss

2007年8月7日星期二

Mister Wong的新logo

原文 by Philipp Lenssen

Mister Wong是一个德国的网络书签站点,它刚刚在用户主张下改变了自己的logo。但让我们对它的背景稍作了解。

根据他们的关于页面,Mister-Wong.de 是在2006年由(Construktiv 公共在线代理的)Kai Tietjen创立的,现在它有超过150万条书签。网站宣称“Mister Wong在德国已经比del.icio.us更受欢迎了,”。“我们处理的流量总共加起来有furl.net那么多,我们还在迅速增加中!”一家德国报纸——汉堡晨邮报 在2006年4月甚至写了一个故事描述Mister-Wong.de 会“对Google形成攻击姿态”(继续解释那个“创造出的并非机器的人工搜索网页”)。

Mister Wong的增长在德国不受限制。这个站点也有针对地方性的版本,包括 Mister-Wong.com英文版——在它主页骄傲的展示一个与其他竞争者比较的Alexa流量图,还有Mister-Wong.cn 中文版(一个youtube视频 由雇员李和蓝把网站介绍给中国市场。)但是这个增长可能带给网站所有者Tietjen 不想要的关注(除非他指示把任何消息都是好消息作为格言)。 8 Asians 的Ernie Hsiung的团队博客在五月份指出 Mister Wong使用的logo...

....对网站的关注中这样写道:

“什么,那将是Mister Wong有权使用的logo,多谢告知。”

哦,是的。

我 是说,成为网络工业的一个工程师,我确定他有一些标准特征使一个网络书签成为有趣和相关的,但是严肃的说,是哪个品牌和广告天才提出这个logo的?我确 信它基于德国,几乎远离全世界。也许人们因为身处北美洲所以对政治正确性不敏感。但严肃地说,他们的一个网站徽章有个口号“乒乓,金刚,Mister Wong。”当然我看成是“ching chong(来自西方老殖民主义者嘲笑中国人为大清朝的辨子猪PIGTAIL),Mister Wong”还有是无名的怒火。他像是Jeeves, ask.com 的管家和Uncle Ben立体声系统网站的亚洲私生子 。“

这个网站的格言是”众书签中的大师“。这里是一些此站点提供的徽章,德语念 “Ja, ich bin Web 2.0 kompatibel” ——是的,我兼容web2.0,“Wong the Web”,还有这个“乒乓,金刚,Mister Wong。”


Mister Wong在他的主博客上也是明星,一次是为网站的方式午餐全家造访巴黎;一次是在大标题”性感有个新名字:mister-wong.de“下的汉堡克里斯 多福街日;还有一次是大标题“使用标题的Mister Wong 变漂亮了”,还拿着筷子指着一句爱因斯坦式的公式:


Ernie住在旧金山海湾地区,还在LittleYellowDifferent.com 有一个7年的博客(他不是幽默的建议,而是说它取决于上下文关系 )他承认说他不会德语所以他也不能说这个网站为站名和logo提出的这个想法怎样,但是注解道”Mister Wong最好基于一个真实的人物然后拯救20个燃烧的德国孤儿,因为否则我要叫他犯规。“

事实上,站点名字没有真实的原型。德国XPunktNull 出版社采2006年访过Kai Tietjen。问过关于站名的问题,Tietjen说:”最初Mister Wong命名完全不同。但是一天早上我脑海中出现了Mister Wong这样一副图景。整个团队马上喜欢上它了,在那以后我们的设计师提出了插图,我们说’是的!’我们都很高兴。“

8 Asians 的主张和其它没有一些计数提议的地方不符,至少当它在德国用户开始评论时。来自德国的Tobi请求人们更“放松”然后停止“满世界”散布政治正确性。但是主张被网站创始人听到了,到如今,Mister-Wong.de改版了。这是新主页的左上部分(今天的截屏):


根据德国明镜周刊在线 “Mister Wong不再可笑了。”明镜周刊写到:“德国网络书签服务去除了logo。可笑的亚洲wong不见了——美国的用户被这个描述侮辱了还指控了德国创建者的 种族主义。”创办人Tietjen在文中引用说“用插图来伤害任何人,这绝不是我的意图,也不是我公司的意图。”现在那个logo已经消失了好几天了, Tietjen还补充说,“通过这个我们遭遇了来自我们许多用户的失望,我们觉得这么做是正确的。”

2007年7月19日星期四

Gmail的Threadless竞赛太恶心了

原文 by Philipp Lenssen


Nicholas 把他关于Gmail和Threadless.comT恤设计比赛 的体验发过来了(他的设计展示在上面,Nicholas首先惊讶于他提交过后列出有0个竞赛作品):

我喜欢Gmail...非常喜欢,我也很想要一部iPhone。所以我认为加入Treadless的比赛是很有趣的。关于我获胜的机会我不抱幻想。我不是个伟大的艺术家,我确信会有很多人加入比赛。所以我看了一下他们列出的比赛规则:

“此次比赛的目的是创造一个从主题得到灵感的独立设计,不是一个品牌目标。你的设计不必一定要包含主题文字和品牌logo在上面...事实上,我们更喜欢没有包含的。”

好 吧,他们更喜欢不含有Gmail logo的,但不管怎样我有点想合并它,因为它在我的想法中涌现。没有问题是吗?——错!他们拒绝了我的作品因为“您的作品被拒的原因是:设计包含版权素 材。(粗口他妈的!)也许我设计里面有一些其它的东西他们认为是‘版权素材’,但是我不相信。(我附上了设计你们自己看看。)”

嘿,Threadless!也许你们可以用如果它包含了gmail 的logo它将被拒绝参赛来代替说你们更喜欢它不包含gmail 的logo。
这个真恶心,这让我想起了在Cafepress官方网上的航班蛇患(Snakes on a Plane)竞赛(在那里我的T恤设计被拒绝了因为它包含了航班蛇患的图片)。

2007年6月29日星期五

重新设计的Google Pack(软件包)主页

原文 by Philipp Lenssen


Brinke Guthrie在论坛通知说 Google为他们的“软件包”Google Pack改变了主页设计。在网页右边有了一个新的检验栏,现在它更容易理解和看清打包的内容,然后可以即时去除你不喜欢的东西。(Google忘了把程序的名称关联到他们各自的检验栏了,这意味着你不能点击他们勾选——一个镜像,但是无法相信的流行bug )

在2006年,根据国际Google文件 所说,虽然Google把它用来作为他们拓展的目标尤其是为“初学者”,但是软件包在全球被安装了6千万次。恰好通过最近主页的改变
,Google Pack可能保持最受争议的Google项目之一……最后最重要的是它包含了Real Player,在过去它以稍带间谍战役举动 而闻名。Google在他们2004年的被提议软件原则 中(最近更新是2006年6月)写到,“一个应用程序不能通过安装和更新另一个程序,而自己秘密安装或隐藏到你的电脑中。”你应该在软件包中明显的通报这 个程序的功用 ,“还有”影响和改变你的用户体验的软件应该清楚的为那些改变说明原因“……但是同样”程序提供者不应该允许他们的产品打包中有一些没有此类指导说明的软 件。“

【(作者)注:上面的before截屏中我试玩了按下下载按钮,Archive.org并没有下载...】

2007年6月16日星期六

什么是Graphic Disigner?

前言:graphic designer的解释网上译法不统一,有说平面设计师的有说图形设计师的,意思都一样,只是意译和直译的区别,干脆不译了。
What is a Graphic Designer? 原文

定义:Graphic Design(图形设计)自人类制造标记开始就存在,最早在石头峡谷或者干土地上,现在在网络上是朝生暮死和全球化的。Graphic 设计师们设计印刷业务、环境(导视系统)或者视觉信息电子表格、以至于一个广告、出版物、或者网站。所有这些都通过一个熟练的技术利用,理解种类、颜色、 图像和声音创造解决交流问题的视觉方案来处理的。

和其他人一起工作:Graphic设计师们也许会独自花好几个小时在电脑前仅仅拿来完成一个方案他们是团队的一部分。一个创意团队有下列一个或多个专业人员组成:
  • 作者和编辑
  • 市场和公共关系专家
  • 广告和销售代表
  • 插画
  • 摄影
  • 艺术总监和创意总监
  • 电脑软件工程师
  • 建筑和室内设计师
  • 印刷人员和压制技术人员
  • 电影制作
技术使得团队细微工作成为可能但是好的沟通技巧还是惟一一个使实践者立足商业的必须。

客户和项目:graphic 设计师服务的客户的范围和项目种类是极其多样的。许多Graphic设计师把他们的职业生涯花在实践领域来提炼他们的技巧;比如作为一个书籍装帧设计师在 出版社。还有其他的人会在技术的转变和个人的愿望下成长:一个例案,Graphic设计师可能在职业生涯中从事的项目包括:
  • 给一个当地房产经纪人的logo
  • 给一位首席执行官的特殊节日贺卡
  • 给一个珠宝设计师的商业网站
  • 给一个故事片的电影字幕图形
  • 给一个博物馆的说明标签
  • 给一个全球性汽车厂商的品牌识别
  • 给一个大都会通行系统的标识和路牌指示
  • 给农业设备的用户手册
  • 给一个滑板厂商的面板设计
  • 给一所大学的广告活动
  • 给一个药品公司的原理图和示意图

2007年6月3日星期日

2007'LOGO设计趋势


By Bill Gardner
原文

前言:这是翻译到现在遇到的最难的一篇,断断续续的花了好几天完成...其中好多的专业词汇,而作者写作用的言辞华丽,很多错漏只能请读者自辨,翻得不好请指正了!:D

ah~终于完成了,舒口气(已经又过0点了)


◆在Logolounge.com 我们看到大量的LOGO和大量的发展趋势:有些是美学上的,有些是概念上的,有些是文化上的。作为网上最大的LOGO数据库,超过50,000多数据,你情不自禁就发现设计的演变还有趋势。

举例来说,我们发现了许多动态设计的三维标志,他们从不是静止的或者说是平面的。这些设计完全颠覆了现行的CMYK的禁锢只存在于飘渺的RGB中:旧的LOGO设计规则只是不将RGB应用于设计中。

另一个发展是:今天,许多趋势现在有了一种倾向——这情形也不只是在LOGO设计中。公众以及他们的喜好和厌恶已经变成了能穿过光谱的碎片。需要LOGO的公司和设计LOGO的设计师被迫为此响应。简单看待一种趋势或者另一种趋势已经变得日益困难了。

同样变得越来越不安而清楚的是LOGO设计已经变成了一项公共运动。因为公众越来越多控制了他们自己的媒体——Tivo 播放这个,博客发布那个,用YouTube 播放还有Google搜索任何东西——人们不再满足于摆在他们面前的简单的消费,他们想要分享的立场。所以当一家大型企业展示他的新身份标识时,数百个网站会用他们的观点嘲讽它。甚至当一个村庄告牌投票选择新LOGO的时候有2辆警车,市民们在街上挥舞干草叉和他们自己设计的LOGO进行抗议。委员会决定生杀的行为看起来很猖獗。

下面是2007全部的趋势报道。无论我们是在注解社会的、概念的还是美学的趋势,记住此时没有一个是存在于真空中或者是个别的时刻。我们说的结果是许多即将变成的趋势和一些趋势的发展根基。

同样你会注意到一些趋势间的美学交叉。比如:Dos螺旋和缎带趋势表现出的类似。但我们更感兴趣的是他们基础概念间的不同。我们的观察就是那样的观察。他们不是推荐。最后,他们没有特意的顺序安排。

Dos螺旋脱氧核糖核酸听起来是最不可能影响设计的东西直到你把他拆解到最初的DNA。它是生命的根基和造成影响过去与现在的活着的实体编码。双螺旋线现在已经超出了科学领域,越过最新一代人,舒适的进入到流行文化领域。好莱坞已经把DNA变成黑暗中成长的情节和电视剧CSI“insert city here”(插入城市)捻在一起。设计团体已经把双螺旋线结构被公众看成生命火花或者是个体签名的形状紧密联系起来。象征种类或者生命的种子、健康长寿、家谱、密码、神秘,或者未破解的序列,这一串文字有一个科学或是宗教上的相似的共同的形式幂。

1.Design Firm: lwdgraphics Client: Chillosophy 2.Design Firm: Sumo Client: Science City 3.Design Firm: Demasi Jones Client: RCRH 4.Design Firm: Gibson Client: Women for Women

橡皮圈
Invista(英威达),全球最大的综合纤维和聚合物公司之一,最简洁的宣称这个由(扬特品牌识别咨询)Enterprise IG设计的外观在2003年有着“环状革新”。很容易想象公司的球形外观、连结的产品、像圆环的分割纤维力点。(虽然公众和一个未经训练的眼睛有充分理由把这个看成自己办公桌顶上随意组合的橡皮圈)。
这个趋势直接关系到几年前的方向——自然螺旋和凹进去的环形,特定的。这是混乱和几何的集合。
这些连结的环形趋于表达产品、员工、公司或者是作为一个整体运行的分区的集体观念。他们可能以不同角度的自治出现或者弹性的基于紧密联系中又或者是表现他们的构造。色彩通常是个体定义的符合,但他也是帮助我们更好的掌握整体概念的局部概括。

1.Design Firm: Koch Creative Group Client: MBM Study 5 2.Design Firm: Substrate Client: Zilo 3.Design Firm: Grafikonline Client: Guba 4.Design Firm: Enterprise IG Client: Invista

光芒(或者辐射)
不是从有荧光墨水起这个启发就被应用到设计工业中。光辉是普遍深入的,而且他看起来找到了展示自己的新方法。光辉来自太阳,他同样闪耀自水、珍珠、书本甚至不同的情形下X-Box(微软X-BOX家用游戏机)也有几分。应用范围的差异广泛来自于透明、叠加、梯度、反射、镜头眩光还有动画(运动)。
这些符号有一些温暖传达出不同于隧道尽头光线的舒适感。当我们试着传达乐观、纯洁、温暖或者逃避时这个发光状图形可能变得更加流行。但是这个退却位置更明亮的样式仍然象征了一个知识的引导光源。
1.Design Firm: Cato Purnell Partners Client: Skywest Airlines 2.Design Firm: Gardner Design Client: The Center 3.Design Firm: LandDesign Client: Sunhaven 4.Design Firm: Siegel+Gale Client: SunTrust


生态(思马德)记忆法
为最大鼓吹社团世界继续维持步调一致的支撑力。在一种或另一种形式中,我们的环保福利事业已经是LogoLounge每次发布趋势中的一个结症了。事实上我们仍然一直报道他的影响不是一个议程而是为了遗嘱对支撑力的支撑力。
这些生态记忆法正完全变得越来越聪明。树和树叶仍然在那里,但是应用已有了更加聪明的途径。他可能是优先采纳一些仅仅为口头上承认的绿色特征。这不仅仅是采用绿颜色。这些LOGO混合了用途和气质,对环境更加敏锐。这些标记完善并且好像用柔和的声音讲述故事,而不是用刺骨的尖叫。
1.Design Firm: Gardner Design Client: Dandurand 2.Design Firm: Ulrichpinciotti Design Group Client: Resources for Healthy Living 3.Design Firm: Eggnerd Client: Greenhill Academy 4.Design Firm: Steve's Portfolio Client: Small Planet

光感
设计师们继续使数年前LOGO设计规则的残余陷入大的混乱。标记的CMYK天穹不再被当作相关的设计限制。此外,许多设计师还有客户已经决定他们永远不会把他们的LOGO印在黄页上,所以设计至少一个二维和一种颜色版本的LOGO一点都没有必要了。

过去的几年里,我们已经看到水晶按钮LOGO,高光、肿胀的像灌了硅胶。概念很简单:创建一个真实角度可以允许一张图片剥离页面。这个维度让LOGO在一个有别于一种或者两种平面色调的区域扮演一个角色。不微妙但给人深刻印象。

现在通过灯火通明的LOGO微妙的切入。演员们被告知站在灯光下,现在LOGO也在做着同样的事情。他和聪明的演技没有什么差别。这些LOGO不是很有空间必要,事实上大多是有谦虚的相关。首要类别是好的光照视觉。这是一个很好的偿还和抓住顾客眼球的朴素效果。

1.Design Firm: Zed+Zed+Eye Creative Communications Client: Ebert Pool Construction 2.Design Firm: FutureBrand Client: Pure Tasmania 3.Design Firm: Sebastiany Branding Client: Café ao Lar 4.Design Firm: Cato Purnell Partners Client: Flower Factory

仿中世纪纹饰
混合了一些目中无人、过度的庸俗、家族徽章的锋利的聒噪、爆炸式拿破仑狮虎以及你有的一些近似于仿中世纪盔饰的东西在内。这些东西是有趣的,他充斥的细节每时每刻粘粘着人们。为高中和大学市场、Jason Schulte的事务所和办公室、用独立学习线给Target创立最佳品牌奖。

乍一看,这些LOGO大多数看起来像是已经从纹章101例书里面提出来的,除非你细看合成元素。只有在这一点上你才可能看到扳手、吉他、企鹅、鞋子、手机还有你从未指望能在亚瑟王宫殿里找到的其他东西。这是一个年青春的赞歌,而设计师把这个看成是流行文化和音乐工业中的语言源头。事实上,这是个你将在任何地方看到的摩登趋势,不管他的根源在纹章学还是其它像维多利亚时代的壁纸一样的复杂图案。
1.Design Firm: Office Client: Independent Studies/Target 2.Design Firm: Reaves Design Client: JCPenny Nation 3.Design Firm: Miles Design Client: 12 Gauge Wakeskates 4.Design Firm: Launchpad Creative Client: Astonish Entertainment

城市塑胶时尚
Charlie the Tuna (查理金枪鱼,是芝加哥李奥贝纳公司在1961年首次创立的。链接有介绍)和Jolly Green Giant(欢乐的绿巨人,美国绿巨人食品公司的象征。链接有介绍)这些不是。广告象征物在logo和吉祥物之间徘徊数年了。甚至Cingular Jack释放出的活力超越了印刷品的性格是有一点儿混血的。城市塑胶时尚是种正在开始穿越LOGO设计领域的边缘文化。这些小的塑胶形象是到处存在的架上混乱,几乎供奉在每个设计师的桌面收藏中。
最先由香港的玩具设计师Michael Lau于90年代制造并流行开来,,这些虚构的小淘气已经变成高度可收集性并有拥有了整间店铺。kidrobot和杂志,Super 7,专注于传播他们的名声。Tim Biskup 的艺术可能开始于画布但是他很快转译到设计师的塑胶人物中。通常他们能成为最世俗的有着最古怪的样子的黏糊糊的外星幽灵独眼喷火把人。虽然不能严重影响到财富500强的身份识别,但是城市塑胶时尚占据了他在流行文化中的位置,而那被转译成二维标志的设计应用中。
1.Design Firm: San Markos Client: webpublica 2.Design Firm: Innfusion Studios Client: Innfusor 3.Design Firm: Glitschka Studios Client: Fire Squad 4.Design Firm: Tactix Creative Client: Cyclops

网络集成
去年,来自印度的Apurba Sen在他收集了数百个WEB 2.0 标志然后按照LogoLounge近三年来报道的趋势的排列他们后他联系了我们。这是个给我们早前LOGO归类的有趣的实验和服务。这些LOGO中发现了一组丰富的早前没有发现的趋势那就是网络集成。这些LOGO有一个中心元素被许多小卫星元素围绕服务,经常是些有轨道的对称的围绕。

这些LOGO可以看成是服务于任何在线社团的通讯结构模型。有一个中心网络集成服务作为信息分发点。没有网络集成中心,卫星就失去了和团队中其他成员联系的能力。所以不管这些LOGO是否为交流工具,这个来自中心点的分配通常是中心思想的关键。这种手法的另一方面是许多元素为了更好的共同利益聚集在一起。这已经变成了一个丰富多产的主题,设计师们继续建造着独特的视觉概念。
1.Design Firm: Selikoff+Co Client: Pomology 2.Design Firm: Starlight Studio Client: RM Custom Creations 3. Design Firm: Brent Leland Design Client: Haciendo 4. Design Firm: Demasi Jones Client: Fibre Optic Australia

递减的点
一旦你开始看这个概念,你就会在任何地方看到他,包括在其他种类的此类报道中。极少数例子除外。这些LOGO用一系列的点制成,在一定连续刻度内或者递增或者递减。大部分此类LOGO描述了帮助提升自身信息的动作。想象使用这种语言作为静态动画的速写。它基本上是Eadweard Muybridge定格动画逐帧翻转LOGO,只是每个更早的帧是一个调光器或者比下一帧更小。

当我们感到更迫切在一种独特方式中解释运动叙述概念时,我们将发现新的视觉语言才能帮我们解释。在之前的报道中,我们讨论了用更少的传统技术去定义运动,包括模糊、虚边还有爆炸。递减的点依靠矢量图形边缘完成他们的效果,非常像Robert Miles Runyon在1984年洛杉矶奥运会上用条纹定义他星星的运动轨迹。这个时代的附带结果是十年或者更多那样的理念,依靠他们的大规模条纹,每个都大声宣称“我在移动”。
1.Design Firm: Ardoise Design Client: Raymond Engineering 2.Design Firm: Aron Creative Client: Springboard 3. Design Firm: Glitschka Studios Client: Windows Gaming 4. Design Firm: Brand Bird Client: Arby's Franchise Association

(P.S:我查到的奥运会标志)

花饰
让我们假定如果你给一个LOGO浇水,给他充足的阳光,他将开始长出许多藤蔓、花蕾、鲜花以及其他一些自然植物式的梦幻。这也许是去年修饰趋势的进一步发展,或许他们仅仅会成为另一个大的分支趋势。维多利亚时代给一个明智洁净的LOGO坚硬的外壳上附加上其他人为的精巧修饰这种借助其他图案的部分来设计 LOGO将成为一种趋势。这种自然细节天性迷人,要求消费者们参与一种非对抗性的视觉流行。

许多设计师已经为这种花饰爱好的视觉语言负责了,除了在荷兰Tord Boontje的开创性工作大概已经获得了最大的扬名外。Tord在2006年假期的Target (美国第二大零售超市)负责这个精致的、杂乱修边的流行素材。这个高修饰组织的花边压条法已经影响了视觉识别设计,特别是在零售应用中。
1.Design Firm: Shift Design Client: Charme 2.Design Firm: Doug Beatty Client: Art for Aid 3.Design Firm: Gardner Design Client: Holly Root Massage 4. Design Firm: Entermotion Design Studio Client: Marshmallow Kisses

切半 一个乐观的观点将确告我们这些LOGO只有一半。让公众参与定位永远是一个为LOGO奠定关系的强力迷人的方法。当机灵的信息吸收变成焦点关注时,那个“啊哈!”就是我们占主导的实例。这里说的秘诀不是深深的埋葬一个客户永远无法理解的妙语。这里,看不到的那一半视觉元素道出了整体。另一半哪里去了,为什么没了?他被砍掉了吗?他正好穿过边上吗?或者是淹没了?或者刚好浮出来?玩简单文字游戏作战需求,在有些事件中,图形游戏允许客户通过一个情节联系产品。在某些案例中切掉部分图片变成了对抗,然而,在某些案例中切掉完美的数字或者字母的一半等于异端.字母对于客户来说是神圣的:改变他们是一回事,但是移走他们好的一半让人们侧目。
1.Design Firm: Fresh Oil Client: Spats Logo Concept 2.Design Firm: Thomas Manss & Company Client: Cutcost.com 3. Design Firm: Meme Design Client: Edge 4. Design Firm: Miles Design Client: Urban Forward

叠加
在某些方面,这是去年叠加趋势的一个进展,也是一个LOGO设计中强透明类型的明确延续。当仍旧依靠相关平面色彩的叠加(好像很多有色的舞台灯光薄膜层)这个趋势与联接有很大联系。这些LOGO记录集和子集并以此类推在一个团体的表面相连。记住透明度是整个团体的重点:财政上的透明、对公众、雇员还有投资者的透明等等,是个本质上的特性。

原理同样来自于有助于加深赞美或者一个制度的差异是没有什么好掩饰的。叠加的子集常常用来帮助叙述一个故事或者解释团体的基础构造。在软件设计处理过程中透明图像更引人入胜。以Adobe Illustrator为例,允许设计师尝试并实时看到透明效果的技术成了反对费力的步伐,Photoshop也同样能做的这些。
1.Design Firm: Fitting Group Client: i-Squared 2.Design Firm: Cacao Design Client: Renza Morello 3. Design Firm: Matthew Schwart Design Studio Client: Agency Access 4. Design Firm: Gillen's Army Client: The Electric Company

三维
数年来,LOGO一直具有空间特性上变化,象变成膨胀的、反射的或者玻璃透明的等。但大体上,这些更多的是一种表面处理,作为反对全部”这就是我背后看上去的样子“。只要一个LOGO具有完全三维的性质里,不曾预料的问题就发生了。如果我把LOGO旋转四分之一,他还是我的LOGO吗?如果我从一个黑暗的角度放大他,他还是我的LOGO吗?如果我把灯光倒过来打,他还是我的LOGO吗?如果我通过传统的商标渠道,我能从任何透视关系注册这个三维物体吗?

Miles Newlyn是为一家主要的电信公司负责提议B标志的伦敦设计师。另外,如果你需要一个超脱的概念他也是一个杰出的定位设计师,就如同他的身份等于3或者ish(英语后缀,所表示的含义既丰富又细致. )。Miles吧他的一个三维标志归结成从任何角度能立马认出来的美洲虎的皮毛装饰。真正的挑战是公司必须具备必需的媒体资源传递这个LOGO的完全光学特性。这就是为什么许多这样的LOGO满足于从一个单一透视展现大幅面外观,而不是全方位的。

Miles在这个初现的趋势里仍然是权威。他记录道:能够创造出一个3D标志不是重要于领会了哪个客户需要他们,但是仅仅因为流行越来越多的商业正需要他们。
1.Design Firm: Wolff Olins Client: djuice 2. Design Firm: Miles Newlyn Client: B 3. Design Firm: GrafikOnline Client: Aramova 4. Design Firm: Substrate Client: Palio

光幻线
当面对一个光幻错觉的时候谁不会停下脚步?我们就觉得被迫再看一眼然后去评价它。不管我们把这些看成是挑战还是消遣,他们需要我们的关注。光环错觉一般在自然中是线性的有一个注重品质的M.C.Escher团体向物理学定律发起了挑战。(M.C.ESCHER是一个提供超现实视觉风格的艺术团体)除非你把他们转过来否则他们看起来绝对无误,又或者在你第二眼看的时候把他们放到一个新的透视关系里面。

当设计师给客户描述一个小生境的时候这个不可能之可能的创意是一个非常有吸引力的概念。聪明的想到幻觉证明”我们能做到别人不能做的,因为那样我们就更聪明了“初稿通过这个不可思议的前后关系看起来好像自然而然。因为这些LOGO的自然空间是通过新的透视关系定义一个环境在实际建筑和产品的应用中而并非罕见。
1.Design Firm: MINE Client: Paradox 2.Design Firm: Face Client: Institute of Cancer Therapeutics 3.Design Firm: JDK Design Client: Zune 4.Design Firm: Elixer Design Client: Perspecta, Inc.

缎带
的确中国的所有城市把他们的生活归功于出口物品的磁力扣带上。什么时候开始扣带成了一句妙语?是的,我们想要表现出我们的关心,但是字面表达上的虚无已经使这个图标变得如此无力,它的灵魂濒临灭绝。这些原因不是因为缺少关注。为了差不多的一个赞誉我们长期以来一直在滥用这个缎带,现在也许是该肃清的时候了。

幸运的是,设计师们在插手提供CPR(应该是:心肺复苏术)设计时,使用了这个逐渐衰亡的图标。在这个趋势结束的早前许多最佳LOGO的设计都是基于这个缎带,但是他们之间多少会有些不同。如果看到有支撑力的趋势通过各种路径成为此趋势将是很有趣的。那时我们会为这个缎带描绘出一个伟大的再循环计划,那样我们的垃圾填埋就不会深陷于齐膝深的磁扣垃圾里。
1.Design Firm: Seamer Design Client: Motek Trading 2.Design Firm: Ty Wilkins Client: Tulsa AIDS Walk 3. Design Firm: Square One Client: Cinema Fighting Cancer 4. Design Firm: Felix Sockwell Client: AIDS National Quality Center


这里显露的其它趋势:
*动势:在本文开篇有提到,这些logo被设计成处于生动的运动中的反对平淡的logo。

*花冠:大量的元素,他们早前不被认为可以成为标志设计的一部分,可有时候他们如此微妙的组合成一个完整的图案。

*彩虹:可能衍生自强调词“包括”。很可能来自客户极大的宽容和鲜明色彩的要求,当然绝对是支持RGB颜色模式。

*数字:在字母中某处嵌入一个数字,完美的增加字母标志的意义,文字消息和即时对话是到处都存在的。

*孔:设计师正在玩纸的视表面,他们发表消失或者出现在凹口和切口里的标志。

*龙:许多许多的龙。

*大的benday点(状制图):宣传人员特写benday点。这些点交错杂乱。

*涡旋装饰:从无论如何都相同的地方寻找更多的形状。(这句看着很别扭~汗!)

2007年5月27日星期日

互动玩具的故事

——玩具市场中的深思熟虑创造小说效应

An Interactive Toy Story 原文
Sophisticated thinking creates novel effects in the toy market.
By Ricci Shryock
Posted April 24, 2007

你最近拥抱过你的设计玩具吗?那可能是因为你没得到回抱。事实上,你的设计玩具什么事都不做。创新玩具设计师们正在改变那些。他们想让他们的玩具和你还有其它的玩具相融洽,他们想通过深思熟虑做到那一点。
手工制作的心型枕头,和它接触能得到放松。

香蕉设计实验室创立者Yuri Gitman就是这些革新设计师中的一个。他已经结合他的技术认知和艺术才能创造了名为“My Beating Heart(我跳动的心)”这样一款玩具。这款售价120美元的长毛绒玩具使用微芯片技术模仿人类心跳。Gitman说用户拥抱这个玩具的时候感觉好像他们正抱着一个宠物或是深爱的人,它把他们的心跳缓和到冥想状态。他用十天实现了这样想法:寂静的瑜伽退隐山峦。“我感觉我自己的心跳经过了5个小时沉思的,”他说,“简直无法相信在动。”


Gitman相信设计玩具过饱和的市场已经准备好加入互动这一特性的玩具以增添顾客选择情趣的革新了。

当亚洲灵感玩具设计小组5年前第一次进入市场来,其毛绒玩具和 Kidrobot (孩童机器人)被当作全新引起欢呼,提供的艺术有着从内心透出好玩的深思熟虑风格。现在,许多玩具通过在线商店和公开发行,比如 Vinylpulse.com,它提供工业发展趋势的每日新闻。作为Strangeco(奇异)的共同创立者,一家在线设计玩具公开发行商店,Gregory Blum定的Needies(必需品)毛绒玩具成为互动趋势的典范。这款Needies(必需品)玩具是一个能感觉其他玩具正被喜爱的大毛绒玩具。没人注意的玩具会用歌唱来唤回它渴求的注意力。

”如果你房间里有2个这样的玩具,而你正在和其中之一玩,另一个的玩具会感觉它不被注意了,“Blum说”我认为聪明的办法就是离开。这就好像一个怎样解决保持审美而又不需要巧妙手法的真正窍门。“

Strangeco(奇异)正在开发符合自己的互动式设计玩具,尽管玩具已经在设计舞台上,新的玩具也不能变得更加详尽。但是Blum在延续玩具艺术性外观的同时开发了加入功能这一技巧,用他们的话来说就是“对市场来说他是一个整体,我们必须呈上这些更像艺术品的玩具,而这些功能是会促进那些设计的旁枝。”


Gitman还在新帕森斯设计学院开设无线毛绒玩具设计课程,在2月纽约玩具展上首次登场的他互动设计玩具Chuchi——夜间照明毛绒玩具得到了的不同关注,他预言这只是个开始。

Strangeco和Kidrobot将会有更多行动,我打赌,相信这将改变玩具市场。