BLUEFISH 既然不能飞翔那就尽情游动

这篇文章翻译至：http://www.webdesignfromscratch.com/current-style.cfm

它总结了一些当前网站设计风格的发展趋势。但是我得先提一句，它说的都是西方网站，未必适合我们中国网站的情况和中国网民的审美观。如果能给你一点点参考和借鉴的价值，就足够了。

————–Enjoy！————–

我很高兴看到2006年的网站设计比以往任何时候都要好。这并不仅仅是因为现在有更多的网站，因而可以找到更多长得不错的。事实上还是有很多长得抱歉的。我想是因为有越来越多的网页设计师比以往更懂得该如何做设计。

下面的这些例子显示了现代图形设计技术的精彩。它们看起都很漂亮、干净而且容易使用。

最热门的

我并不是说下面这些就是最好的，但它们是典型：

» The Alternative Energy Store

» Gr0w collective

» Forecast Advisor

» emaginacion.com.ar

» iconbuffet.com

» Save Longstone Edge

» iomega.com

» linkedin.com

» mozilla.org

» Rapid Mortgages

» plaxo.com

» Prolotize

 

共同的特点

以上这些网站都有下面的特征：

• 布局简单
• 中心定位
• 3D效果
• 柔和,自然的背景色
• 颜色鲜亮（要谨慎使用）
• 可爱的图标（也要谨慎使用）
• 有许多留白
• 大字体

我们一个一个来说。

布局简单

和几年前相比，设计师们似乎正在寻找更加简单的单栏或双栏布局。总的感觉就是设计师们普遍认同简单的页面表现更好。阅读这类页面只需要从上看到下即可，你的眼睛不用在页面上转来转去拼命寻找想要的东西。同时在浏览过程中它也提供更加平和、稳定的浏览体验。

中心定位

从上面的这些网站还可以发现第二个特点，它们的内容都分布在中轴线附近。

大概两年前，你可以找到很多“流动布局”和“左对齐并固定宽度”的布局，现在内容开始在出现在屏幕的中央。

左对齐的布局方式已经不如以前常见了，流动布局（全屏）也没有这么流行了。

尽可能在“一屏”以内显示更多的信息似乎是一直以来的至理名言（也就是尽可能不要滚屏）。而流动布局可以达到这一点。然而，现在我们似乎不太介意滚屏了，而且我们更乐意发挥由滚屏带来的优势，比如更多的留白和行高。

有节制地使用3D效果

上面所有的网站都使用了一些很细致的斜面、给分隔条的边缘来个轻微的倒角、给背景一点点空间感、或者使用一些很“跳”的带着浮雕和阴影的图标。倒影和渐变非常普遍，阴影也还在使用，不过非常小心。

到处都是带着闪光图案的商标：

柔和,自然的背景色

上面这些网站都有一个朴素的背景，最流行的就是白色和灰调渐变。这样的背景提供了一个又酷又柔和又中立的环境，让那些抢眼的颜色可以引导用户的目光。

颜色鲜亮（要谨慎使用） 

柔和、时髦的背景色为添加吸引眼球的特性提供了极好的基础，而强色调高对比度非常适合页面上的其他重要元素。

Iomega比其他几个网站用了更重的颜色，它的推广区域使用了浓烈的暗红色。然而这并没有淹没页面上的其它部分，因为它采用了一致的色调和简单的形状。

可爱的图标（也要谨慎使用）

有一个“规则”：不要在同一个页面上使用太多好看的元素（这样会影响用户的注意力）。（译者注：所谓适可而止）

抢眼的颜色、3D效果、漂亮的图标和按钮可以给页面增加一些闪光点，给人一种高品质的感受。但是，如果用滥了，就会产生一种叠加效应，使页面变得混乱，用户变得迷惑。

     

有许多留白

Today’s web designs are so fresh, they feel like they’ve taken a deep breath.

有时候我甚至想把一些非常拥挤的网页粘到气球上，然后一直吹气直到页面上所有东西之前都有足够的空隙。

我们的眼睛需要被注视物的周围有一定的空间，这样才能看清楚它是个什么玩意儿。

一般来说，留白越多越好。我极少看到一个页面，然后会想：“唉，他们一定要再加点内容上去才行！”。

当然，留“白”不一定是白的，但它必须留出一定的空间。

很高兴地看到现在有很多设计都使用了合适大小留白，页面上的元素之间有足够的空隙。同时为了屏幕阅读也设定了额外的行间距。

看看这些让人舒服的留白吧！

   

大字体

我并不是说你网站上的所有文字都要大得让人吃惊。事实上，在某些情境下，小字体也不错。

真正优秀的设计应该是这样：

让重要的文字比一般的文字更大

