<![CDATA[乐闻設計]]> http://www.gaolewen.com/index.php zh-cn http://www.gaolewen.com/read.php?125 <![CDATA[web设计趋势与潮流]]> gaolewen <gaolewen(at)hotmail.com> Wed, 21 Jul 2010 07:55:43 +0000 http://www.gaolewen.com/read.php?125 点击在新窗口中浏览此图片
原载于 《程序员》杂志2010年第7期。 作者：西乔

19年前，世界上第一个网页诞生，它没有设计可言，由文本和url组成，样式只有最基本的<h1> <p>。 而如今，Web设计已经成长为独立而庞大的设计门类，一个网页的创造需要多个工种、多种技术的参与，其流程的复杂和挑战性已经超过任何传统设计类别。

这19年间，网站的拥有者越来越清楚自己的目标，而设计师们也越来越理性和专注，人们在不停寻求商业诉求、用户、审美和技术上的平衡点。每一年过去，都有无数过时的风格、特征元素以及实现技术被抛于身后。

设计风潮体现着一个时期内人们对特定的风格、趣味、审美、技术乃至理念等各种模型或特征的追随。新技术的发展、媒介载体的占有量的变化、新网站类型的诞生、全球的设计思潮的影响、行业领军者的转变、明星设计师个体的亮点，这些因素都在推动潮流的变化。 你可以回想一下那些曾经风靡一时的模式：复古的像素样式；Google的朴素之风；韩式清新插画风；Flashsite的兴起带来的不规则布局和动画的滥用；Apple引发的对质感的追求；用户和情境意识的觉醒；对细节的关注——圆角和阴影的广泛运用； Web2.0设计风潮中典型的配色和特征元素；空间与层次感的魔术……

09年流行的半透明风格：



空间和层次感的魔术：



潮流的涌现，是社会一致化与个体差异化的碰撞，每一次碰撞都推动着这个行业的进步。

让我们来看看这些发生中的变化：

简洁，精简，极简




极简主义（Minimalism ）在这一年大热。原因有4点：

1. 手持便携设备的占有量逐步上升，人们的访问方式发生了改变，小尺寸屏幕所需的精简之道反过来影响了整体的设计趋势。

2. Apple简洁、专注、充满诱惑力设计哲学重领潮流，效仿者众多。

3. 来自全球设计思潮的影响：极简、禅意、人文、空间感的“日式风格”这两年在出版界、时装设计、包装设计、工业设计界都颇受追捧。

4. 网站的专业性和针对性在进一步加强，人们选择一个网站一次把一件事做好、做到极致，而非盲目扩张。这也使“精简”拥有更大的实现空间。

极简主义体现设计师对意图、受众、情境的强大控制力。不是简单的做减法就可以了，如果不能很好地把握取舍的宗旨与理由，一个为了极简效果而精简的页面可能看起来庸俗不堪，是为“做作”的留白 。

操刀这一风格需要对作品有充分的自信和理解力，更重视细节和布局，把握恰当的对比、强调。

来自版式和留白的均衡美感


极简主义风格非常适用于以图片为表现主体的网站



极简主义的风潮中，还涌现了许多单页网站。所有内容都放在一个页面上呈现，通过分屏来巧妙地布置格局，不再有跳转和复杂的站点结构，一目了然。

更有人情味与趣味的设计


运营上的专注使得设计师们可以在设计中投入更多的感情，更有针对性地取悦受众。从保守、冷漠、功利的陈旧风貌中，涌现出更多富有生命力和趣味的产品。

Twitter取得了巨大成功，可爱的小鸟形象深入人心。以动物为主题的logo和网站吉祥物也随之风行起来。





这一变化出现的原因：
1是具有针对性的中小型服务和应用类网站大批涌现。
2是来自示范者的力量。
3是多元化的必然趋向。
4是在功能性、规范性和用户体验之外，设计师开始寻找那些从未出现过的、能更深层次打动用户的东西——“一种在感情上赢得人们喜爱的东西”。



亲和、活泼、富有感染力、配色清新、使用自然元素作为装饰物。







曾经很不常见的高饱和度的配色，这种充满动感和生命力高调设计让人充满惊喜。



精致有趣的细节


对传统设计的借鉴


Web设计这个年轻的分支在自我生长的同时也在不停向传统设计汲取营养。在布局与版式方面，设计师们一直在探寻更好的表现手法，所以尝试从传统的设计媒介中寻求灵感，杂志版式布局（ Magazine-style Layouts）的从09年就开始大热，不光大型新闻网纷纷求变，杂志版式布局的Wordpress Themes 也炙手可热。 这一变化对传统设计不仅仅是形式上的追随，更重要的是尝试去借鉴与融合的态度。

Times 和 Financial Times 都是国外老牌媒体，他们的网站布局结合传统纸媒版式有许多新潮的亮点，比如 竖式的流体布局，图文混排，头条强调，由标题字号变化带来的层级差别。





而国内的此类网站绝大多数采用的还是非常传统的横向区块布局，信息密度高，版式缺乏节奏和韵律。





由比较可见，国外的大容量信息网站的趋势是 降低首页的信息密度，把内容分摊到二级频道；版式上更具引导性、更适于阅读，浏览方式像读报一样更流畅随意。
由于广告盈利价值的差别，国内这类网站还是使用信息密度极高的索引模式，所以看起来更像说一份导流量的“黄页”而非可随心阅读的媒体。在信息呈现密度与模式无法改变的情况下，照搬国外的版式布局是非常危险的。

除了在样式上的借鉴，传统版式设计上的许多经典的实现手法也移植了过来，最著名的就是黄金比例和栅格系统（Grid System)。栅格系统的历史有300多年，运用严谨的几何网格来指导和规范元件的分布排列。将传统栅格移植为适合网页设计的系统，不光是创造了一种工具，也产生了一种普遍的审美规范与倾向。无论你是选择遵循规范还是打破规范，都是对它的推动。

960px宽的网页栅格系统 960 Grid System：




个体风格带来的变化


谁才代表着趋势？有人认为设计师们所追捧的变化代表了潮流， 有人认为top100的大站才是大势所趋。狡猾一点说，两个说法都不确切，网站运营的Top100并不代表设计上的Top100，出于多种原因，很可能它们是最保守的阵营。但你无法忽略他们对用户/客户的审美及视觉习惯造成的影响。而设计师们虽然愿意挑战和尝试变化，但在面对个人化设计和商业设计时，他们的取舍却往往不尽相同。

巨头和个体们在设计风格一直在互相影响和渗透。所以你永远不应该轻视那些看起来“个人化”和“小众”的创新设计。观察它们的最好舞台就是设计师的Blog和Profile站。

下面这几点都是从现在小众网站上流行，慢慢被许多普通大众网站设计所趋向的特征。。

更大header区，更醒目的logo和标识，字号更大的标题。


内容放得再多再好，但用户记不住“你是谁？”也是白费。 更大header区强化了用户对品牌和风格的记忆，让你有更多的发挥余地去表现。




在背景中使用恰当地纹理。


十几年前，在美化手法贫乏的年代，人们也喜欢在背景中使用纹理，但大多只取得了浮华嘈杂的效果。现在的设计师们学会了理性而低调的使用纹理来制造风格、提升品质和烘

户外服装的电子商城。使用了粗砺的水泥纹理：



婴幼儿用品的电子商城，使用了清洁柔和的圆点纹理：


把Footer区利用起来


这是典型的受Blog设计影响的潮流，在footer区放上更多的信息、标志与快捷入口。






更注重品质，更能抓住用户眼睛的设计


这点变化在和消费挂钩的网站上非常明显。设计师们注重对设计心理学和视觉传达的技巧的运用，使用强调和对比的策略来引导用户的视觉焦点。更醒目的标题，高质量的图片，使用slideshow来创造更多展现空间空间，这些手法都在强调那些希望得到用户关注的地方。

Apple网站的专业、直接、有效的界面设计，不光打动了消费者的心，也吸引了众多开发者的效仿，大量App应用网站都以使用Apple风格为荣。

