【转】三分钟了解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了嗎?
?
總結
以上是生活随笔為你收集整理的【转】三分钟了解Fiori背后的设计理念的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: SAP打补丁时需要注意的地方
- 下一篇: 【转】SAP Fiori Design