anfuture:过去 现在 美好的未来（设计 读书 翻译 旅行）

>>原文请猛击这里<<
这篇文章有一定的含金量，有兴趣的童鞋可以好好研究下。一直想将博客改版，但是不断的调整老是没有满意的稿子，就像本文里呈现的那些网站，如若不能有所超越，还不如不改！改版是件非常折腾人心的事情（加之不会代码，有好的想法也无法呈现，也就更郁闷了）其实设计本来就是很折腾的事情，不断的优化，不断的调整！ 以下为原文》》》

发现你经常浏览的网站突然间改版是一件非常有趣的事情。
有些改版设计能让你迅速的回想起旧版设计的面貌，而且有时候甚至会让你觉得疑惑，他们是不是真的经历了改版设计，或者是只是做了一些小修改而已。而还有一些却会让你非常困惑，你可能会重新点击下以确信这的确是你曾经熟识的那个网站！
要记住一定要保留原版的一些设计元素，以让用户知晓他们没有来到错误的地方。如若不然，用户可能会迷惑是不是你的公司已经被售卖或者关闭了。
下面列举了13个过去一年里成功改版的网站，我们对每一个网站改版中的改变进行了深入的解析，以及分析了这可能会给用户带来的影响。

Google


谷歌很少对其网站做出设计上的改变（iGoogle个人首页除外）。但是现在他们让用户可以选择定制的背景图片。

用户可以在一系列的图片做出选择，也包括他们自己的Picasa图片。还有一个最大的改变就是他们的logo，现在网站上呈现的是白色的谷歌logo而不是以往我们熟悉的多色谷歌logo。

谷歌尽量保持了和原版面的相同之处，顶部的导航链接是相同的，版面布局是相同的（不同之处只在于位于左下方的“Change background image”文字按钮），页面的语言未做出改变。在增加了具有设计感的背景的图片的同时也能让用户有一种连续性的感觉。

但是有个无法回避的问题：谷歌允许用户选择首页背景是对微软bing搜索引擎的一种回应么（和谷歌相似也是在首页使用优美的风景照片作为背景）？

N.Design Studio

N.Design工作室的网站和博客总是给人带来非常惊人的艺术效果和非常吸引眼球的设计。改版前那只多彩的凤凰已经被无数的博客日志和设计作品库收藏，毫无疑问，它实在是太漂亮了！但是，好像每个人实在是看过它太多次了，不管他们是不是常去N.Design的网站。
因此Nick La做了一些更新调整，这次改版使用了漂亮的手绘金鱼和纹理背景，甚至连logo都做了改变。

作为一个设计站点，这样大范围的跟新改变能够起到非常好的作用，这有助于向用户展示设计师的进步和新的技能。如果不是设计类站点的话，最好是保持一些元素的一致性，而不要让用户误解是进入了一错误的站点。

Veerle’s Blog 3.0

Veerle的博客已经做了大幅度的改版调整。使用了新的配色方案以及新的布局和版面设计方式。
新版界面较之旧版更为柔和和雅致。特别有趣的是新的日志分类：Graphic & Web Design, Modern Home Design, and Belgian Graphic Design.旧版有着更多的目录，因此看起来也就更为杂乱。

顶部的插画相比旧版做了很大的改变，但是如果仔细看的话你会发现插画人物是一个人物，只是更新了发型。这就在即进行完整视觉调整的时候同时为新版和旧版之间保持了一种很好的一致性。
DelCastillo

DelCastillo的改版从一个非常传统的网站变成了一个极具杂志风格的网站，不同的日志有着完全不同的设计样式。
这个网站的改版是一个非常极端的案例。每一个日志几乎拥有着它自己完全不同的设计样式。改版后另一个非常有趣的设计是最近日志页面同时也充当了首页的功能。这在此类型的博客中是非常少见的。

Light CMS

LightCMS的新版官网较之旧版看起来更为干净，同时也更具有极简主义的设计风格。旧版中使用了纹理背景、手绘元素以及非常多的按钮。改版后的界面背景变为了纯白色，极小的按钮图标，使用了更多的流线型设计。
新版和旧版在顶部设计上非常相似，虽然在最后的导航元素上已经做出了更新调整。
公司logo未变，但是在圆环和文字的比例上做了调整，而且去掉了圆环的投影。这都加大的强化了网站的品牌特性。总之，新版的官网带来了更为先进和稳定的公司形象。
BrightKite

