实战技巧 | 优步改版复盘,做个高逼格官网真不容易三分设共 1910字,需浏览 4分钟 ·2021-05-14 09:43 ▲点击"三分设"关注,回复"社群"加入我们欢迎来到专业设计师学习交流社区三分设|连接知识,帮助全球 1 亿设计师成长转自:体验进阶编辑:章成愉共 1979 字,预计阅读 5 分钟我发现国外的互联网企业都喜欢找设计公司给自己做网站,而且做得还很好。例如之前说过 Uber 的竞争对手 Lyft 官网改版案例,他们找的是 Work & Co。这次就来说说 Uber 自己的官网改版,他们找的是 Ueno。如果说 Lyft 的那次官网改版很有新意,那么 Uber 的这次官网改版则是很有逼格,能看出大厂的气魄。其实 Uber 与 Ueno 的合作是从品牌改版开始的,后者为前者在 2018 年做了一次品牌升级,奠定了其品牌基调。上下滚动查看更多你会发现,Uber 的品牌设计走的是稳健的路子,和 Lyft 甚至滴滴相比,更偏商务严谨。这是因为他们把自己定位成一家「跨国大企业」,其定位就是:在全世界有辨识度且能有效执行的一整套品牌方案看来 Uber 的高层对这种偏商务的风格是认可的,所以让 Ueno 继续负责自家官网的改版。一、模板化设计可能是考虑到 Uber 这种大公司的复杂性,Ueno 选择了拼贴风格。这样的网站设计,与其与说在设计页面,到不如说是设计模板。因为每个模块可以很方便地更换图片和文字,以后再往里面填充其它内容,也不需要频繁变更界面布局。设计团队自己也说,为了让网站满足未来每个活动或企划的需求,他们在模板(template)上花费了不少心思。常见的模板有三种,分别对应不同的场景:二、减少模板感用模板虽然可以应对未来的各种不确定性,但如果模板感太强,会让网站看起来很单调。为了让模板的「模板感」没有那么强,视觉上使用了很多「打破框架」的布局方式。而且就连配图,也很注重叠层搭配。三、无所不在的转场动效可能是觉得光靠布局还是有点单调,于是增加了很多转场动效。动效展示流畅,且设计得与布局非常贴合。这么做虽然把技术难度和开发成本拉高了不少,但看起来没那么容易视觉疲劳。四、反思这个版本的官网,大家去 uber.com 已经看不到了,他们换上了一个简单很多的版本:布局更加简单规整,动效能免则免。之前的版本看起来那么高逼格,为什么却会被换掉?我的理解是:无处不在的特殊布局和转场动效,会让维护成本和难度都会高很多。一个网站最重要的还是实用性,有新内容需要快速更新。超高的维护成本和难度短期内看不出来,长期肯定让人有负担感。而且这网站是由设计公司开发的,虽然我不确定他们是不是一次性结清项目费用,然而一定方案通过了,团队在维护运营上的动力肯定会大打折扣。这网站如果完全由设计公司交付给 Uber 自己的团队进行维护运营,这么复杂的布局和动效,也很没那么好办。虽然 Dribbble 等设计社区里可以看到很多高逼格的飞机稿,但是真正的大厂自己却不在热门产品上玩太多花样,最多也就像 Uber 官网这样没多久就撤下。真正实用的产品需要很高的迭代效率,毕竟内容和功能才是真正的用户需求。为了保证迭代的稳定和效率,大公司都喜欢用模板化页面,而且还不能搞太多特殊布局和动效,最后难免都设计出一些比较中规中矩的页面……这就是为什么有些只做虚拟项目和拼凑飞机稿的作品集,哪怕看起来再高大上,也未必找到好的工作吧。像 Uber 这样的大公司,设计方案更加注重的是整体的系统性,而不是细节上的创意。超值课程推荐华为用户体验设计的体系搭建方法超 10 亿用户的产品,到底是怎么做用户体验的?揭秘滴滴、蔚来等大厂的用户体验设计策略原创好文推荐一款为你带来难忘体验的美食 APPWeb Vitals —— 谷歌的新一代 Web 性能体验和质量指标2021 年用户体验设计趋势分析想要引导用户行为转化,设计师必须深刻理解这 4 个认知心理学理论让设计圈一片哗然的 Google 新 logo 到底出了什么问题?国外的设计专家这么说如何系统的增强用户粘性,提升产品转化率?你要懂得“行为设计学”设计新趋势「玻璃拟态」到底是什么?这里有一份实现效果的详细教程如何将设计系统快速的从 Sketch 切换到 Figma?这里有 6 个需要注意的关键点欢迎大家关注三分设,每天分享优质设计、创意灵感、新知新识,定期大咖老师直播分享,零距离连麦,答疑解惑。 浏览 20点赞 评论 收藏 分享 手机扫一扫分享分享 举报 评论图片表情视频评价全部评论推荐 Dubbo官网实战使用技巧java12340从百度项目复盘偷师的 全链路体验设计改版技巧UXD笔记0Vue3 + TypeScript 项目实战复盘总结前端大学010000+TB 阿里网盘资源!牛逼!简说Python0vivo官网 Web 3D 实战前端围城0docsify搭建高逼格博客程序源代码0Vue3 + Vite2 项目实战复盘总结(干货!)全栈前端精选0标的 | 复盘灵感是创作的一切源头,只要灵感不断,那么创作就存在内容来源。所以想尽方法获取灵感,储存灵感,转换灵感,沉淀灵感便是一套简单的思维模型。证券市场犹如江湖,市场参与者鱼龙混杂,良莠不齐。 也正因为如此的环...石小懒0思维 | 复盘这次二次阳,实属难熬,断断续续输液8天,低烧、咳嗽症状才慢慢好转。与上次相比,这次阳性症状表现最为顽固的是:高烧和低烧反复,咳嗽时间较长,疲惫无力感非常强。本篇文章按照计划理应5月21日完成,实属脑袋无法...石小懒0Vue3 + Vite2 项目实战复盘总结(干货!)前端下午茶0点赞 评论 收藏 分享 手机扫一扫分享分享 举报