如果可以重新设计自己喜爱的网站，你会怎么做？ // 案例

时间：2023-05-16 12:27:02 | 来源：网站运营

时间：2023-05-16 12:27:02 来源：网站运营

如果可以重新设计自己喜爱的网站，你会怎么做？ // 案例：作为一名UI/UX设计师，重新设计已有的网站是超棒的练习方式～

要知道，已有的网站设计是经过很多设计师共同努力的结果，如果你还能从那种找出问题，或者做出更好的细节处理，那就太棒了！




很多设计师都会选择这样做，比如下面的8个设计师就重新设计了YouTube，LinkedIn、Trello等网站。




以下是我们在Dribble上找到的8个最喜欢的网站重新设计项目，希望能给你一些启发。







1、Craigslist




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




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




现有网站

▼




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




Kolby Duke重新设计版




▼




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




2、IKEA




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




现有网站

▼




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




卢克和他的团队希望将此想法真的应用于宜家网站。他们的重新设计强调了展示宜家产品的使用效果，而不像目前的宜家网站那样整洁。




Luke Pachytel重新设计版

▼




他们还介绍了聊天机器人的概念，它可以指导买家进行购买，增强用户体验。通过聊天框，用户可以享受与店内体验一样真实的售货员服务。


3、Apple Store




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




现有网站

▼




借鉴当前Apple Store的风格特点，设计师Sebastiano Guerriero利用整洁的块式布局，使用户阅览时的重点放在更多种的设备上。




他利用散布的多种色彩增加了网页的个人风格。Sebastiano还对这个网页概念进行了编码，你可以在此处访问该页面。




Sebastiano Guerriero重新设计版

▼




4、Youtube




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




现有网站

▼




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




设计师Aurélien Salomon对YouTube的主要更改是：引入了一个更暗的界面来模仿电影院的体验。默认界面为白色，但在视频开始播放时会逐渐变为黑色。




当用户移动鼠标时，将显示视频，设置和字幕，从而使视频周围的区域更整洁。同时，他还更改了播放按钮以跟随播放滑块。




Aurélien Salomon重新设计版

▼




5、Trello




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




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




现有网站

▼




Atlassian收购Trello之后，设计师Michal Parulski认为现在是时候对Trello做出一些调整了。




重新设计的Trello主布局采用了新的浅蓝色，卡片看上去更干净，更精致。他还添加了导航选项卡，使用户在主视图和日历之间切换变得更加容易，并为每个面板分配了单独的通用颜色以改善导航。




Michal Parulski重新设计版

▼







6、Twitter




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




现有网站

▼

Ramil 设计了新的三栏式Twitter页面，使用户更加专注，可以很容易地知道应将注意力集中在哪儿。




蓝色的侧边栏(左)突出显示个人资料的相关信息，而最宽的一栏突出显示推文。该设计还消除了标题图像，让画面看起来整洁干净。




Ramil重新设计版

▼




7、Ebay




ebay是美国很大的电商平台，很像淘宝，你可以买到各种各样的东西。

现在的ebay页面主要突出商品信息，并没有太多的品牌形象设计，因此整个页面显得老旧没有新意。




现有网站

▼

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




Tintins重新设计版

▼

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




8、Linkedin




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




现有网站

▼

设计师Barbara Morrigan重新设计的网页很有颠覆性，她彻底改变了LinkedIn的视觉形象，布局和用户体验。




在用户的主页上，用户可以通过按文章，事件，工作或联系过滤来定制想要查看的内容类型，职位列表也显示得更加突出，整个画面变得更加有利用率。




Barbara Morrigan重新设计版

▼




总结:




看完这些作品，你是不是有点理解重新设计网站的重点了呢？这8位设计师的作品各有千秋，但他们的目的都是一样的——增强用户体验。




各位希望成为优秀UI/UX设计师的朋友们，行动起来，去找一个你想颠覆的网站试试手吧～

更多关于交互设计，作品集和国外学校选择的相关问题都可以留言或者后台私信或点击下方加特工微信，与橘长助理1v1交流哦～ 也可以根据你的个人情况帮你分析一下。

持续关注，下期更精彩！