如果内容为王，则设计应为王。 对于网站的成功而言，这是至关重要的要素，因为它决定了内容的结构和显示方式，而糟糕的设计只会破坏用户体验，从而破坏网站流量。

通常，我们的网站设计师必须在设计网站时玩交易游戏。 我们要么以美观换取功能，要么以功能换取可读性，因为不可能制作出让每个人都满意的设计。

那么哪种设计更好呢？ Web设计师喜欢问这个问题，有的甚至挑战自己，通过重新设计Facebook和YouTube等著名网站来更好地玩交易游戏，从而在此展示帖子中形成潜在的设计。 更好或更糟，您作为用户来决定，尽情享受吧！

脸书

根据其官方统计， Facebook已经为超过5亿活跃用户提供服务，并花费了7,000亿分钟。 对于这种统计数据，为其设计网页确实非常有压力。 如此众多的设计师挑战自己重新设计Facebook的原因也可能是同一原因。 让我们来看一下下面的设计师的几次尝试：

概念设计作者：Barton Smith

“ Facebook整容是一个自我发起的项目，旨在挑战Facebook的形式和功能。 它的流线型，结构化和线性界面更加易于理解，可以增强用户体验和内容吸收能力。”

主页面 。 图片来源： 巴顿·史密斯 （ Barton Smith ）

照片页 。 图片来源： 巴顿·史密斯 （ Barton Smith ）

活动页面 。 图片来源： 巴顿·史密斯 （ Barton Smith ）

通讯录 。 图片来源： 巴顿·史密斯 （ Barton Smith ）

通知页面 。 图片来源： 巴顿·史密斯 （ Barton Smith ）

概念设计作者：信息架构师

这项创新的设计诞生于2006年12月，后来适应了当代设计标准，以便与Facebook当前的设计进行合理的比较。 想法是创建一个具有接口的类邮件应用程序，该接口包含3列弹性布局，清楚地将过滤器，信息流和React分开，这在其帖子中有明确说明。

主页面 。 （图片来源： Information Architects ）

概念设计作者：贾斯汀·道尔（Justin Dauer）

“我的主要目标之一是将界面移向更多的Web应用类型的演示文稿。 Facebook每天约有1.75亿人登录； 这种用法中固有的所有重复性任务都有助于这种方法。 当我进行重新设计时，Twitter推出了类似于应用程序的新UI，并给了我一点类似于Stuart Smalley的验证。”

主页面 。 （图片来源：伪房间设计）

概念设计作者：Peter Knoll

Peter Knoll的设计非常时尚。 图形得到了很大的改进，以使整个站点看起来有吸引力且充满希望。 界面也更加整洁，采用了不错的排版，以提高可读性。

主页面 。 图片来源： 彼得·诺尔 （ Peter Knoll ）

概念设计者：AndasoloARTS

由AndasoloARTS完成的Facebook变体，甚至被出售！ 配色方案与Peter Knoll的设计非常相似，但总体来说是不同的设计。 再次考虑到极简主义的非常时尚的设计。

主页面 。 （图片来源： AndasoloARTS ）

概念设计者：乔纳斯卡（Jonaska）

灵感来自AndasoloARTS的Facebook设计的设计，也非常独特！ 我喜欢状态共享和搜索框的实现，这确实是一个经过精心设计的变体。

主页面 。 图片来源： 乔纳斯卡 （ Jonaska ）

概念设计者：Czarny-Design

带有圆角元素的性感设计怎么样？ 略微改变配色方案的Facebook完全独特的设计方法，您可以接受吗？

主页面 。 （图片来源： Czarny-Design ）

我的空间

曾经是社交网络的庞然大物， Myspace最终被其主要竞争对手Facebook所超越。 现在更名为My_____，它旨在成为领先的社交娱乐目的地，其中包括音乐，电影，名人，电视和游戏，并受到粉丝的热情支持。 下面的设计是为旧的Myspace尝试的，但是看看设计师认为Myspace应该是什么仍然很棒。

概念设计者：拉斐尔·奥利维拉（Rafael Oliveira）