iPhone 4 发布时的Apple.com 首页：一切无关的都被省略了，表现主体被无限强调，它牢牢抓住人们的目光，传达出最直接的诱惑：


  
  • 消费类网站的趋势：使用更醒目的标题，更大尺寸的高质量产品图片，让用户形成感官上的认识，而不仅仅是信息的罗列。高质量的商业摄影越来越多地出现在网站配图中。精心处理过的抠底图片配合简洁的整体设计，是电子商务网站近几年的趋势。


    •   
  • Slideshow的使用风头正劲。用于在有限的空间内展示更多的信息（通常是为了放下更多大图片）， 增加页面的动感和观赏的流畅性。



    在页面里运用可视化图表也是一个潮流，一些表单操作也被加工为可交互的图表。将信息或数据可视化，助读者更深入直观地理解其含义。

    更有效但低调的交互。


    交互在Web设计中是如此重要，为了让用户与界面更好地沟通，许多设计师过度地重视了交互，特别是只关注细节而失败于全局。大量交互行为被过度设计，变成了用户的负担。如果信息能够被更好的匹配或呈现，许多交互是可以避免的。未来，设计师们力求通过优化信息架构和使用流程去减少交互，更成熟地运用情境菜单（上下文菜单），将操作反馈处理得更为隐形和自然。

    交互的设计会向着直接有效、更低调、提升使用乐趣的方向发展。

    coda.co.za 这个网站的交互反馈，非常简洁优雅，效果自然。



    当鼠标移到某张CD上的时候，它信息会通过隐藏右边的CD显示出来。这种反馈比悬浮框更自然。



    与物理世界操作经验吻合的交互体验



    越来越多的Web操作允许快捷键的参与。允许快捷键可以提升高级用户操作效率，增加使用乐趣，同时也是为了更好的向无障碍访问的方面进步，照顾视力不好或无法鼠标的用户。




    结语：去哪里捕捉和观察趋势。


    相较于国外的这一波波风潮，国内的设计师的行动并不多，许多原因使他们面对这些变化，或保守或滞后。同时，许多生硬的抄袭和模仿也正在伤害国内的设计行业，从Templates (许多是过时且侵权的) 开工、抄捷径的“拿来主义”不光在腐蚀一个设计师的创造力，也在折损着整个行业从业者的价值。

    我希望年轻的设计师尽可能多得去关注国外的专业Blog和作品画廊站（Gallery），低头干活的同时，抬头看路。这样才能在团队中提供自己的专业判断，而不只是一个被动的“美工”。

    专业Blog：



        
    • www.smashingmagazine.com 可以说是如今全球内容质量最高的Web设计专业Blog。订阅量接近20万。设计师们一定不可以错过。

      •   
    • sixrevisions.com 为首的多名技术专家共同撰写的blog，提供大量对Web设计师和开发人员有用的技巧、教程和资源。还有很多前瞻性的分析文章。

      •   
    • abduzeedo.com 更新量很大,如果你设计卡壳了,这是寻找灵感的好地方.


    作品共享和灵感采集站：



        
    • deviantart.com 全球最大的设计师展示和分享创作的平台。其网站本身交互设计也非常有特色。

      •   
    • ffffound.com 图片类的delicious服务，一个你永远不可能拿到注册码的社区，但是其中活跃着大量全球一流的设计师和创作。


    Web设计画廊（Gallery）


    designshack.co.uk （可按配色、布局和类型进行筛选）



    reeoo.com （可按配色进行筛选）



    siteinspire.net （可按样式、主题、网站类型进行筛选和排序）



    coolhomepages.com （可按类型进行筛选和排序）


    • Tags - , ]]>     http://www.gaolewen.com/read.php?124 <![CDATA[泛泛而谈界面中的斑马纹设计]]> gaolewen <gaolewen(at)hotmail.com> Thu, 15 Jul 2010 03:57:16 +0000 http://www.gaolewen.com/read.php?124 点击在新窗口中浏览此图片

    在CDC上看到的一篇文章，写得非常好，研究具体且案例也很充实，转发过来供大家欣赏学习。
    作者：猕猴桃


    大家好，我叫斑马纹

    列表中使用两种相同的样式但颜色不同的背景，来间隔显示的内容。
    当然这个释义我是借鉴《designing interfaces》来的，略有不同。我肯定承认这是一本神作，不过看了当下很多界面以及自身平时的设计之后，发现实际情况中使用的斑马纹在原来基础上通过视觉的处理有了扩展，不仅仅是一深一浅单纯颜色的配合使用。


    图一：最正宗的斑马纹应用


    图二：斑马纹的延伸 – 内容高度不一致的应用


    图三：斑马纹的延伸 – 增加线条的分割


    图四：斑马纹的延伸 – 仅使用分割线


    图五：斑马纹的延伸 – 单行颜色渐变形成的错落分割


    图六：斑马纹的延伸 – 仅仅使用留空来分割（有一种神交的感觉）

    什么时候你该披上我：

    斑马纹的使用是当在列表中，各行的内容（每一行中又有多行内容）甚至有多列数据在视觉上很难区分，起到一种规整的作用。从而使用户在阅读每一行的单个甚至多列内容时形成联系。

    有时候在带有标题的内容时同样使用深浅颜色作为区分，形成斑马纹的效果。比如picasa的内容区设计。当然这是一种特例，但细心留意，却也在被流行开来。


    图七：picasa的斑马纹特殊用法

    斑马得皮肤病了

    为什么会去尝试对斑马纹做个了解，其实是最近会收到这样的反馈：“斑马纹搞得我文字看不清啊！！！”“啊，这里原来还有颜色啊”“太不舒服了”……我对我的行为深深的陷入了自责，因为设计的结果把大家给激动坏了（当然我的出发点绝不是这样的）。好吧，那怎么办，调一调，调一调。我相信调节结果会有另一部分的人出来说“啊，好深啊，”“啊，好乱啊，看不清内容啦。”对于每一位用户的意见都是应该尊重的，当然通过一定的方式大家就不会对这个结果有太大的异议，也许是习惯，也许是淡忘，也许是出现更加激动的东西，也许还有其他什么我不知道的原因，但作为一名有良心的设计师，我决定对斑马纹的设计做一个泛泛的了解。

    斑马你长的好奇怪啊。

    我是个务实的人，问题的关键点在于斑马纹的两个颜色之间的色值差异。所以文章也仅仅是对这做一分析。

    不同斑马纹从内容表达上都有他自身特定的含义。而从规整每一行的视觉角度出发，斑马纹和线条的分割是一个不错的选择，如果两者同时使用，未尝不可，但两个拳头同时发力，总是看的费力，用的也比较复杂。除非线条被用的很轻，好比两拳同时出击，其中一个虚晃一枪，仅为迷惑用，也其当好处。但在一行之中又有多列的情况，线条形式的缺点就会暴露无遗，显的条条框框局促不安，尤其在某些界面全屏的时候，内容却被用户舍不得用去几行，中国人省吃俭用的一面可见一斑。因此从视觉的简洁上看来斑马纹的深浅搭配是一种首选。

    其实包括很多设计师在设计斑马纹的时候，基本是自身的感觉，这个感觉是对整体色调和相关元素色调的分析后的主观感受（包括我）。同时斑马纹的两种颜色基本是两个调性一致，颜色相似的两个颜色。但我认为不管是何种颜色的为基点调节的斑马纹，他们之间的明暗值都会在一定范围值之间。范围值小了，则斑马纹模糊不清起不到应有的作用，范围值大了，则跨越太大从而干扰到用户对内容的阅读。

    如何把唐僧的白马画成斑马

    寻找斑马纹界面比较费神，首先想寻找各个系统中的界面，其次寻找具有代表性的产品，因为他们具有相对较高素质的设计师，相对成熟的设计观念，及相对完善的设计规范。

    发现微软的产品是基本不使用斑马纹的，一般通过感觉和用户进行神交。而win系统中的一些其他软件的斑马纹设计基本来源于对苹果的参考，但是否遵循一定的原则，就不得而知了。而苹果的界面一旦出现列表时就肯定使用分割，但表现的方式略有差异，大界面基本使用双色斑马纹，小屏幕基本使用线条分割，这和google设计的产品思路如出一辙。因此搜寻的案例基本集中在苹果系统下的大屏幕界面。

    斑马纹的深浅两种颜色根据整体色调和界面色彩搭配的习惯性给出一个使用的建议：

    1．当界面的主色调为浅色的时候，斑马纹的浅色基本使用白色，斑马纹的深色以界面主色调为基准点保证色调的一致并进行调整。（图八左）

    2．当界面的主色调为深色的时候，斑马纹的深色基本使用主色调一致的颜色，斑马纹的深色以界面主色调为基准点保持色调的一致并进行调整。（图八右）


    图八：界面主色调影响下的斑马纹色彩基本样式

    那我们来分析下界面斑马纹深浅两种颜色的范围值：


    图九：mac系统界面的斑马纹颜色

    Mac系统中本身的界面都采用此种深浅颜色的搭配，无论内容是否复杂，无论高度是否一致，在白色为基准下，两者之间的仅作纯度的变化，相差7%的间隔。同时每一行的高度和内容相对比较统一，但每一行有多列的现象。


    图十：mac系统软件浅色界面的斑马纹颜色一

    Mac系统中例如itunes的界面的斑马纹，两者颜色的差异小于系统自身的界面，纯度相差3%，明度相差2%，两者同时混合作用。同时每一行的高度和内容相对比较统一，但每一行也有多列的现象。


    图十一：mac系统软件浅色界面的斑马纹颜色二

    Mac系统中的其他软件界面中出现的斑马纹分割，两者都是小界面，皆是明度的变化，左图颜色值的明度相差6%，且一行有多列现象，但列数相对大界面要少。中图颜色值的明度相差2%，只有单列，每一行内容相对集中。右图颜色值明度相差7%，纯度相差1%，每一行内容比较内容相对统一。


    图十二：mac系统软件深色界面的斑马纹颜色二

    Mac系统中斑马纹在深色界面中的表现，为imover与itunes为系统中的同类软件。两者的间隔颜色的差异小于系统自身的界面，纯度相差3%，明度相差2%，他们的间隔方式和itunes一模一样。每一行比较规整同样有多列现象。


    图十三：Ipad app浅色界面的斑马纹颜色

    Ipad上itunes播放器的界面，除了深浅颜色的分割，还增加了分割线的使用，两者的间隔颜色所以比较的适中，纯度相差1%，明度相差4%。每一行很内容统一，且有多列形式，同时每一行之间的底图空隙比较大。


    图十四：Ipad app灰色界面的斑马纹颜色

    Ipad上nytimes的界面，除了深浅颜色的分割，同样增加了分割线的形式，两者的颜色相差也很适中，纯度相差2%，明度相差2%。单行，每一行内容很多，但内容分布比较统一。


    图十五：斑马纹延伸应运的颜色差异

    Iphone上的两个特殊斑马纹的应用，在此不做比较，仅作参考。受限于单个底色的渐变形式，势必会出现两个内容之间的线条分割，左图每一行内容比较统一，两者颜色仅为明度变化相差8%。右图的内容和每一行高度并不是绝对的统一，两者颜色比较平缓，纯度相差3%，明度相差4%。

    将上述的结果进行总结用一个图标的形式来表达这个概念：


    图十六：斑马纹使用参考表格

    根据图表中的描述：基本上的界面斑马纹深浅的间隔落在了差别适中的区域（绿色），但也有落在差别弱化区域和差别增强区域（当然适中区域中的点也是有分布倾向的），如果界面面积越大，每一行的内容越多，且越不统一，同时每一行的高度的不一致也更强，每一行的列数也越多，同时又不借助其他的辅助元素，他们界面斑马纹的颜色间隔就越大。反之亦然。

    在此复述：斑马纹的作用是将列表中每一行的内容进行区分，起到一种规整的作用。根据上述界面的分析，在一般情况下，仅使用颜色的“适中”间隔能满足这一需求，但在实际情况中根据界面的面积，每一行内容的复杂和统一程度，每一行的高度是否一致，每一行之间的留空多少，是否具有多列情况等诸多条件对这个“适中”进行倾向的调整。同时界面的诸多条件不可能同时作用，存在相互增强和相互抵消的情况，需要通过设计师自身能力和界面本身的实际情况进行判断。

    斑马 斑马 牵出来遛遛

    最终把斑马牵出来，对斑马深浅的颜色做了一个分析，两者间隔的点落在了差别适中的区域，同时靠近弱化区域的边际。


    图十七：微薄客户端的斑马纹在参考表格中的位置

    同时再来看看界面的实际情况，微博客户端的界面应该是一个中等面积的界面，每一行的内容较多，虽然只有单列，但内容非常的不一致，同时导致了每一行的高度非常的不统一。按照先前得出的结论，这样的斑马纹的颜色间隔显然是有点太弱了，间隔的点应该落在适中靠近增强边际的区域。

    再回过头来看看用户的反馈，惊叹啊，惊叹啊，群众的眼睛果然是雪亮的。其实对斑马纹的间隔增加3%我想就应该能解决大家的问题，斑马纹也能起到他应有的作用，同时不会干扰到信息被顺利的获取。
    Tags - , ]]>     http://www.gaolewen.com/read.php?123 <![CDATA[Web Design Trends for 2010]]> gaolewen <gaolewen(at)hotmail.com> Wed, 07 Jul 2010 03:39:27 +0000 http://www.gaolewen.com/read.php?123 点击在新窗口中浏览此图片

    This article is from webdesignerdepot

    Purists will say that great design is timeless. Yes, in an ideal world, we should ignore trends.Pragmatically speaking, though, there is a lot of value in monitoring and incorporating design trends, especially with regard to websites.Let’s face it: the web changes at a rapid pace. Unlike in other media, design trends on the web are not just driven by aesthetics.Technology is changing that can drastically alter the capabilities of the medium.In 2010, we’re seeing designers continuing to push the boundaries of web design, setting the following clear trends…
    Print Design
    Print design has always been a source of inspiration for the web. Web design has been around long enough now to cultivate a strong core of designers who have never worked in print. As a result, we are seeing more inspiration drawn from print, as these designers look beyond the web.

    Serif Fonts

    One of the most important issues of typography is legibility. Print designers have always favored serif fonts because the edges improve visibility and make letterforms easier to recognize.Sans-serif fonts have generally been considered easier to read on the screen. But with more users browsing at high resolution and the improvements in font-smoothing technology, serif fonts have become very legible for body text.

    Big Headings

    Print designers have been using big headings to grab attention for ages. Print material has had to be high impact if it was expected to be read at all. If you saw a dull brochure sitting on a desk, would you bother to pick it up? Probably not.This trend started in 2009 and has only grown in popularity. Large headings have been proven to grab attention and communicate clearly.

    Multi-Column Layouts

    Designers have to work within the constraints of their medium. Unlike the web, print offers no option for scrolling, being bound as it is by the dimensions of the paper. Using several columns allows you to fit more content in the same space.Now, with increased screen resolutions and the advent of grid layouts, more designers are adapting this method to the web to make websites easier to use and to fit in more content.

    Big Lead Image

    A picture is worth a thousand words. While it may be a while before a photograph has the same impact on the web as it does in print (which has much higher resolution), the adoption of broadband access has made big photographs more feasible.We are seeing more websites use large, high-impact images to draw users in and create an immersive experience.

    Diagrams and Infographics

    Print designers have been using graphics to convey complex information for years. This is seen most commonly in magazines and annual reports.Graphics can communicate complex relationships and ratios in a way that is too difficult to do with plain text. Infographics tend to have a simple yet visually rich appearance, and more designers are adopting infographics or mimicking the style in their designs.

    Simplicity

    Antoine de Saint-Exupery once said, “Perfection is achieved not when there is nothing more to add but when there is nothing left to take away.” The advantages of simplicity in design are many.Hick’s Law tells us that the time required to make a decision increases with every option. Additionally, the signal-to-noise theory tells us that anything that doesn’t add to the message or function of a website (the signal) gets in the way and makes the design less effective (the noise).Simple designs are easier to use and understand, and they allow for greater clarity in communicating messages.

    Minimalist and Grid Design

    Minimalism is powerful yet difficult to master. It contains nothing but the essentials. Everything else is removed, resulting in maximum impact of the elements that are present.Minimalist designs require a strong grid system to be effective. Naturally, they will have plenty of white space, and so without that grid, a minimalist design would feel disconnected and sloppy. The grid gives it organization and structure.

    One-Page Layouts

    There are several ways to simplify. A one-page layout exhibits two of these ways: hiding and removing.Effective one-page layouts hide any elements that are not a priority. If a user wants to see one of those elements, they can click to uncover it. This is much more effective than leaving everything visible, which would make the page complicated and overwhelming.Likewise, the principle behind one-page layouts makes additional pages unnecessary. With the availability of powerful JavaScript libraries and faster connections, many websites now have little need for several pages. Designers can easily fit information on one page, without bothering the user with a hierarchy.

    Massive White Space

    In the early days of web design, we didn’t have much screen real estate to work with, and so we didn’t show much white space. If you’ve ever tried to design a website for a 640×480 resolution, you’ll know exactly what I’m talking about.Now that we have higher resolutions and the ability to hide and reveal elements with JavaScript, harnessing white space is much easier.White space is critical to good design. It gives the eye a place to rest. It naturally improves the quality of a design. And it shows which elements are related to each other by way of proximity.

    Typographic Layouts

    Whereas we used to be confined to a few select “web-safe fonts” with very little control over how they were displayed, we now have a wide range of tools to enrich our typography.Web designers have long enjoyed using type as a subtle tool to communicate messages. With increasing control and capabilities, we’re seeing more designers focus on typography as the primary design element.

    CSS3 Techniques

    Not sure you can take advantage of CSS3 yet? Think again. Web pioneers such as Andy Clarke and Jeremy Keith have long preached about “progressive enhancement” in web design.Progressive enhancement is about designing websites so that they are usable on older browsers, while being “enhanced” for users who commit to the latest technology.Designing in this camp lets you take advantage of CSS3 properties such as rounded corners, border backgrounds and text and box shadows. Users on modern browsers will see the nicer version, and those on older technology (cough ¦ IE6 ¦ cough) will see the basic version.

    CSS3 Animation

    Animation on the web has gone through many stages. Initially, we could only animate with GIF image files. Then, we were pretty much limited to Flash. Now, we can select from Flash, Silverlight, GIF, JavaScript and even CSS3. Subtle animation can be memorable, and CSS3 makes it lightweight and easy.

    Rounded Corners

    The Web 2.0 style of 2005 and 2006 made rounded corners popular, to the point of being annoying. At the time, creating them was difficult. There was no set way to create truly rounded corners. Instead they were simulated with CSS, JavaScript hacks and image files.CSS3 now allows us to generate rounded corners directly in the browser, making them not only easier to create but also much more efficient, because the user doesn’t have to download additional images or JavaScript files.Designers are increasingly taking advantage of this new browser capability in 2010.

    Box and Text Shadows

    Using shadows to create a sense of depth has been done (and sometimes overdone) since the earliest days of the web. But it was not always practical. To add shadows to text, you had to use images, which increased loading time and made maintenance more difficult. Box shadows required several images and CSS tricks like “sliding doors.”CSS3 has highly customizable shadow capabilities, which allow for a wide range of creative effects, including not only drop shadows but inner shadows, too. Creative designers have already been using these CSS3 effects to simulate both embossed and imprinted effects.

    RGBa and Opacity

    For years, working with opacity and transparency on the web was near impossible. You had three choices: simulate transparency using flat images, deal with PNG’s cross-browser incompatibilities, or struggle with CSS’ basic transparency selectors and filters.CSS3 gives designers much better consistency and freedom in using opacity with the RGBa property. While you can take advantage of transparency in countless ways, one area that it has helped particularly is with complex backgrounds overlaid with semi-transparent colors. Previously, this effect was impractical or impossible to create without resorting to complex PNG images.

    Mobile-Compatible Design

    The mobile web has given millions of users the ability to check their bank account while waiting in line, look up the latest scores on the subway and update their Twitter status while driving. (Which one of these is a dangerous habit?) And the mobile web continues to grow rapidly.We have gotten to the point that every company has to consider whether their website will be used on the go, and if so how. Innovative companies have already invested heavily in useful and user-friendly mobile versions of their websites.

    Creativity

    The explosive growth in use of social media is proof that people want to connect and share things they are passionate about.In the design field, we have seen large growth in the sharing and browsing of other people’s work. As designers, we are now bombarded by everyone else’s creativity. Not only does this raise the standard of quality of design, but it encourages ideas to be shared, which contributes to a culture of creativity and innovation.

    Clean Illustrations

    If you’re like me, you grew up watching Disney movies, admiring all the effort that went into creating each frame of animation. We are well past the days when illustration was done in ink and markers, and this evolution in tools has led to some very creative approaches to design.Many designers are learning that smooth, clean, crisp illustrations create a distinctive feel that can’t be replicated by photography or simple clip art. The result is a wide range of professionally illustrated designs that are engaging and inviting.

    Textured Backgrounds

    Textured backgrounds are nothing new on the web. But this technique has seen an interesting variation in the last few months. I refer to it as “micro-textures”which are subtle, barely noticeable textures in the background.

    Thumbnails

    You may be saying, “Thumbnails have been around since the dawn of the web. How is this a trend?” True, they have always been used, but only very simply. You would have a thumbnail that you could click on to get a bigger image. It did the job but was boring.In the last few months, designers have started asking, “How can we make thumbnails more exciting?” This has led to an upswing in thumbnails that are both clever and usable.

    Watercolor

    As the web evolves, we are seeing more designers being inspired by a variety of sources and media. No surprise that the fine arts are among these sources.One of the styles that has emerged is the simulation of watercolors. The soft elegant look of this style is distinct and calming.

    Handwriting

    Handwritten and script fonts are abused the most. For this reason, many designers steer clear of both types either out of disgust or because of a fear of looking amateurish. But lately, many designers have found that, when used properly, the handwritten style conveys a sense of craft and planning. Used in the right context, it is a powerful way to communicate.

    Social Media

    With people spending more time on Facebook than Google now, no wonder designers are looking for innovative ways to integrate social media on their websites.Some designers have gone so far as to publish their content on social media networks and then use their websites to aggregate it.It is safe to say that as 2010 progresses, we will see more designers find creative ways to integrate social media onto their websites in order to better engage users.

    Fixed Elements

    Now that browsers better support the position: fixed element, we are seeing cleverer uses of it.There are plenty of situations in which a fixed element (such as persistent navigation) could serve the owner’s business objectives and make the website more usable.Fixed elements are memorable and enhance the user experience. They have countless creative uses, and we will continue to see designers take advantage of them.
    This guest post is a collaboration between the good folks at Web Hosting Search and designer and developer Ross Johnson. Check out Web Hosting Search for proper web hosting and 3point7designs for more web design awesomeness by RossWhich of these trends do you follow most? What are some other emerging trends?

    Tags - , , ]]>     http://www.gaolewen.com/read.php?122 <![CDATA[2010南非世界杯专用大巴及标语 / 2010 World Cup team buses]]> gaolewen <gaolewen(at)hotmail.com> Thu, 01 Jul 2010 03:51:20 +0000 http://www.gaolewen.com/read.php?122 点击在新窗口中浏览此图片

    继续世界杯系列

    每届世界杯FIFA都会给参赛球队配备专用的大巴车，此届赛事FIFA继续与韩国现代集团合作，每支参赛球队的专用大巴都基于国旗的色彩有自己的个性，此外车窗上还印有球队的标语。下面我们欣赏一下32支参赛球队的巴士车的设计：

    本文由乐闻设计整理，转载请注明出处

    South Africa – One nation, proudly united under one rainbow
    南非：一个在彩虹下的自豪之国
    点击在新窗口中浏览此图片


    France – All together for a new dream in blue
    法国：团结起来，为了又一个蓝色梦想。
    点击在新窗口中浏览此图片


    Mexico – It is time for a new champion!
    墨西哥：是时候出现新的冠军主人了!
    点击在新窗口中浏览此图片


    Uruguay – The sun shines upon us. Go Uruguay!
    乌拉圭：太阳将会指引我们前进，去吧乌拉圭!
    点击在新窗口中浏览此图片


    Argentina – Last stop: Glory
    阿根廷：一切只为最后的荣誉
    点击在新窗口中浏览此图片


    South Korea – The Shouts of Reds, United Republic of Korea
    韩国：为红色呐喊，大韩民国
    点击在新窗口中浏览此图片


    Nigeria – Super Eagles super fan united we stand
    尼日利亚：超级雄鹰，超级球迷，让我们团结起来。
    点击在新窗口中浏览此图片


    Greece – Greece is everywhere!
    希腊：希腊无处不在
    点击在新窗口中浏览此图片


    England – Playing with Pride and Glory
    英格兰：为了骄傲和荣誉而战。
    点击在新窗口中浏览此图片


    United States – Life, Liberty, and the Pursuit of Victory!
    美国：生命，自由，追求胜利。
    点击在新窗口中浏览此图片


    Algeria – Star and crescent with one goal: Victory!
    阿尔及利亚：星月结合只为一个目标：夺取胜利！
    点击在新窗口中浏览此图片


    Slovenia – With eleven brave hearts to the end
    斯洛文尼亚：带着11人的勇敢之心战斗到最后一刻
    点击在新窗口中浏览此图片


    Germany – On the road to get the Cup!
    德国：我们在夺冠的路上
    点击在新窗口中浏览此图片


    Australia – Dare to Dream, Advance Australia
    澳大利亚：敢于梦想，澳大利亚前进。
    点击在新窗口中浏览此图片


    Ghana – The hope of Africa
    加纳：非洲的希望
    点击在新窗口中浏览此图片


    Serbia – Play with the heart, lead with a smile!
    塞尔维亚：用心去比赛，用微笑去领先。
    点击在新窗口中浏览此图片


    Netherlands – Don’t fear the big five, fear the Orange eleven
    荷兰：不要害怕传统五强，请害怕橙色11人。
    点击在新窗口中浏览此图片


    Japan – The Samurai spirit never dies! Victory for Japan!
    日本：武士精神永存！日本为胜利而战！
    点击在新窗口中浏览此图片


    Cameroon – The Indomitable Lions are back
    喀麦隆：雄狮回来了
    点击在新窗口中浏览此图片


    Denmark – All you need is a Danish team and a dream
    丹麦：你需要的是团队和梦想。
    点击在新窗口中浏览此图片


    Italy – Italian Azzurro on African sky
    意大利：阿祖罗守护在非洲上空
    点击在新窗口中浏览此图片


    New Zealand – Kickin’ it Kiwi style
    新西兰：为新西兰而歌。
    点击在新窗口中浏览此图片


    Paraguay – The Guarani lion roars in South Africa!
    巴拉圭：让瓜拉尼雄狮在南非怒吼！
    点击在新窗口中浏览此图片


    Slovakia – Shake the green field: Go Slovakia!
    斯洛伐克：震动绿色之地，斯洛伐克加油！
    点击在新窗口中浏览此图片


    Brazil – The whole of Brazil is in here!
    巴西：巴西全部的力量都在这里！
    点击在新窗口中浏览此图片


    North Korea – 1966 again! Victory for North Korea!
    朝鲜：复制1966!胜利属于朝鲜！
    点击在新窗口中浏览此图片


    Ivory Coast – Elephants, let’s fight for victory!
    科特迪瓦：非洲大象，让我们为胜利而战！
    点击在新窗口中浏览此图片


    Portugal – One dream, one purpose… Portugal victorious!
    葡萄牙：一个梦想，一个目标，胜利属于葡萄牙！
    点击在新窗口中浏览此图片


    Spain – Hope is my road, victory my destiny
    西班牙：希望是我们前进的道路，胜利早已命中注定。
    点击在新窗口中浏览此图片


    Honduras – One Country, One passion, 5 Stars in the heart
    洪都拉斯：同一个国家，同一份激情，五星在我心中。(这个slogan好适合中国啊)
    点击在新窗口中浏览此图片


    Chile – Red is the blood of my heart, Chile will be Champion
    智利：我的心中流淌着红色的血液，智利将会是冠军。
    点击在新窗口中浏览此图片


    Switzerland – C’mon Switzerland!
    瑞士：瑞士最棒！瑞士加油！瑞士来吧！
    点击在新窗口中浏览此图片


    Tags - , ]]>     http://www.gaolewen.com/read.php?121 <![CDATA[ Android字体vs微软雅黑字体]]> gaolewen <gaolewen(at)hotmail.com> Sun, 27 Jun 2010 06:35:31 +0000 http://www.gaolewen.com/read.php?121 点击在新窗口中浏览此图片

    本文转自小伟的布拉格

    用了一段时间 Android 手机之后，不禁对系统中的字体产生了兴趣。因为看起来，Android 中使用的中文字体和 Windows 中使用的“微软雅黑”很像，我一度怀疑 Android 中使用的就是这个字体。今天有时间，就一探究竟吧。

    由于 Android 是基于 Linux 的操作系统，因此根据 Linux 上的经验，在手机上使用“ES文件浏览器”浏览到文件系统的 /system/fonts 文件夹，就可以看到系统中安装的字体。为了方便观察，我把它们复制到电脑上了：

    点击在新窗口中浏览此图片

    wbpluto的手机中一共有9个字体文件：1个为时钟显示准备的Clockopia，4种样式的无衬线(Sans Serif)字体，4种样式的衬线(Serif)字体。关于衬线和无衬线，各位可以上网搜索一下相关的介绍了解。

    这9个字体文件中，Droid Sans Fallback 体积明显较大，达到4.2MB，而其他的只有一百多KB。原来，其他字体只包含了西方文字字符，因为西方文字都是拼音文字，只需要少量字符就可以拼成各种单词，而中日韩等东亚文字基于“型”而不是基于“声”，因此字符成千上万，非常多。在计算机系统中，为西方文字准备的字体都非常小，不包含东亚字符，为了解决在使用西方字体时无法显示东亚文字的问题，就采用了目前这种方式：将一种字体与另一种（或多种）字体链接，遇到第一种字体无法显示的字符，自动调用链接的字体来显示。


    例如在 Android 系统中，Droid Sans 是默认字体，只包含西方字符，应用程序默认情况下都会调用它；而 Droid Sans Fallback 包含了东亚字符。当需要显示的字符在 Droid Sans 字体中不存在（如汉字），即没有对应编码的字符时，系统会到 Droid Sans Fallback 中去寻找相应编码的字符，如果找到，则使用 Droid Sans Fallback 字体来显示它，如果仍然找不到该编码对应的字符，则系统无法在屏幕上显示出这个字符。

    各种操作系统中都有这样的运行机制，例如在英文版的 Windows 7 系统或英文版的应用软件中，界面默认采用的是在开发 Vista 时专门为屏幕显示而全新设计的 Segoe UI 字体，其中并不包含中文字符，但当系统需要显示中文字符时，会自动去调用对应的“微软雅黑”字体来显示（如下图）。当然，这一链接关系是保存在 Windows 注册表中的，我们可以通过修改注册表来改变它。

    点击在新窗口中浏览此图片

    下面，通过一幅图来对比一下 Droid Sans Fallback 和 微软雅黑这两个长得非常像的字体：
    点击在新窗口中浏览此图片

    1. 雅黑字体显得更宽。但根据整行汉字来看，雅黑单个字符的宽度并没有更宽，只是减少了边缘的空白，使字间距变小，相邻两个字的笔画几乎要挨在一起了。
    2. 雅黑字体笔画分布均匀，如“地”字，四条竖线之间的间隔一致。
    3. 雅黑字体布局更合理，如“图”字里面的“冬”看起来重心很稳，而 Droid Sans Fallback 中的“冬”有点要倒的感觉。
    4. 由于宽度和笔画布局上的不同，造成雅黑字体看起来更丰满（肥），更紧实。
    5. 这两种字体都是非等宽字体，可以看出雅黑的英文字母和数字普遍更宽（中文由于是方块字，宽度没有区别）。
    6. 雅黑在可能的情况下笔画更长，例如“号”字下方的勾，这样在小字号时可读性更好。
    7. 小字号情况下，雅黑字体仍然显得大一些，并且由于笔画的间距控制得较好，更容易看清楚每个字，相比之下，Droid Sans Fallback 笔画黏在一起的情况稍微严重一些（如“最”字）。
    8. 仔细观察一下，小字号时的雅黑字底部并没有完全对齐，而 Droid Sans Fallback 对得很整齐。因此雅黑在小字号时有点大小不一，这也是其广为诟病的一点。

    需要说明的是，虽然字体文件中指定了字符的笔画，但字符的渲染效果仍然和系统环境有关系，上图是使用 Photoshop 制作的，和手机上的显示效果不完全相同。尽管如此，由于处在同一个渲染环境下，我们仍然可以对比出两种字体的区别和各自的特点。

    目前，网上已经有人在制作使用微软雅黑字体的 Android 手机 ROM。我个人认为，这两种字体已经非常相似，都具备了现代字体的特点，以上列出的差异都是细节上的，对于屏幕阅读来说并不是那么重要。因此使用这两种字体当中的哪一种可以根据爱好选择，你有权更喜欢前者，也有权更喜欢后者，智能手机机玩的就是自由和定制性，只要用起来顺心，得到满足和方便就行。
    Tags - , , ]]>     http://www.gaolewen.com/read.php?120 <![CDATA[世界杯主题页面Head]]> gaolewen <gaolewen(at)hotmail.com> Tue, 22 Jun 2010 15:11:55 +0000 http://www.gaolewen.com/read.php?120 点击在新窗口中浏览此图片

    出于对世界杯球赛的热情，做了一种世界杯主题的blog head，算是自娱自乐吧。以后有机会遇到大型活动和节日，也许可以做做更多的尝试。
    每天都能看世界最高级别的足球比赛实在是件很爽快的事, 我今年支持阿根廷队，虽然我不大认可马拉多纳的指教能力，呵呵。Go! Argentina!

    让我们一起享受世界杯带给我们的快乐吧!
    Tags - ]]>     http://www.gaolewen.com/read.php?119 <![CDATA[Google推出世界杯专题页面]]> gaolewen <gaolewen(at)hotmail.com> Thu, 17 Jun 2010 15:44:38 +0000 http://www.gaolewen.com/read.php?119 点击在新窗口中浏览此图片

    Google 的2010南非世界杯专题页面已经上线，包括了 Chrome 扩展 / 主题，iGoogle 主题 / gadget，南非 Street View， 3D 体育场和搜索 onebox 的链接。其实每次重大活动 Google 也就是这一套。

    点击在新窗口中浏览此图片

    点击这里进入。

    via googleblog
    Tags - ]]>     http://www.gaolewen.com/read.php?118 <![CDATA[11个让你成为用户体验专家的博客]]> gaolewen <gaolewen(at)hotmail.com> Sat, 05 Jun 2010 05:26:19 +0000 http://www.gaolewen.com/read.php?118
    UX Magazine

    UX Magazine集中了很多讨论用户体验原则的内容.
    点击在新窗口中浏览此图片

    Signal vs. Noise

    Signal vs. Noise是37 signals的博客.37 signals打造了很流行地网页应用像basecamp, 他知道一个或两个东西关于用户体验.
    点击在新窗口中浏览此图片


    UX Booth

    UX Booth 是一个用户体验社区.里面有很多有用的文章或资料关于可用性,用户体验和互动设计.
    点击在新窗口中浏览此图片


    Adaptive Path Blog

    Adaptive Path 创造了用户驾驭地产品可以递交伟大的体验.他们的博客允许他们有机会来分享他们学到地东西.
    点击在新窗口中浏览此图片


    UsabilityPost

    Usability Post 是一个关于设计的博客,不单单网页是长什么样,还是它怎么工作的.Usability Post 是用来提供相关的资源,贴士关于很好的设计来帮助你制作好的产品.
    点击在新窗口中浏览此图片


    inspireUX
      
    点击在新窗口中浏览此图片


    456 Berea Street

    456 Berea Street 是瑞典网页专家（Roger Johansson）的博客。他写了关于网页标准，可用性和其他关于用户体验的主题。
    点击在新窗口中浏览此图片


    Functioning Form

    Functioning Form是一个博客关于界面设计。也就是说，在这里，艺术和科技成为一种体验，在这里，消息和媒体合并在一起，在这里，互动是很重要的和享受。
    点击在新窗口中浏览此图片

    A List Apart

    关于网页标准和实践。
    点击在新窗口中浏览此图片


    Boxes and Arrows

    关于实践，发明和设计的讨论
    点击在新窗口中浏览此图片


    EverydayUX

    EverydayUX是一个博客关注于那些设计尤其是关联到互动设计。
    点击在新窗口中浏览此图片

    【本文翻译仅为外语学习及阅读目的，原文作者个人观点与译者及本站无关】

    Tags - ]]>     http://www.gaolewen.com/read.php?117 <![CDATA[ESPN’s 2010 FIFA World Cup Poster]]> gaolewen <gaolewen(at)hotmail.com> Wed, 02 Jun 2010 05:38:25 +0000 http://www.gaolewen.com/read.php?117 点击在新窗口中浏览此图片

    2010年南非世界杯已经进入最后的倒计时，近日，ESPN推出了一组以世界杯32强为主题的手绘海报。在这组颇有漫画性质的海报中，32强每支球队的特点都是展现的淋淋尽致，卡卡、梅西、C罗、托雷斯等球星也自然成为各支豪门的代表性人物。而略显遗憾的是，由于受伤无缘南非世界杯，但德国队长巴拉克依旧还是德意志海报中的绝对当家球星。

    ESPN have recently released their brilliant advertising campaign for this summer’s World Cup in the form of creatively designed artistic murals. 33 in total, all 32 nations are represented with the above placed South Africa World Cup mural to highlight what’s to come. Continuing reading after the break to view each nation’s unique and colorful mural. Visit the official Facebook site to download each one of the murals as you anxiously await June, 11th.


    South-Africa
    点击在新窗口中浏览此图片

    This proud African nation gets the distinct pleasure of hosting the first World Cup on African soil, but will South Africa get the not so distinct pleasure of being the first host nation to not advance from the group stages?

    作为本届世界杯的东道主，南非对于赛事寄予了多种期望，所以在海报中，球迷头顶上既有象征冠军的大力神杯，也表现出对于好天气的渴望，至于巴西籍主教练佩雷拉的微笑，也反映出南非对于成功举办本届比赛的乐观态度。


    Mexico
    点击在新窗口中浏览此图片

    El Tri will look to build upon the turn around of sorts they enjoyed when current boss Javier Aguirre took over from the lackluster Swed Sven-Goran Ekirsson. They also came out on the short end of a meeting with England but impressed with their speed and passing abilities.

    包括教练和球员在内，墨西哥队内的多名成员共同摆出了一个“大力神杯”的造型，在这座“奖杯”的底座部分（墨西哥金字塔），则出现了无数进行欢呼的球迷。可见在国内球迷的支持之下，这支中北美劲旅本次将向世界杯冠军发起冲击。

    Uruguay
    点击在新窗口中浏览此图片

    Uruguay are one of only seven nations to actually win the Cup when they did it first time out in 1930 and proved it was no fluke by accomplishing it again in 1950. Having fallen a long way since those glory days, Uruguay haven’t progressed to the round of 16 since 1990 and failed to even qualify in 2006.

    在乌拉圭足球的历史上，最辉煌的成就莫过于那两座世界杯冠军，所以本次在海报中，也重点突出了两座雷米特金杯（老款世界杯）的形象。至于位于太阳中心的那个肖像，则是借鉴了核心球员弗兰的形象，反映出他在球队中的绝对领导地位。

    France
    点击在新窗口中浏览此图片

    Will Les Bleus over-achieve like they did in 2006 or under-achieve like they did in 2002? Is Raymond Domenech really the right man to mold all that incredible French talent? We’ll soon find out.

    法国队的海报借用了著名的“三剑客”典故，以亨利、阿内尔卡和里贝里为代表的这些攻击手，将在世界杯上联手亮剑。当本届比赛结束时，这三个火枪手肯定希望将大力神杯作为自己的战利品，并且将其带回凯旋门。

    Argentina
    点击在新窗口中浏览此图片

    The MESSI like Lionel Messi steams toward goal as a proud nation remembers earlier victories claiming the world title in ‘78 and ‘86. Can a once proud son lead La Albiceleste and the current best footballer on the planet to another title on 2010?

    作为阿根廷队的头号球星，梅西当仁不让地出现在了海报中，脚下的金球则代表了他在去年捧起欧洲金球奖的辉煌。海报中还出现了两座分别标有“78”和 “86”字样的皇冠，至于梅西的目标，应该是创造出第三座标有“10”的新皇冠。

    Nigeria
    点击在新窗口中浏览此图片

    The fantastic Super Eagles will look to soar high above their opponents led by Obafemi Martins, the experienced Kanu, and Mikel John Obi. Like the other African nations competing, Nigeria have the advantage of playing together as a team in the 2010 African Cup of Nations earlier this year where they made the semi final.

    尼日利亚队的绰号是“非洲雄鹰”，所以在为他们制作的海报上，也出现了雄鹰的形象，驾驭雄鹰的是该队核心米克尔。这只雄鹰脚踩足球、翱翔蓝天，对于该队来说，本次希望在非洲大陆上重现14年前在亚特兰大奥运会上夺取男足金牌的辉煌。


    South Korea
    点击在新窗口中浏览此图片

    South Korea seem to always make a good show of themselves in the World Cup. 2002 and that incredible run to the semi finals wasn’t so long ago. With another quick attacking squad, South Korea would love nothing more than to repeat their results in 2002.

    对于被称为“太极虎”的韩国队，海报进行了一些很有趣的处理，在韩国国旗的太极图案前描画了一头猛虎。乍一看，这头猛虎似乎被禁锢在牢笼之中，可仔细看来，却发现它已经折断了一根栏杆，似乎象征着2002年的世界杯韩国队跻身四强的历史性突破。

    Greece
    点击在新窗口中浏览此图片

    Onward the Greeks! They figured out modern civilization and a way to win Euro 2004, can they figure out how to get out of their group this summer?

    希腊队的海报充满了神话色彩，一位插上了翅膀的天使屹立在船头，主教练雷哈格尔在后方运筹帷幄，球员们则是齐心协力地共同划桨。6年之前，这艘“诺亚方舟”曾在欧锦赛赛场上掀起巨浪，不知道这次在南非是否还能续写神话。

    England
    点击在新窗口中浏览此图片

    Rooney, Gerrard and the rest of the England players look to finally impress on the world stage and add another W next to the year 1966. 2010 may just be England’s best chance to “bring football home” with the brilliant Fabio Capello at the helm.

    鲁尼、兰帕德还有杰拉德，这些著名球星在海报中扮演起了“纤夫”，卡佩罗则隐藏在他们身后进行指挥。至于被他们拖拽的对象，则是写有“66”字样的巨碑，可见英格兰队的目标很明确，那就是重现在1966年夺得世界杯冠军的那一幕。

    USA
    点击在新窗口中浏览此图片

    Depicting a dramatic scene from the Revolutionary War when the USA defeated the British, the Yanks will hope to defeat them, well at least the English, when they face England in one of the most important opening group stage matches the USA has ever played. Many will be watching.

    和希腊队的海报相类似，在美国队的海报中同样以船只为主题。这张画是模仿名画《华盛顿渡过特拉华河》画的，代表他们以弱者姿态战胜强敌的决心。只是与希腊人的那艘华丽战舰相比，美国队的这艘小船未免显得有点寒酸，球员们的脸上也并没有表现出太强的自信，不知道这是不是代表了绘画者不看好美国队的态度？


    Algeria
    点击在新窗口中浏览此图片

    Wolves howl in a South African dusk as the Algerian team celebrates a potential group stage victory over England or the US as a rabid nation looks on excitedly.

    与其它球队海报充满浪漫主义的风格不同，阿尔及利亚队的海报则显得更为写实，画面中以球队获胜后的狂欢为主题。对于自从1986年之后再也无缘参加世界杯的这支球队来说，或许参赛本身就是一个值得狂欢庆祝的理由。



    Slovenia
    点击在新窗口中浏览此图片

    Could that bear be the England National team? I’m not so sure, but the Eastern Europeans will look to slay the USA and Algeria in hopes they can make it out of the group for a potential round of 16 match up v Germany.

    与那些传统豪门相比，斯洛文尼亚队既没有显赫的历史战绩，也没有豪华的阵容配备，所以该队将在本届世界杯坚决贯彻防守反击的战术。在海报中，战士也将盾牌摆在了最前方，然后随时准备用另一只手紧握的利剑完成防守反击。


    Germany
    点击在新窗口中浏览此图片

    What a photo. They’re now without their Captain and leader Michael Ballack, but one should never underestimate the mighty Germans. Calling on greats from Germany’s past, Ballack will hopefully pass on his leadership role to another as Germany looks for glory in South Africa.

    在德国队的海报中央，巴拉克佩戴着队长袖标挥舞双臂，头顶上则是象征着三座世界杯冠军的三颗星。但令人感到遗憾的是，作为海报中的主角，巴拉克已经确定无缘参加本届世界杯，德国队必须在失去这位核心的情况下继续前进。

    Australia
    点击在新窗口中浏览此图片

    The Aussies made a good show of themselves in 2006 and will look to build upon that respectable performance when Tim Cahill and Co battle what looks to be one of the groups of death featuring Germany, Serbia and Ghana.

    作为澳大利亚队的中场核心，卡希尔在海报中被描画成为了一位“袋鼠拳击手”，一方面是拖着沉重的身躯，另一方面倒是挥舞着自己的双拳。除此之外，将卡希尔安排在角球区的想法，不知道是否预示着澳大利亚队将会依靠角球战术建功？

    Serbia
    点击在新窗口中浏览此图片

    Serbia posses a strong starting eleven featuring the likes of Nemanja Vidic, Neven Subotic and Dejan Stankovic. They’re big, strong and will look to avenge their first round exit from 2006.

    对于塞尔维亚队来说，这是他们历史上第一次以这个国名出现在世界杯赛场上。所以在海报中，也重点突出了“塞尔维亚”的字样。另外当球员脚踏巴尔干半岛时，身边还出现了两只和平鸽的形象，让人联想到这个国家所经历的诸多波折。

    Ghana
    点击在新窗口中浏览此图片

    Another vitally important player that will miss out because of injury, Michael Essien carries not only the flag, he carried Ghana’s best chance of making an important run in South Africa. Ghana will look to avenge their loss in the final of the 2010 African Cup of Nations to Egypt as they play their second major tournament on the continent this year.

    和德国队一样，在加纳队的海报中同样出现了一位已经无缘世界杯的人物。如今看到埃辛挥舞国旗向前冲刺的场景，未免令人感到有点伤感。不知道这样一幅海报，能否在加纳队中产生“哀兵必胜”的积极效果？

    Netherland
    点击在新窗口中浏览此图片

    The flying Dutchmen anyone? Many a football fans second favorite team, the Dutch always play their positive brand of attacking football and could be a favorite to win the title if they can avoid a classic meltdown in later stages.

    荷兰队的海报借鉴了“超人”的创意，在这个国家的土地上，接连飞起了包括范佩西、罗本在内的多位“超人”，给人以一种“一飞冲天”的感觉。而且细看之下，这幅画面可能也正好预示着荷兰队未来在主力阵容中有可能排出的攻击组合。

    Denmark
    点击在新窗口中浏览此图片

    Olsen’s Eleven, very clever take on the heist film. Martin Olsen and Denmark are a European side not to be underestimated. They finished first in their group ahead of Portugal, Sweden and Hungary. A group stage match up with fellow European representatives the Netherlands looks set to be a good one.

    丹麦足球历来具有强调整体配合的特点。所以在球队海报中，也重点强调了“奥尔森11人”这个概念，并且将主教练奥尔森的形象摆放在最前面和最中间——而 “奥尔森11人”正好与好莱坞大片《十一罗汉》的名字谐音。


    Japan
    点击在新窗口中浏览此图片

    One of my favorite murals from the lot of them, this brilliant depiction of a classic Japanese striker-samurai shredding and slicing through rival nations while continuing to hold up the ball is a treat.

    日本队在海报中的形象多少显得有点恐怖，在太阳旗的背景之下，一位全副武装的日本武士手持利刃。细看之下，还会发现武士刀已经刺穿了荷兰队、丹麦队和喀麦隆队这三个小组对手的球衣，整幅画面给人以一种咄咄逼人的感觉。


    Cameroon
    点击在新窗口中浏览此图片

    Samuel Eto’o and the rest of the lion-esque Cameroon squad will look to thrive on the fact they’ll be on their home continent come this June. The goal-scoring Eto’o has just come fresh of a treble winning domestic season with Inter Milan and will look to keep his good form with his country.

    既然喀麦隆队被称为“非洲雄狮”，那么画面中自然少不了一群形态威武的狮子。在它们的身前，则是一位满脸杀气的球员。本次由于世界杯在非洲大陆上举行，这群“雄狮”也能找到本土作战的感觉，会给对手们带来巨大的伤害。


    Italy
    点击在新窗口中浏览此图片

    Defending Champions are never easy to eliminate – just ask Inter Milan about Barcelona. The Italians aren’t being picked by many to repeat which could ultimately benefit the notoriously slow starting Europeans. They’d love nothing more than to fly under the radar to the quarter and semi finals only to shut down the opposition en route to another final.

    作为卫冕冠军，意大利队目前还是大力神杯的拥有者。所以正如海报中所反映的那样，在未来的世界杯赛场上，意大利球员将面对来自各方针对性的攻击，而这些 “古罗马斗士”的目标只有一个——那就是全力捍卫身后的金杯。


    Paraguay
    点击在新窗口中浏览此图片

    They finished ahead of Argentina in the difficult CONMEBOL World Cup qualifying group which proves Paraguay possess some quality. Led by Nelson Valdez, Paraguay will be a strong South American team that should progress out of group F with Italy.

    巴拉圭队的海报比较实而不华，作为该队的主力球员，巴尔德斯出现在了画面中央，他左右手分别握有棕榈和橄榄枝条，摆出了巴拉圭国徽的造型。如此一种低调作风，倒是恰如其分地诠释了这支南美球队所具有的特点。


    New Zealand
    点击在新窗口中浏览此图片

    The lone qualifier from Oceania, New Zealand will face three difficult group stage matches and will be facing a miracle if they advance. Great photo though.

    新西兰的很多运动队在参加国际大赛时，都会在开场前跳上一段著名的“毛利战舞”。所以在该队的海报中，三名球员也摆出了“毛利战舞”所具有的独特造型。由于久违世界杯赛场的缘故，他们目前已经迫不及待地等待着比赛的揭幕。


    Slovakia
    点击在新窗口中浏览此图片

    Having qualified for their first finals, Slovakia will face Italy and Paraguay in the group stages. Their best chance for a meaningful result will be when they clash against New Zealand. Looks cold.

    作为一支首次参加世界杯的新生球队，斯洛伐克队的出线给整个国家带来了巨大的欢乐，这种气氛也在海报中得到了体现。在球员跪地庆祝的动作之前，则专门注明了斯洛伐克队在国际足坛的绰号——“Fighting Jondas”。


    Brazil
    点击在新窗口中浏览此图片

    The once star of the national team looks to carry the weight of enormous expectations of Brazil and may even be celebrating a bit early. Hey, there’s even a bikini in the audience.

    在巴西队的海报中央，出现了著名球星卡卡的形象，但这并非海报最具有吸引力的一个地方。真正值得关注的，其实是右下方那个与常见样式并不相符的巴西队徽，其中的关键区别，就是这个队徽已经在上方为象征冠军的第六颗星留出了位置。


    North Korea
    点击在新窗口中浏览此图片

    If Cape Verde can hold fellow group G participants Portugal to a 0-0 draw, you better believe the organized and defensively minded North Koreans can do the same. On paper, they should exit the group stages with 0 points, but don’t underestimate North Korea being difficult to break down.

    作为本届世界杯上最具神秘色彩的一支球队，朝鲜队的海报也显得非常特别。在红色五角星的背景下，一名朝鲜球员骑在长着翅膀的千里马之上，千里马，象征朝鲜的“千里马运动”，其造型模仿朝鲜的千里马雕像；同时还摆出了振臂高呼的造型，表现出对于在世界杯上创造奇迹的强烈渴望——注意，这匹马是黑的！



    Ivory Coast
    点击在新窗口中浏览此图片

    Cote d’ Ivoire led by the brilliant Didier Drogba, Salomon Kalou and the brothers Toure are another African nation that will look to impress with former England boss Sven-Goran Eriksson at the helm. They’ll attack with purpose and defend bravely. Surely a dark horse for many making predictions.

    科特迪瓦队的绰号是“大象”，所以在海报中也出现了多名科特迪瓦球员骑着大象前进的画面。出现在最中央位置的，则是该队的头号球员德罗巴，这位老将的状态好坏，将在很大程度决定球队的未来前途。


    Portuga
    点击在新窗口中浏览此图片

    There seems to be some questions surrounding this Portugal team as they enter into June. One doesn’t get a sense of confidence when watching them especially after leaving qualifying late. Still though, with players like Cristiano Ronaldo and Nani, Portugal can’t be over-looked and are always dangerous.

    作为葡萄牙队的头号球星，C罗当仁不让地出现在了海报中央。而且绘画者似乎受到了“千手观音”造型的启发，也给C罗绘制了无数条腿，用这种方式来表现出他魔术般的脚法，同时给人以一种眼花缭乱的感觉。


    Spain
    点击在新窗口中浏览此图片

    Fernando Torres slaying Brazil, Germany and Italy for their first World Cup title? Not so sure, but Spain seem to be odds on favorite to do just that. There may not be a better passing team out of the 32 and a potential final v Brazil could be one of the best ever.

    在西班牙队的海报中，出现了传统的斗牛士形象，9号托雷斯手持利剑面对来自各方的“公牛”。如果对这些“公牛”身上绶带的颜色进行分析，会发现那可能分别代表了德国队、意大利队还有巴西队这些夺冠道路上的劲敌。


    Switzerland
    点击在新窗口中浏览此图片

    If I’m not mistaken, Switzerland didn’t concede a single goal last time out, yet they failed to progress out of the group stages. Can the Swiss bolster their defensive squad with a little flair and some goals in 2010?

    对于缺乏明星球员的瑞士队来说，最大的财富莫过于他们的主教练希茨菲尔德。所以在海报中央，也重点突出了这位德国名帅的形象，他手拿瑞士军刀，整支瑞士队就像是一个船模那样被他握在手中。


    Honduras
    点击在新窗口中浏览此图片

    They may have erected a statue of American defender Jonathan Bornstein in Tegucigalpa, but the Hondurans didn’t get to South Africa by the head of Bornstein. Honduras have a difficult group stage run having to face Spain, Chile and Switzerland. They’ll want to represent their nation and CONCACAF well, but will need to be at their best.

    进军世界杯决赛阶段，是洪都拉斯足球多年来的梦想。所以在成功圆梦之后，每一名球员脸上都洋溢着欢乐的表情，共同举起了写有“洪都拉斯”字样的版图。


    Chile
    点击在新窗口中浏览此图片

    The Chileans are quick and will most likely play 3 at the back. They’ll be exciting to watch when they commit that many players forward. Their group stage clash with Spain is sure to delight.

    在智利队的海报中，突出了阿根廷籍主教练贝尔萨的形象，在他的身边，则是本届南美区预选赛的头号射手苏亚佐。在这两位核心人物的下方，除了其他几名智利球员的身影之外，还有这个国家的著名格言——“依靠公理或武力”。


    点击在新窗口中浏览此图片


    你认为哪支球队最终会拿得冠军呢？
    Tags - , , , , ]]>     http://www.gaolewen.com/read.php?116 <![CDATA[2012伦敦奥运会吉祥物正式发布]]> gaolewen <gaolewen(at)hotmail.com> Mon, 24 May 2010 08:52:30 +0000 http://www.gaolewen.com/read.php?116 点击在新窗口中浏览此图片

    北京时间5月20日凌晨（英国当地时间5月19日晚），2012伦敦奥组委公布了伦敦夏季奥运会和残奥会的吉祥物。精灵文洛克成为奥运会的吉祥物，而残奥会的吉祥物名为曼德维尔。

    伦敦奥组委此次并没有为吉祥物的揭晓而举行任何声势浩大的仪式。在BBC（英国广播公司）的节目中，他们通过一个动画短片揭开了吉祥物的神秘面纱。工人 们正在炼钢厂为奥运会场馆的建设努力工作，在钢柱出炉的刹那，两滴钢水落在地面。老工人将两个冷却凝固的钢块捡回家，并且雕琢成了两个长着一只大眼睛的精灵，伦敦奥运会吉祥物就此诞生。

    点击在新窗口中浏览此图片

    至于吉祥物的名字由来，伦敦奥组委也给出了解释。奥运会的吉祥物文洛克来自于马齐文洛克的施罗普希尔 村。在那里，曾经举办过文洛克奥伦匹克运动会。而这项古老的赛事正是现代奥运之父顾拜旦创造现代奥林匹克运动会的灵感来源地之一。为了纪念文洛克奥林匹克 运动会，伦敦奥运会决定将吉祥物命名为“文洛克”。

    伦敦残奥会吉祥物的名字曼德维尔则是受到了白金汉郡斯托克曼德维尔的启发。在上世纪 的40年代，古特曼医生在斯托克曼德维尔医院建立了脊髓科，帮助所有受到脊髓疾病伤害的退役军人。在当时，并没有很好的医疗手段，所以古特曼医生鼓励他们通过参加体育运动达到康复的目的。随后，这样的体育运动演变成为斯托克曼德维尔运动会，而这项赛事也被认为是现代残奥会的先行者。

    点击在新窗口中浏览此图片

    点击在新窗口中浏览此图片

    值得注意的是，在吉祥物的头上还有黄灯标志。据称，这是来自于伦敦的标志性出租车。而文洛克手上戴有奥运友谊手环，曼德维尔则有秒表。他们的大眼睛事实上还有照相功能，目的是见证他们每一个去过的地方和见过的人。

    伦敦奥运会和残奥会的吉祥物充满了想象力，富有超现代的感觉，而他们背后所蕴藏的含义也让国际奥运会看到了伦敦人民对于奥运会这项赛事的尊重和憧憬。虽 然2012奥运会的会徽一直被认为过于抽象而遭到批评，但这一次吉祥物的可爱却让国际奥委会非常满意。接下来，伦敦奥组会将全面使用文洛克和曼德维尔的形 象进行奥运会的宣传，他们也将成为2012伦敦奥运会的象征。
    Tags - , , ]]>