就像我们在上面提到的设计方法一样，它只有在一定的模式下使用才能起作用。如果所有的文字都很大，那就没有一个是大的了。

用大字体让你的访客迅速地了解这个页面是关于什么的，什么是重要的，并且指出接下来他们可以在哪里找到想要的东西。

 

虽然没有什么官方标准说web2.0应该如何如何，但其实细心点还是会发现一些共同的视觉特征。这篇文章出自著名的字体研究网站，对web2.0网站的标志（logo）进行了分析。

Web2.0从品牌上来说一个共性就是开放和友好，颜色使用往往努力追求轻松愉快明丽，很多的天蓝色，橘红色等等，有时候我们开玩笑说web2.0的官方颜色为：水果绿（lime green，有些青涩的绿色）。（嘿，的确看到很多优秀的web2.0网站是这个颜色）
接着，作者很细心的整理了品牌特征明显的web2.0网站的Logo,分析了他们所使用的字体。

柔和型（The Softies）

一个很明显的趋势－－使用比较柔和的，圆角的字体。
A clear trend in new identities is the use of soft, rounded typefaces dominated by VAG Rounded (AKA Rundschrift), but also including Helvetica Rounded, Arial Rounded, Bryant, and FF Cocon. All of these lend a modern friendliness to what might otherwise be a cold trademark. Here are a few examples:

像《随园食单》这样的典籍，在一个国家主席以红烧肉为奢侈的时代，书店里估计是找不到的。食色之术，唯有民丰物阜的时代，方得其发扬之时机。物各有其时，顺其时而得其势。然而民丰则易奢，物阜则易糜。奢靡之风一旦形成，倡俭节用又是非常必须的。生于忧患，死于安乐，说的是一种现象，虽不必为绝对，然大多数人还是难逃脱这个生死律。这是几句赘语，言归正题。

说《随园食单》是一本菜谱，那是绝对不会错的，但是如果仅仅以此视之，那么就有辜大才子袁枚一番苦心。它完全区别于一般的菜谱——一般的菜谱，如同小儿认字的启蒙书，教人照葫芦画瓢，学习者知其然，不知所以然。且不一定都合乎烹饪的规律。

烹饪的规律，其技术法度，无非是顺物性，随物理，各有其法，以成其味。

物皆有其性，物皆有其理。万物之性，各各不同，万物之理，却是一理。顺物之理，治物有方，推物及人，便是人生的智慧，推人及众以至国家天下，便是治世之道。所以看庖丁解牛，庄生得养生之道；宴婴论鱼肉之烹，以发治国之理。识得此道理，厨子也是可以出为将相的。庸德庸行，尽得其才用，也是贤能。

《食单》发食物浅微之性，揭食物幽隐之理。海鲜江鲜，羽族水族，有鳞无鳞，杂牲杂素，饭粥茶酒，物性不同，各有做法，或煎或炒，或煮或烹，或炖或焖，或煲或煨。又如作料，油之荤素、酱之清浓、酒之酸甜，醋陈新，也根据性理不同，各有考究，非矫揉臆测而擅作。至于细节，如洗刷之法，以去害除弊为要；调剂之术，如选人任能一般，以相物而施为法；配搭则如相女配夫，物理如人伦；独用如鳗鳖牛羊者，则如唐宪宗之独用李绛、明神宗之独用张居正此等名宰，方尽其才；火候、色臭、迟速、器具、时节、多寡、洁净、选用、乃至上菜，都沉着应对，毫不含糊。总的说来，各个环节，皆顺物之性，循物之理，自然为本，引之导之，调之剂之，合于口味。度其法度精神，以儒为体，以道为用。虽是应对口舌的功夫，却也把一般性的道理和方法阐明了。这多难能可贵。

又，《食单》也阐明了一些厨艺的戒律，名为“戒单”。戒的道理，如同为政，兴一利不如除一弊。随园主人在授人口爽之法外，犹不忘发警世直言。日常俗用的简洁有趣的叙述之中，多涉及人生智慧、人伦之理、民生国计，堪为处事、治世明鉴。其儒者精神，昭显无遗。《食单》这样的文字题材，出自翰林才子手笔，拉杂亦成妙笔文章。百味食单之外，尚有百味人生，百味人生之外，尚有百计民生。遵之于三尺灶头，可口爽，推之于百年人生，可养生；用之于天下，可为兴亡计谋，无事闲读，即便不跃跃欲试，也可静心怡神。

《食单》绝不是谗嘴好吃的庸俗文人夸耳、眩目、穿凿、暴殄的那种无聊记录，它有很多科学的道理，人生哲学的智慧。为厨应戒不顺物之本性的穿凿，戒不恤人功不惜物力的暴殄。唯求尽造化生物之功，极人事造就之力，物尽其美善，人尽其享用。