“如果Myspace默认情况下具有更清晰，定义更好的界面，但仍然可以个性化设置，但方式更易理解，该怎么办？ 这是我在开始时提出的一个问题，这真是一个很酷的项目。 除了视觉设计之外，我还基于网站上已有的内容并查看了其站点地图，提出了一些可用性方面的改进。”

主页面 。 图片来源： 拉斐尔·奥利维拉 （ Rafael Oliveira ）

频道菜单 。 图片来源： 拉斐尔·奥利维拉 （ Rafael Oliveira ）

照片页 。 图片来源： 拉斐尔·奥利维拉 （ Rafael Oliveira ）

自定义配置文件页面 。 图片来源： 拉斐尔·奥利维拉 （ Rafael Oliveira ）

艺术家页面 。 图片来源： 拉斐尔·奥利维拉 （ Rafael Oliveira ）

艺术家页面-定制 。 图片来源： 拉斐尔·奥利维拉 （ Rafael Oliveira ）

视频频道页面 。 图片来源： 拉斐尔·奥利维拉 （ Rafael Oliveira ）

谷歌

Google是地球上最著名的网站，可处理全世界超过10亿个搜索请求。 它也被称为通过构建用户友好的产品（例如Android，Gmail和Google Analytics（分析））来统治互联网的王国。 由于Google有许多顶尖的设计师从事其网站设计工作，因此任何重新设计的尝试都是对其设计师的直接挑战。 有趣。

概念设计制作人：Craig Reville

“自从Google决定也许重新设计一些东西以来，我认为自己可以尝试查看和使用Google。 我之所以对图标或徽标并没有发狂，主要是因为图标设计师可以做得更好，而且我喜欢这样简单的徽标。 任何和所有反馈表示赞赏。”

主页面 。 图片来源：克雷格·雷维尔（Craig Reville）

搜索结果页面 。 图片来源：克雷格·雷维尔（Craig Reville）

搜索结果页面–第二个概念 。 图片来源：克雷格·雷维尔（Craig Reville）

图像搜索结果页面 。 图片来源：克雷格·雷维尔（Craig Reville）

概念设计者：FloxDesign

有点像必应，但以更史诗般的方式。 真诚的，我想为我的Google主页提供这个最终很棒的设计。

主页面 。 （图片来源： FloxDesign ）

的YouTube

YouTube是全球发现，观看，上传和共享视频的网站，在全球网站访问量中排名第三，在美国排名第四。 大多数内容都是由个人上传的，但是CBS，BBC，Vevo和Hulu等著名媒体已将自己的视频作为YouTube合作伙伴计划的一部分提供。 您是否敢于重新设计每天访问量超过20亿次的网站？ 他们做到了。

概念设计作者：Michele Byrne

时尚的重新设计强调了更多关于视频观看和共享的知识。 尽管用户界面与Vimeo有点类似，但该设计采用了独特的方法。 无论如何都是伟大的尝试。

主页面 。 图片来源： 米歇尔·伯恩 （ Michele Byrne ）

视频页面 。 图片来源： 米歇尔·伯恩 （ Michele Byrne ）

用户页面 。 图片来源： 米歇尔·伯恩 （ Michele Byrne ）

视频信息 。 图片来源： 米歇尔·伯恩 （ Michele Byrne ）

推荐视频 。 图片来源： 米歇尔·伯恩 （ Michele Byrne ）

概念设计作者：Josh Collie

“多年来，我对YouTube的最大兴趣之一就是在观看视频的同时无法搜索其他视频，也无法在不使视频滚动到屏幕顶部的情况下阅读评论。 下面的设计试图通过具有3个单独的可滚动列（包括搜索，视频和评论）来解决此问题。”

主页面 。 图片来源：乔什·科利）

用户页面 。 图片来源：乔什·科利）

概念设计作者：Thadeu Morgado

YouTube主页的重新设计实验。 样式几乎相同，除了重新布局了整个版式，并添加了一个大而光滑的滑块以使更多关注焦点视频。

主页面 。 （图片来源： Thadeu Morgado ）

亚马孙

