🔥 热搜 🔥
上海习近平新疆鄂州父女瓜乌鲁木齐疫情H工口小学生赛高习明泽芊川一笑图包印尼排华
分类
社会娱乐国际人权科技经济其它
🔥 热搜 🔥
百度今日热点微信公众平台贴吧opggdnf私服百度贴吧知乎dnf公益服百度傻逼
分类
社会娱乐国际人权科技经济其它
查看原文
其他

小米商城APP采用原研哉“Alive”设计理念！

互联网产品设计 2022-05-22

The following article is from 互联网设计帮 Author 吴星辰

 前言 

原研哉为小米重新设计logo大家应该都知道，很多人都很关心改个圆角值不值两百万，其实我们设计师不应该关心这个。

‍‍‍作为设计师，我们应该学习原大师改个logo圆角，人家是如何做设计提案说服甲方接受的，这才是身为设计师职业更应该关注和学习的。

 原研哉设计提案 

原大师的设计提案视频中，把看似简单的圆角改良，升级到了人类发展、生命进化、内在精神层面，这无疑是一个非常高层次的设计理念，让人看的也是热血沸腾。

其中原研哉提出一个重要的设计理念“Alive”，这也是本篇文章要重点讲解的内容，下面我可以先花几分钟回顾一下原大师的设计提案视频。

原研哉设计提案视频

 Alive设计理念 

原研哉认为科技越进化，就越接近生命的形态，人类和科技是不断接近的，从这一观点出发，原研哉提出“Alive”这一设计理念。

小米logo的圆角就是由这一理念推导而出，“Alive”的寓意是情绪饱满、激动兴奋、有生机、有活力，这也就是生命本身的样子。

而生命存在于环境中是不断运动的，始终保持着一种平衡状态和个性，就像正在慢慢绽放的花朵、冉冉升起的太阳、涌动的海面、小朋友的微笑。

生命的形态

上图的姿态表现了“Alive”设计理念-生命感，原大师也根据这理念设计了小米logo的动态表现形式。




我们小米商城设计团队，也是基于原大师赋予我们的这一设计理念，进行了小米商城APP启动页的优化。

 案例分享 

案例分享之前还是有必要跟大家普及一下启动页与闪屏的区别，虽然在之前的闪屏优化文章中详细提到过，但温故知新。

启动页

启动页是一个APP不可或缺的页面，是iOS规范中必须要加的环节，同样Android系统启动APP时会有1-2s的白屏。

启动页的设计角度一般是品牌信息传递，建立用户与产品的认知，一般时常在2s以内，具体要看手机的性能和网速。

启动页是写在安装包里面的程序，不满足日常后台更换，更换需要开发进行发版。

闪屏

闪屏是启动页之后紧接着出现的页面，也有很多APP没有闪屏如微信，这与产品定位有关。

闪屏是用来运营的，比如比如投放日常广告、活动运营、节日等等，大多数产品闪屏出现的时间是3s或5s，一般都提供“跳过”按钮。

关于闪屏我总结过两篇文章，聊的很细，有兴趣可以查阅。

案例解析-启动页改版

之前我们的启动页倾向于给用户更短的时间感受，所以启动页与闪屏进行了结合，也就是logo放在底部，上面都是白屏等待闪屏广告的加载出现。


这样设计的优点很明显，用户感受到的是一个页面，所以时间感知也会相对短，但是由于logo放在了底部，用户的视觉焦点往往不在底部，这就导致，品牌信息感知传递不足。

基于这个问题，再结合原研哉的“Alive”设计理念进行启动页的优化，我们通过一番探讨，决定把logo“Alive”的曲线动画直接放到启动页。

新版启动页动图展示

为了更有效的表达“Alive”设计理念，把logo的移动路径设定为logo的圆角，动画的时间为1s，动画完成后等待1s，共计2s。


Ai提取logo N3路径


AE根据路径制作动画

动画制作完成后，还有一个非常重要交互逻辑，这点考虑不到前面的工作适得其反。

交互上的思考

启动页其实不推荐有动画效果，因为会让用户等待时间感知变长，如果每次打开都要播放动画，那就是用户的噩梦。

针对这个问题，我们给出的方案是，在一定的时间内或不清理APP缓存的情况下，启动页动画只播放一次，之后打开就是一个快速闪过的静态页面。

这也是因为，首次打开APP都需要一个较长的时间等待，因为要预加载首页内容，有动画恰好可以缓解等待焦虑。

视频展示第一次、第二次打开状态

 小米商城slogan改了 

当初启动页还有一个备选方案是，logo仍在下方，把新的slogan放到页面视觉焦点位置，也就是现在的logo位置。

放logo是直接表达品牌信息，放slogan是一般是表达产品的定位，两者都是正确的表达，但最终我们还是倾向了品牌信息传递，也就是放logo。

原因是小米商城是品牌电商，所以产品更需要与用户建立更深厚的品牌感知。

小米商城之前的slogan是：
让每个人都能享受科技的乐趣

小米商城现在的slogan是：
带你享受科技的乐趣


之前是在表达公司的愿景，用户对这句话的感知相对会弱，因为这句话是对群体的表达，改后带有主语“你”，有相对强的专属感和代入感。


 最后 

最后我想说的是，看了n遍原研哉的设计理念，我受益匪浅。

原大师事实上早已脱离了设计技术，3年的设计工期多数时间都应该在琢磨设计理念了。

事实上，设计提案确实是设计师非常重要的一部分产出，优秀的设计提案一定是过稿的必杀器。

推荐阅读

聊聊环球影城App的设计优化
被油管这小功能惊艳到了，为什么我们做不到？
大厂设计师是如何做原型走查的，快收藏！


你「在看」是最好的肯定与鼓励

您可能也对以下帖子感兴趣

文章有问题？点此查看未经处理的缓存