三分钟了解Fiori背后的设计理念

挑战自己总是最难的，不过SAP做到了。

不知道是不是听取了用户长久以来的呼声，Fiori的出现至少让我这样被苹果iOS宠坏了的用户有一种感觉：一贯稳健的SAP也潮了起来。

图：以苹果为代表的消费类APP

这一次SAP应该是使出全部功力了，就像郭靖靠降龙十八掌在华山论剑中一战成名一般，SAP凭借Fiori 2.0一举摘得了有设计界的奥斯卡之称的红点奖。

百闻不如一见，先来直观的感受一下使用Belize（伯利兹）主题的Fiori 2.0界面。小小的跑个题：伯利兹这个地方是我一直想去的旅行目的地，它位于中美洲加勒比海的西侧，被墨西哥，危地马拉和洪都拉斯包围。伯利兹混合着美丽和危险的气息，据说夜间的伯利兹，听到枪声比听到鞭炮的几率高得多。

如果你曾经使用过Fiori 1.0版本，你会注意到在Fiori 2.0的Launchpad中，左右两边各增加了一个新的护翼区域，相当于扩展了整个桌面的使用范围，这种设计概念，被称为“Viewport Concept”。

在屏幕右侧是“Notification Area”，感觉有点iOS里面的通知中心的意思。消息或者是Workflow的提醒会体现在这里。它的作用是时刻帮我提醒老板：我的报销你还不赶紧批，等着生崽么？

左侧叫“Me Area”，放置一些最近使用过的Apps，或者是一些自定义的用户菜单，用于搜索的App Finder也在这里。中间的一大块被称为工作区，是用户处理日常业务的地方。

这样的设计模式，大概体现了这样的目的：可以让用户既聚焦于核心工作任务，又不会错失其他方面的动态。呵呵，照顾得面面俱到的感觉啊。

Fiori的设计哲学基于以下五个核心理念。

基于角色的（Role-based）

自我适应的（Adaptive）

简洁大方的（Simple）

连贯一致的（Coherent）

令人愉悦的（Delightful）

第一，第三，第四点很好理解，第二点自我适应的是指一个App，无论你使用什么设备，电脑也好，平板或手机也好，都能够自动适应。一个词概括：大杀四方，啊不，完美兼容。

我觉得最难的做到的是Delightful。在我这样一个核心果粉的心目中，只有乔帮主时代的苹果做到了Delightful。因为令人愉悦的设计对于我们普通人来说，是很难把握的其特征的。不过多读书，总能尝试找到答案。

按照The Non-Designers Design Book这本书中介绍的理念，好的设计需要做到：

亲密性：存在逻辑关联的元素，在视觉上也要存在关联

对齐：页面上的元素都要保持对齐

重复：设计的某些方面要在整个作品中重复

对比：如果两个元素是不同的，要在视觉上使其截然不同

我自己的感觉是，Fiori 2.0在这几点上做的还不错。至少给人一种蛮协调的观感。

图：SAP的用户界面变化

常听到一句话：规则是用来打破的。这一次在打破自己定义的规则上，我忍不住想跳起来跟虚拟的SAP同学击个掌，干得漂亮！

关于SAP Fiori的几点小常识

1.Fiori 2.0在S/4 HANA的On-premise 1610／Cloud 1608版本上推出。

2.Fiori基于SAP UI5技术，这是一种基于JavaScript的UI库，用于开发跨平台的应用程序。

3.Fiori的部署分为Central Hub和Embedded两种方式，第一种需要为Fiori单独部署一台服务器。

最后

现在，问题来了，你明白神马是Fiori了吗？

---

微信原文：http://t.cn/RiksgWp