首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如果这些网站的页面长这样……

如果可以重新设计自己喜爱的网站

你会选择哪个?

作为一名UI/UX设计师

重新设计已有的网站

是超棒的练习方式

要知道,已有的网站设计

是经过很多设计师共同努力的结果

如果你还能从中找出问题

或者做出更好的细节处理

那就更棒了!

很多设计师都会选择这样做,比如下面的这些设计师们就重新设计了YouTubeLinkedInTrello等网站。

接下来就一起来康康我在Dribble上找到的8个最喜欢的网站重新设计项目,希望能给你一些启发。

01

IKEA

Ikea宜家是众所周知的斯堪的纳维亚风格家具品牌。已有的Ikea网站功能排版整洁干净,但整体风格普通,和其他商业网站并没有区别,无法突出品牌特点

现有网站

Luke Pachytel重新设计版

设计师Luke Pachytel翻新的宜家网站更加有魅力,当用户从上往下阅览产品时,仿佛在一个个房间中闲逛,你能立即想象出这些产品出现在自己卧室或浴室的样子。

卢克和他的团队希望将此想法真的应用于宜家网站。他们的重新设计强调了展示宜家产品的使用效果,而不像目前的宜家网站那样整洁。他们还介绍了聊天机器人的概念,它可以指导买家进行购买,增强用户体验。通过聊天框,用户可以享受与店内体验一样真实的售货员服务。

02

Apple Store

当前的Apple Store首页主要以大图为主,凸显当季的热门款。重点是突出了,但也容易让人忘记其他产品

现有网站

Sebastiano Guerriero重新设计版

借鉴当前Apple Store的风格特点,设计师Sebastiano Guerriero利用整洁的块式布局,使用户阅览时的重点放在更多种的设备上。他利用散布的多种色彩增加了网页的个人风格。Sebastiano还对这个网页概念进行了编码,你可以在此处访问该页面。

03

YouTube

现在的Youtube主页更像一个大目录,人们虽然能快速找到想要实用的功能,但是互动较少,用户体验比较无聊

现有网站

Aurélien Salomon重新设计版

每天都有数百万人在YouTube上观看视频,如果这种观看体验更像电影院呢?

设计师Aurélien Salomon对YouTube的主要更改是:引入了一个更暗的界面来模仿电影院的体验。默认界面为白色,但在视频开始播放时会逐渐变为黑色。当用户移动鼠标时,将显示视频,设置和字幕,从而使视频周围的区域更整洁。同时,他还更改了播放按钮以跟随播放滑块。

04

Twitter

Twitter和微博有些类似,是美国一个著名的社交平台。现在的页面设计很传统,突出用户关注人的信息,顶部显示常规数据。

现有网站

Ramil重新设计版

Ramil设计了新的三栏式Twitter页面,使用户更加专注,可以很容易地知道应将注意力集中在哪儿。蓝色的侧边栏(左)突出显示个人资料的相关信息,而最宽的一栏突出显示推文。该设计还消除了标题图像,让画面看起来整洁干净

05

Ebay

ebay是美国很大的电商,很像淘宝,你可以买到各种各样的东西。现在的ebay页面主要突出商品信息,并没有太多的品牌形象设计,因此整个页面显得老旧没有新意

现有网站

Tintins重新设计版

设计师Tintins重新设计的ebay看起来焕然一新。当前的主页色彩丰富,当用户进入各个产品页面时,关于ebay品牌形象的提示就隐藏起来,而产品特点会更加突出。在Tintins的重新设计中,ebay的核心颜色巧妙地运用在了图标、字体甚至搜索栏上。

ebay产品页面的编辑是由每个用户上传图像创建的,这样的模块化功能设计使用户使用时更加方便。之前杂乱无序的页面变得干净清新,处处都被文字包围的页面也解放出来,图片和文字更加均匀。

06

Linkedln

LinkedIn是美国的职场社交网站,已有的网站页面将个人信息放在页面上部,显得有些无用,毕竟大家上这里最主要的是交朋友找工作。

现有网站

Barbara Morrigan重新设计版

设计师Barbara Morrigan重新设计的网页很有颠覆性,她彻底改变了LinkedIn的视觉形象布局用户体验。在用户的主页上,用户可以通过按文章,事件,工作或联系过滤来定制想要查看的内容类型,职位列表也显示得更加突出,整个画面变得更加有利用率

07

Trello

Trello是一个任务管理工具,用户可以在网站上列出自己的任务清单,并编辑它们。

传统的Trello网页真的是一个任务管理平台,深蓝色的主色调让用户觉得严肃紧张;交互感也不强,似乎只能点击或滑动。

现有网站

Michal Parulski重新设计版

Atlassian收购Trello之后,设计师Michal Parulski认为现在是时候对Trello提出一些建议了。重新设计的Trello主布局采用了新的浅蓝色,卡片看上去更干净更精致。他还添加了导航选项卡,使用户在主视图和日历之间切换变得更加容易,并为每个面板分配了单独的通用颜色以改善导航

08

Craigslist

Craigslist是一家美国分类广告网站,很像咸鱼。通过Craigslist,用户可以搜索二手货物,租房信息,出售或获得想要的物品、服务,社区服务,演出等等。它的目的就是毫不费力地将买卖双方联系起来。

现在的网站版本emm……几乎完全是上世纪的风格,没有什么网页设计在里面。

现有网站

Kolby Duke重新设计版

设计师Kolby Duke重新设计的网站非常简约清新,淡蓝色、淡黄色和粉红色的柔和色调更加平易近人,也更加凸显现代风格,增加了视觉吸引力。另外她还努力增加了动态效果,使网站的互动更加生动,大大改善了用户体验

在进行用户研究时,Kolby发现很多的用户抱怨Craigslist的信息缺乏透明度。因此,她为每个卖家添加了客户评价功能,客户可以筛选出没有客户评分或只有五星级评分的卖家,以帮助他们放心交易。

说在最后

看完这些作品,你是不是有点理解重新设计网站的重点了呢?这8位设计师的作品各有千秋,但他们的目的都是一样的——增强用户体验。各位希望成为优秀UI/UX设计师的朋友们,行动起来,去找一个你想颠覆的网站试试身手吧~

持续关注,下期更精彩!

排版编辑/Amber

本文章为原创,受版权保护,

转载请标明出处

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20200901A0NNER00?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券