【转】三分钟了解Fiori背后的设计理念
挑戰(zhàn)自己總是最難的,不過SAP做到了。
不知道是不是聽取了用戶長久以來的呼聲,Fiori的出現(xiàn)至少讓我這樣被蘋果iOS寵壞了的用戶有一種感覺:一貫穩(wěn)健的SAP也潮了起來。
圖:以蘋果為代表的消費類APP
這一次SAP應(yīng)該是使出全部功力了,就像郭靖靠降龍十八掌在華山論劍中一戰(zhàn)成名一般,SAP憑借Fiori 2.0一舉摘得了有設(shè)計界的奧斯卡之稱的紅點獎。
百聞不如一見,先來直觀的感受一下使用Belize(伯利茲)主題的Fiori 2.0界面。小小的跑個題:伯利茲這個地方是我一直想去的旅行目的地,它位于中美洲加勒比海的西側(cè),被墨西哥,危地馬拉和洪都拉斯包圍。伯利茲混合著美麗和危險的氣息,據(jù)說夜間的伯利茲,聽到槍聲比聽到鞭炮的幾率高得多。
如果你曾經(jīng)使用過Fiori 1.0版本,你會注意到在Fiori 2.0的Launchpad中,左右兩邊各增加了一個新的護(hù)翼區(qū)域,相當(dāng)于擴(kuò)展了整個桌面的使用范圍,這種設(shè)計概念,被稱為“Viewport Concept”。
在屏幕右側(cè)是“Notification Area”,感覺有點iOS里面的通知中心的意思。消息或者是Workflow的提醒會體現(xiàn)在這里。它的作用是時刻幫我提醒老板:我的報銷你還不趕緊批,等著生崽么?
左側(cè)叫“Me Area”,放置一些最近使用過的Apps,或者是一些自定義的用戶菜單,用于搜索的App Finder也在這里。中間的一大塊被稱為工作區(qū),是用戶處理日常業(yè)務(wù)的地方。
這樣的設(shè)計模式,大概體現(xiàn)了這樣的目的:可以讓用戶既聚焦于核心工作任務(wù),又不會錯失其他方面的動態(tài)。呵呵,照顧得面面俱到的感覺啊。
Fiori的設(shè)計哲學(xué)基于以下五個核心理念。
基于角色的(Role-based)
自我適應(yīng)的(Adaptive)
簡潔大方的(Simple)
連貫一致的(Coherent)
令人愉悅的(Delightful)
第一,第三,第四點很好理解,第二點自我適應(yīng)的是指一個App,無論你使用什么設(shè)備,電腦也好,平板或手機(jī)也好,都能夠自動適應(yīng)。一個詞概括:大殺四方,啊不,完美兼容。
我覺得最難的做到的是Delightful。在我這樣一個核心果粉的心目中,只有喬幫主時代的蘋果做到了Delightful。因為令人愉悅的設(shè)計對于我們普通人來說,是很難把握的其特征的。不過多讀書,總能嘗試找到答案。
按照The Non-Designers Design Book這本書中介紹的理念,好的設(shè)計需要做到:
親密性:存在邏輯關(guān)聯(lián)的元素,在視覺上也要存在關(guān)聯(lián)
對齊:頁面上的元素都要保持對齊
重復(fù):設(shè)計的某些方面要在整個作品中重復(fù)
對比:如果兩個元素是不同的,要在視覺上使其截然不同
我自己的感覺是,Fiori 2.0在這幾點上做的還不錯。至少給人一種蠻協(xié)調(diào)的觀感。
?
圖:SAP的用戶界面變化
常聽到一句話:規(guī)則是用來打破的。這一次在打破自己定義的規(guī)則上,我忍不住想跳起來跟虛擬的SAP同學(xué)擊個掌,干得漂亮!
關(guān)于SAP Fiori的幾點小常識
1.Fiori 2.0在S/4 HANA的On-premise 1610/Cloud 1608版本上推出。
2.Fiori基于SAP UI5技術(shù),這是一種基于JavaScript的UI庫,用于開發(fā)跨平臺的應(yīng)用程序。
3.Fiori的部署分為Central Hub和Embedded兩種方式,第一種需要為Fiori單獨部署一臺服務(wù)器。
最后
現(xiàn)在,問題來了,你明白神馬是Fiori了嗎?
?
總結(jié)
以上是生活随笔為你收集整理的【转】三分钟了解Fiori背后的设计理念的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: SAP打补丁时需要注意的地方
- 下一篇: 【转】SAP Fiori Design