BrightKite已经完成了一次非常出色的改版设计。在保证大量元素不变的情况下为用户提供了一种崭新的视觉效果。他们保持了配色方案、动画角色以及他们的logo。
整个网站在版面编排上做了明显的改变。相比旧版他们剔除了了沉重的深色背景代之以明亮的蓝色背景。
在新版网站中的动画角色和整个页面在融合度上做的更好，还有Facebook的入口链接也融合的更好。新版也为客户评价预留了位置，这在旧版中是被忽视的部分。
在新版中除了iPhone应用外同时也增加了Android应用链接。而且链接更为清晰，相比原版设计也更为圆润漂亮！

Sushi and Robots

Sushi and Robots新版网站做了更为精细的改变，他们保持了整个网站的大体布局的一致性，这就让新版和旧版网站看起来有了很好的连贯性。
新版网站放弃使用白色背景代之以有着细微网格的纸质纹理背景。而且画面中的插画人物也做了改变。
新版设计也改为了两纵栏的网格设计，内容区有着不同的尺寸，页面底部除了为暗色调比旧版更为吸引人的视线。其实页面最大的改变在于网格设计的应用，特别是结合背景来看就更为明显了。

31Three

31Three在页面布局上做了很大的调整。但是在新版和旧版之间任然保持了一些设计元素的一致性。
新版中同样使用了蝴蝶作为设计元素，虽然和旧版相比使用方式不尽相同。新版网站也比旧版官网更加易用扫描阅读，也为用户提供了一种更为清爽的视觉体验。
网站的配色方案做了调整，但是在两个版本中仍然有着些许的相同之处（新版来的更为柔和）。新版较之于旧版更为圆润优美，其主要强调的是哪个玻璃瓶以及圆形图片展示。

Carbonmade

新版的Carbonmade网站和旧版有着非常大的不同，logo更新为更加细致的版本，但是主要的创意思想仍然是一致的。在新版里首页面剔除了大面积的黑色内容区域代之以更为轻松和吸引人的山峰插画。
山峰变成了首页最具视觉焦点的元素，用以辅助说明内容信息。
页面中同时也使用了一些其他的插画元素来突出重要的内容（如：注册按钮）。淡蓝色彩以及被承接使用到了新版网站中，让用户确信他们并没有走错网站。使前后站点有了很好的一致性！

新版不再重视强调“demo”按钮转而让“Sign-up”按钮变成更为重要的元素。
Buffalo

新版的Buffalo网站相比旧版做了非常成功的更新改版（虽然旧版已经非常出色了）。顶部添加了绿色横条，而且页面布局中也使用了更多的绿色配色，新版的整个页面看起来极具现代感，而且也比旧版更加吸引人！
新版设计同样是基于网格设计原则，但是做了细微的调整，内容区域的尺寸都不尽相同，页面也留出了更多的留白，以使视觉更为舒缓。虽然顶部导航在尺寸上做了缩小但是对于点击也已经非常合适了。

Larva Labs

Larva Labs的新版和旧版网站都使用的是同一个背景，但是在新版里面背景图的位置做了调整，被放置于更加中心的位置使其成为了主要的视觉点。
同样的，他们也更新了他们的logo，看起来更加现代。新版在页面内容布局上处理的更为有条理性，视觉上也更为舒适美观。
新版在顶部增加了更为正式的导航按钮，让整个站点看起来更具专业性。新版和旧版在配色方案上并没有做太大的改变，连同相同的背景元素，因此新旧改版更新保持了非常好的一致性。

Olliekav.com

Ollie Kavanagh的网站经历一次非常大的改版。旧版网站显得有些凌乱和暗淡，新版改版后的网站看起来更为明亮和精简！
改版后非常有意思的事情是他们设置了一个可以返回旧版官网的链接以方便喜欢他们的用户可以找到。新版设计中每个页面都使用了不同的背景颜色，但是结构上是大体相同的。相比旧版，几乎所有的内容都经过了重新改造，使用了更为清晰的布局，更少的图像，甚至logo也改版了，logo非常有意思，从原来的源自涂鸦灵感的清晰logo（而且也许是旧版最为清晰的内容了）转变为形状不同的更为传统的涂鸦感觉，也和整个页面的其他简洁设计形成了很好的对比效果。

The Design Cubicle

Design Cubicle的新版网站给人的第一感觉就是整个网站显得更为明亮而且相比旧版官网少了非常多的内容和元素。
旧版网站采用的是三栏设计，每一栏都满满的填充着不同的内容，虽然设计上的布局非常好，设计师也努力的试图制造视觉间隙让页面看起来更为简洁，但是内容还是稍显拥挤了。
新版设计却不同了，使用了非常清晰的线条而且将大多数内容都放到了边栏上，现在左侧栏上只是剩下了评论信息，而右边侧栏则只剩下了日期存档。
中间栏背景使用了非常有悦目的灰色，这让正文文字变得更为易读，总之，这是一个非常成功的改版设计。