所以，良厨也是入世贤能啊，俗语说：进得厨房，入得厅堂，说的就是大小无别，内外一理的道理。随园主人袁枚便是好例，庙堂之上，有文治之功，厨房之下，得厚养之福。《食单》不行于艰难困苦之世，这不难理解，艰难困苦之世，励志为先，尚勤俭磨砺，即便对吃食有考究之心，也无考究之闲情。它流行于民丰物阜之时，也合乎盛世精神。

袁枚尚有志怪名著《子不语》，但是对于志食的《食单》，却丝毫没有怪力乱神的成分，作者躬身亲历，绝无穿凿附会。吃饭是人生的大道理所在，也是政治的大道理所在，不矫揉不造作，不故弄玄虚，不误导人世。他提倡的还是一种有质量的而非精致的甚至奢靡的生活。

开卷有益。读完了自己也照《食单》学做一些菜肴，海参燕窝之类，这辈子估计没有太多口福，但是鸡鸭鱼肉，还是尽可以满足的，萝卜青菜自不用说了，我想，如果不能把青菜炒好，不也是暴殄天物吗？青菜如果能言，也会像李太白那样发“天生我才必有用”的牢骚的。小菜一碟，也是马虎不得啊。

国庆唯一做的一件有意义的事情就是去看上海双年展。泡泡回家，国庆很（重音带拐弯）孤单，来上海一年了也没有几个同性的朋友

可以一起玩，在北京还可以找找小海，完完一起爬爬山，吃顿饭什么的。来上海后除了围着泡泡转似乎就没有别的想法了。以前没有男伴还可以有女伴，

但现在要是让我再去和异性一起单独出去，便如芒刺在背，惶恐不安。不知道是自己心虚还是患了女友综合症了。

言归正传，本来这个双年展是要和泡泡一起看，并且是想开馆的头两天就饕餮了它，可是她发誓要抓紧时间学习，要心无旁鹜，拒绝了我的邀请，无奈只好自己放了单飞。

阳光明媚，那天是个好天，天蓝得纯净。常说早起的鸟有食吃，穿过能踩着人头过去的南京路，赶到的时候买票的队伍还不是很长。

门票20元，还算合理。虽说来得早但里面的人群也已经熙熙攘攘了。

 

出来的时候长队已经排到了门外3-40米的地方

进门抬头就是，一幅偌大的银色牌匾. 好高哦~眼中闪烁着无数银色星星的我，恍惚的开始了双年展之旅。

超设计&抄设计？#%$@!^&*~......

 

从同济大学建筑研究院楼上搬下来参展的国宝级中国古建模型。50年代的建筑大师的手笔了，非常细致，每个榫铆构建都是和真实建筑一样的。不过两年前就已经见过了。

用商品的标志组成的模型，不过有意思的是，每个品牌的画面都是由他竞争对手的标志组成的，是不是你中有我我中有你的感觉。

虽然画面上男女比例很平衡，但是当天确实是波涛汹涌的状况。到处都是成群的妙龄女子，这年头艺术女性真多啊。

 

枯树逢春？一个艺术装置，不过我不喜欢。

 

 

非常有意思的一幅画，从正面看车和人物都是突出出来的立体感很强，但是事实上车是凹进去的，作者巧妙的利用了光影和眼睛的视觉差。应营造了这种特殊的效果。

 

 

 

 

一组油画+局部

 

行为艺术，每个人把自己的心愿和最想跟谁说的话写在卡片上邮寄给未来的自己。满满一墙都是卡片，也有满满一墙的脑袋在看卡片。

纪念黄宾虹大师的装置艺术，古筝+霓虹灯，每一分钟就有一声古筝袅袅升起，随着古筝余韵的长短，会相应的亮起长短类似的霓虹灯

装置艺术，将航空母舰的模型倒置，挂上古筝的琴弦。变成一个超现代派的古筝。

 

药佛，佛像用药制成，以佛入药，以药入佛。佛堂中都是浓浓的药味。

最后一个蓝色的是动态的。简练的线条，动态的柔美，不知道作者要表达的是什么

这个mm拍照的姿势真是优雅的很啊

以上图片只是双年展极小的一部分，这里不能贴完很遗憾。照片处理上传很长时间只是到现在才整理出来。

可能还会继续整理的，敬请关注。

 

淮海路的襄阳市场已经成为历史了，我有幸成为目击这一段小小历史的人。也挤在密集人群中淘最后的襄阳。

赤膊血拼！

不知道这块地方是不是也会矗立起同样现代的建筑

马上清场了，但还是人头攒动

 