亚马逊于1995年上线，如今它已成为一家跨国电子商务公司，其中包括书籍，杂志，音乐，DVD，电子产品，计算机，软件，鞋子等几乎所有商品的精选！ 由于他们的业务量很大，因此全球的设计师一直在挑战自己，不断改进设计以使其更加美观，当然也易于用户使用。

概念设计作者：Trevor Cleveland

“我想探索三个独特的概念，以便重新设计亚马逊首页。 亚马逊是领先的在线购物网站之一，但其流畅的首页设计是针对较小尺寸的显示器尺寸设置的，从而使该网站在分辨率更高的新型计算机上显得显得空白。 因此，我想提出三个想法来使亚马逊快速发展。”

第一个概念-主页 。 （图片来源： 特雷弗·克利夫兰 ）

第一个概念–菜单 。 （图片来源： 特雷弗·克利夫兰 ）

第二个概念-主页 。 （图片来源： 特雷弗·克利夫兰 ）

第二个概念–菜单 。 （图片来源： 特雷弗·克利夫兰 ）

第三概念-主页 。 （图片来源： 特雷弗·克利夫兰 ）

第三概念–菜单 。 （图片来源： 特雷弗·克利夫兰 ）

概念设计作者：Maurice Kindermann

如果当前的设计没有问题，就不会进行重新设计，Maurice Kindermann的Amazon设计就是这种情况的最佳示例。 对于Amazon当前的设计感到失望，Maurice重新设计了页面，以解决三个特殊问题：屏幕分辨率过高，购买选项分散和内容泛滥。

主页面 。 图片来源： 莫里斯·金德曼 （ Maurice Kindermann ）

IMDb

IMDb （互联网电影数据库）自称为地球上最大，最佳，最获奖的电影网站，它是一个在线数据库，其中包含与电影，电视节目，演员，制作人员，视频游戏和虚构人物有关的信息视觉娱乐媒体。 以有效显示信息的方式重新设计该网站对于Web设计人员将是巨大的挑战。

概念设计作者：Vladimir Kudinov

“为什么没有当前的IMDB设计？ 它超载了。 大量的非结构化信息。 尽管此类网站的大多数用户主要关注图片，视频等。

所以我做了一个干净整洁的设计。 在这里，用户会收到一个屏幕，上面有关于电影的信息：照片，演员，预告片，故事情节等等。 他不必扭曲，扭曲，阅读。 所有需要的就是看屏幕。”

电影页 。 图片来源： 弗拉基米尔·库迪诺夫 （ Vladimir Kudinov ）

菜单 。 图片来源： 弗拉基米尔·库迪诺夫 （ Vladimir Kudinov ）

播放器弹出组件 。 图片来源： 弗拉基米尔·库迪诺夫 （ Vladimir Kudinov ）

顶面板 。 图片来源： 弗拉基米尔·库迪诺夫 （ Vladimir Kudinov ）

概念设计作者：Rob Hendricks

“不难理解为什么当前的IMDB网站如此混乱。 事实是他们有很多内容。 适当的信息架构是改变这一状况的关键。”

主页面 。 （图片来源：Rob Atomic）

四方

借助Foursquare ，用户可以通过智能手机应用程序或SMS“签到”，为场所信息添加书签并留下有关附近场所的相关建议，从而共享其当前位置。 当地商人还利用Foursquare来吸引和留住客户。 为Foursquare重新设计确实是一项挑战，因为它是一项完全独特的服务，因此需要进行更多研究。

概念设计作者：Clay Parker Jones

克莱·帕克·琼斯（Clay Parker Jones）认为，地图是对Foursquare用户页面的真正补充，因为该服务全部与位置有关。 单击地图将折叠具有四个可用视图的信息统计。 此页面的其他附加组件是供稿，喜欢，提示和建议，非常类似于通常的社交网络页面！

用户页面 。 （图片来源：exitcreative）

反射

与设计无关紧要，每个用户都需要花费时间来适应新设计。 问题是，作为用户，您希望更改为上述任何设计，还是对当前设计满意？ 您认为这些设计解决了您的用户体验问题吗？ 我相信这些设计是用来接受您的意见的，因此随时分享您对它们的看法，每一项意见都至关重要！

翻译自: https://www.hongkiat.com/blog/concept-design-facelift-notable-websites/