并非每个设计师都有机会从事流行品牌或其网站的设计。 但是,大多数人对Facebook,BBC,Twitter,Youtube和其他网站的外观有自己的看法。 这就是为什么世界各地的许多设计师都花时间为这些著名的网站创建重新设计概念的原因。
他们不受特定指南和时间的限制,这对于他们的创意愿景和创新扎根然后飞走是完美的。 在这个展示柜中,我们收集了33个关于您熟悉和喜爱的网站的重新设计概念。 让我们知道您最喜欢哪种重新设计概念,或者您是否更喜欢官方网站现在的外观。
Craigslist
这是著名的电子商务网站Craiglist的概念重新设计。 设计师通过使网站更整洁,添加醒目的搜索栏以及处理过滤器来处理网站的列表页面。
![craiglist网站重新设计](https://i-blog.csdnimg.cn/blog_migrate/7579746617451523d41032f7b22c7116.png)
运球
Dribble是最优秀的设计师的枢纽,并且那些精明的人之一自然会重新设计网站是很自然的。 我喜欢在个人资料页面上使用(类似Twitter和Facebook的)封面以及项目快照的布局。
![运球网站重新设计](https://i-blog.csdnimg.cn/blog_migrate/bf15826f29c3fbd8222ffc5f52d785f8.jpeg)
Etsy
Etsy的这种重新设计概念比其当前的网页设计更加大胆,整洁地使用视觉效果。 您可以看到较大的产品图片和一个小的下拉菜单框,当您将鼠标悬停在产品上时,会提供有关该产品的一些信息。
![etsy网站重新设计](https://i-blog.csdnimg.cn/blog_migrate/9bda59b566a6600053911a1e666ad040.jpeg)
维基百科
尽管有数以百万计的人使用,但维基百科的网页设计效果令人印象深刻,因此非常需要重新设计。 此设计概念将信息按精心组合的块布局,并且还具有图像图块,单击这些图像图块可打开大图像。 希望维基百科从中得到一些启发……
![维基百科网站重新设计](https://i-blog.csdnimg.cn/blog_migrate/1164f7bec3514ef2bf71e6417548ef6c.png)
领英
这是LinkedIn有趣的重新设计概念,与当前的设计相比,它具有更干净,更现代的布局。 我特别喜欢如何将建议和建议分别整齐地放在侧面和底部,但是,LinkedIn的品牌蓝色在此设计中有点缺乏。
![重新设计linkedin网站](https://i-blog.csdnimg.cn/blog_migrate/2600f32c0a46e65c796ca818acd3fd06.jpeg)
英国广播公司
这是著名的BBC新闻网站的全新,简单而现代的UI。 设计师通过全视图文章页面强调了简洁的阅读体验。 此外,右上方的图像滑块为设计增添了气势。
![英国广播公司网站重新设计](https://i-blog.csdnimg.cn/blog_migrate/2d3affce2b3f63527b8090d7fe66a121.png)
优酷
对YouTube进行了酷炫的重新设计,具有更暗的界面,随滑块移动,音量,设置和字幕跟随播放的播放按钮,并通过第一行评论显示视频说明。 此外,您可以通过单击背景来观看同一作者的其他视频。
![youtube网站重新设计](https://i-blog.csdnimg.cn/blog_migrate/88360d2afb37efdc01913dad0093ab5c.png)
亚马逊流媒体
这是对亚马逊电影流媒体服务的实验性重新设计。 这两个设计选项显示了最小但视觉上引人注目的布局。 在一个选项中,亚马逊的标志性黄色显示为带有类别的粗体边栏。 在另一项中,悬停时,侧边栏显示为白色,带有黄色突出显示。
![亚马逊网站重新设计](https://i-blog.csdnimg.cn/blog_migrate/54f86c9d3de86d109ccb3a882ca0c0ee.png)
Twitter个人资料
受Twitter最新个人资料页面重新设计的启发,此概念设计具有非常现代的外观并充分利用了空间。 左侧的侧栏为纯蓝色,可以使布局保持一定的平衡。 平面设计的使用和工具栏图标的放置使它看起来很新鲜。
![Twitter网站重新设计](https://i-blog.csdnimg.cn/blog_migrate/f8f1c02008f9a3994953f5c6853c48a7.jpeg)
脸书
这是Facebook重新设计的设计师版本,界面更清晰,内容呈现更简洁。 “喜欢”和“共享”已移至“评论”框中,并添加了新按钮“保存帖子”。 此外,您可以将当前心情作为徽章添加到头像中。
![Facebook网站重新设计](https://i-blog.csdnimg.cn/blog_migrate/2761bea8c5621a50312f6fcf7df1eead.png)
社交网络
这是一个干净的界面概念设计,主要用于通用社交媒体网站。 它显示了对空白空间的充分利用和井井有条的内容。
![社交网站重新设计](https://i-blog.csdnimg.cn/blog_migrate/29163cf45380e638545df50930b17432.png)
Tumblr
基于图像的社交媒体网络Tumblr在成千上万的人群中已广为人知,但对其进行重新设计不会造成伤害。 这是一个概念设计,显示了简洁整洁的界面。 消息,帖子,关注者和其他选项卡都组织在一个漂亮的侧栏中,带有更大的粗体图像显示。
![tumblr网站重新设计](https://i-blog.csdnimg.cn/blog_migrate/4cf316dca0f840c3abaf494dab412c76.jpeg)
Facebook的时间表
这是Facebook时间轴概念的重新设计,采用的是实际的两列时间轴。 我发现真正有趣的是个人资料页面,其中非常大胆地显示了封面照片,姓名和其他信息。
![Facebook网站重新设计](https://i-blog.csdnimg.cn/blog_migrate/c141b23ce0688f75df943c6096ef1cd3.png)
Instagram的
尽管设计师已经对Instagram的当前界面进行了很多思考,但是此概念还与一些至关重要的UI和UX元素一起使用。 平面设计确保极简主义,因此用户可以轻松导航。 但是,将鼠标悬停在图像上会发生什么会很有趣。
![instagram网站重新设计](https://i-blog.csdnimg.cn/blog_migrate/6784aa1b4575b19519b6ceb70d3fc19d.jpeg)
苹果商店
Apple Store的概念重新设计已建立在模块化UI / UX方法之上。 您可以看到设计师使用了更大的图像和更少的文字,从而将用户的注意力吸引到了产品上。
![苹果网站重新设计](https://i-blog.csdnimg.cn/blog_migrate/8bb34e0feb6fb1fb47fd30d71ce0b211.png)
Dropbox仪表板
我们大多数人已经习惯了Dropbox当前的仪表板,但是,这种重新设计的概念在其设计上采用了一种甚至最小的方法。 您可以看到Dropbox自己的蓝色和白色配色方案,其中包含平面设计图标和简洁的界面。
![Dropbox网站重新设计](https://i-blog.csdnimg.cn/blog_migrate/69c65f448c5a152d8df15e3c052d9df0.png)
大本营
这是Basecamp的重新设计概念,它以简约和平面设计为主要重点。 我真的很喜欢配色方案以及图标的选择。
![重新设计大本营网站](https://i-blog.csdnimg.cn/blog_migrate/b3352aa39213e27628b6bb54084341e3.png)
麻雀
一位才华横溢的设计师为Sparrow赋予了新的外观,以赞扬该项目。 这种简洁的设计使用了出色的配色方案和深色UI,在用户中很受欢迎。
![麻雀网站重新设计](https://i-blog.csdnimg.cn/blog_migrate/41a6334f4d53c2708a5a93473e434f0e.png)
Lastfm
重新设计是基于Lastfm网站上突出显示的某些问题。 它具有一个现代,超简单但实用的登录页面。 设计师尝试了标签的放置,更整洁的布局以及重要内容的提取,以改善整体用户体验。
![lastfm网站重新设计](https://i-blog.csdnimg.cn/blog_migrate/d82e8c8382cc46d71b1a3fe3d20115fb.png)
麦当劳
麦当劳的网站重新设计理念突出了大图像和博客排版。 带有简洁的菜单栏,带纹理的背景和有趣的图标,此设计看起来很有吸引力。
![麦当劳网站重新设计](https://i-blog.csdnimg.cn/blog_migrate/da2a5632e337a89672b8121e7ac6630f.jpeg)
雅虎
雅虎网站概念重新设计的一种简洁一致的方法。 雅虎自己的紫色侧边栏中具有不同的页面和外汇图表,右侧面板具有个人资料,聊天和新闻部分。
![雅虎网站重新设计](https://i-blog.csdnimg.cn/blog_migrate/3a4077d30277cd53a77b11fa359079bb.jpeg)
有线电视新闻网
CNN网站的重新设计概念与当前网站没有太大区别,但是在此版本中,内容的组织方式非常井井有条。 它还有一个单独的侧面板,用于显示最新消息和突发新闻。
![CNN网站重新设计](https://i-blog.csdnimg.cn/blog_migrate/f0ceb0322aed4037c32c98349af9195e.jpeg)
纽约时报
经过对用户行为的大量研究后,才产生了这种重新思考的设计。 读者可以在Twitter中同步消息,阅读他们喜欢的新闻,通过照片和视频材料,报价,社交网络的屏幕截图等自定义新闻布局。
![nytimes网站重新设计](https://i-blog.csdnimg.cn/blog_migrate/c4b7b07d5f198b8096fd121b91c461f1.png)
贝宝
在此重新设计中,重点放在用户体验上,方法是在右侧栏上添加快速操作并最小化PayPal网站上常规活动中涉及的步骤。 尽管我希望在重新设计中看到更多的颜色。
![贝宝网站重新设计](https://i-blog.csdnimg.cn/blog_migrate/e21669076214cd521051dd6444173214.png)
不飞溅
股票图片网站Unsplash的一个不错的重新设计概念。 这种简洁的设计使用了不同的信息和网站元素块。 我真的很喜欢他们使用的字体,但多一些颜色会更好。
![重新启动网站重新设计](https://i-blog.csdnimg.cn/blog_migrate/0b57707ffb1d02efff171e84b242e7a8.png)
Droplr
尽管当前的Doplr网站具有相当不错的UI设计,但是这里是网站的全新设计,使用户可以轻松浏览。 但是,可以将按钮做得更大一些,以使设计看起来不会太空。
![droplr网站重新设计](https://i-blog.csdnimg.cn/blog_migrate/c46085b8bc1aaf9e4b52651a887924f0.png)
谷歌
重新设计的概念旨在改善Google搜索页面的用户体验,突出了侧边栏,可让您过滤结果并定义文件类型以及提供自定义结果首选项的设置。 该界面也比当前界面更加现代和清洁。
![谷歌网站重新设计](https://i-blog.csdnimg.cn/blog_migrate/655dbb3b5fc5d563d4b82b1deb2179f3.jpeg)
H&M主页
著名服装网站H&M的全新干净界面实验性重新设计。 该设计有效利用色彩和图像以及一些新字体。
![h&m网站重新设计](https://i-blog.csdnimg.cn/blog_migrate/d6ce76b7dab803bf0314916e2e8936d4.jpeg)
IMDb
IMDb的新概念首页,着重介绍了更简单的设计以及更具影院感的设计。 设计师试图使其简洁明了,但也能够显示很多信息。
![imdb网站重新设计](https://i-blog.csdnimg.cn/blog_migrate/db1b3b789849dde95533d369fbbbb5ff.jpeg)
在所有社交媒体网站中,Reddit最需要重新设计。 这是该网站的概念设计,其特征是样式更简洁,可读性更好,子目录和帐户管理在同一抽屉中的安排更好。
![reddit网站重新设计](https://i-blog.csdnimg.cn/blog_migrate/fbc9a6bf6217792033dd8d9ae127a1c0.jpeg)
Mtv.com
在这种概念设计中,MTV的网站拥有新颖的外观和独特的视觉语言,而又不太时髦。 设计师使用具有滤镜效果和新字体的抽象和未来派形状。
![mtv.com网站重新设计](https://i-blog.csdnimg.cn/blog_migrate/d2d7719c1162601829c0043a6021f6b0.jpeg)
必应搜索引擎
这是Bing搜索引擎在设计方面的一些重新思考。 设计人员仅进行了一些视觉调整,使平台的外观和功能比其当前版本更好。
![必应网站重新设计](https://i-blog.csdnimg.cn/blog_migrate/204b03556286d39d470d6d2da8e86516.png)
deviantART
deviantART是优秀艺术家的故乡,已经进行了自己的重新设计,具有现代,简洁和最小的界面。 尽管为了使设计看起来更好而折衷了一些功能方面,但是再说一次,这只是一个概念。
![deviantart网站重新设计](https://i-blog.csdnimg.cn/blog_migrate/9d689442a42d375614e1c7474247ce7c.jpeg)
翻译自: https://www.hongkiat.com/blog/concept-redesigned-websites/