对襄阳有感情的不仅仅只是中国人

说实话，里面卖的东西确实也没有什么好东西。

-----------------------------------------

一下是上周去星巴克和咖啡的时候拍的，上一次去好像是2004年，这次算是故地重游。

-

 

亮银 色彩代码[#EEEEEE]



Reddit白 色彩代码[#FFFFFF]



Magnolia Mag.nolia 色彩代码[#3F4C6B]



互动黄 色彩代码[#FFFF88]



Qoop Mint 色彩代码[#CDEB8B]



Gmail蓝 色彩代码[#C3D9FF]



阴影灰 色彩代码[#36393D]


Bold色系



Mozilla红 色彩代码[#FF1A00]



Rollyo红 色彩代码[#CC0000]



RSS橙色 色彩代码[#FF7400]



Techcrunch绿 色彩代码[#008C00]



Newsvine绿 色彩代码[#006E2E]



Flock蓝色彩代码[#4096EE]



Flickr粉 色彩代码[#FF0084]


Muted色系



Ruby on Rails红 色彩代码[#B02B2C]



Etsy Vermillion 色彩代码[#D15600]



43 Things 金 色彩代码[#C79810]



Writely橄榄绿 色彩代码[#73880A]



Basecamp绿 色彩代码[#6BBA70]



Mozilla蓝 色彩代码[#3F4C6B]



Digg蓝 色彩代码[#356AA0]



Last.fm Crimson 色彩代码[#D01F3C]

以前我有谈过《中国风格与中国文化》与《中国化风格浅析》主要论述中国化风格的振兴的问题。并且谈了如何去发现与应用中国化风格。但是通过长时间在做中国化风格的东西时我就在反思，作为一个WEB视觉设计师，我们是不是应把自己的风格局限在某一种地域风格上呢？很显然，把自己的创作路线限制得太死，自己也就很难做出更好的作品。现在有很多设计人员把自己的设计风格定位在“韩式”“日式”“欧美”等风格上。但是身在中国境内很难接受到邦外文化影响的设计师们他们的定位一定能达到顶峰吗。可想而知是不太可能的，没有文化为基垫是没办法超越的。因为只是看国外的网站来提高自己本身就是在跟风，没有想象力与创造力。

举了例子：前几天我去个朋友的网络公司，他让我看了看他们的设计师的工作。我看了一下他们的设计作品，发现他们的设计非常的死板，基本上是在套模板思维里进行创作。他们给我看一个女性的网站，这个项目在我去之前我朋友就跟我讲过了。客户很不满意，我看到的是一个粉得一塌糊涂的网站，色彩单一，细节不足，很明显没有去分析客户意图，没有把握客户需求。我问他：这个客户的需求是什么？他说，客户希望能粉一点，还要再加上一点白色。我告诉他，如果需要客户来告诉你用什么色彩，这里放个方的，那里放个圆的，那还要你设计师做什么，他来做就好了。当然这并不是客户的错，是设计师的错，因为你没有任真理解客户意图，才引导客户对你的作品进行外行的指导。

如果客户开始提出技术性的修改意见的时候那么这个客户已经就成为了“不成熟客户”这样的客户，往往在会与公司产生矛盾。那什么叫“成熟客户”？成熟客户只会提出非技术性的感受性需求。比如：我需要一个干净的，女性一点的的网站。这样的客户不会告诉你怎么做，他只会告诉你他要什么。当然“不成熟客户”并不是客户本身的问题，而是设计师或是设计师所在的公司的引起的。其实客户是在正确的引导中成熟起来的。

之后我问那个小伙子，客户有发给你资料吗？其实那些资料我之前也已经看过了。他把那些客户提供的图片都打开让我看，我问他：你有分析过这些图片吗？他无语。这些图片正代表了客户的一些潜意识的需求。客户之所以提供这些图片正是因为他们从这些图片中找到了自己想表达的内容，客户不会傻到给你一些根本没有用的图片。我让他把图片一张张的打开，我告诉他这些图片代表了是什么。这些图片中有的是相似的信息，有的却是一些不一样的信息，把这些信息分析并且加以总结就会得到客户看到这些图片的大部分的情感。设计师的工作可以说就是收集客户的情感，用自己的心去感受，然后用自己的技法去表现。那么客户看到作品时就会觉得找到了自己的内心的情感。

我们是商业设计师，我们的创作并不是为了描写自己的情感的，而是去实现客户的情感。所以我们不能一昧的追求某种地域性的风格。不论是中国化的还是日本的浮世绘，或是韩国清新设计风格，这些都不过是我们用来实现客户风格的一种手段与技法罢了。并且作为一个设计师也应不断拓宽自己的设计路线，让自己有更宽大的舞台。