編輯導語：Material Design 不僅僅是安卓陣營產品的設計規范和風格，甚至它鼓勵設計師和開發者把這種風格用在蘋果設備和 windows設備上。作為設計規范，它很包容，卻有時又非常嚴格。使用了 Material Design 的產品給人很強的統一感和秩序感。而折疊屏的發展有需要又新的設計指南，下面跟著作者一起來看看吧！
折疊屏使用柔性屏幕可以折疊或展開，根據你的需要無縫擴展可用的屏幕空間。
了解硬件和 UI 的注意事項是設計自適應體驗的關鍵。
當 App 適應可折疊屏幕時需要考慮的條件和限制。
姿態是指可折疊設備可以采取的屏幕配置，能為 App 提供多少種不同的布局環境。
折疊姿態的正面屏幕使用了與典型手機相似的比例。
當你為折疊姿態的屏幕設計時，請參考Material Design中有關移動設備的通用指南。
與普通手機的比例相似，折疊姿態有一塊正面屏幕。
展開姿態是指打開的屏幕，它通常是正面屏幕的兩倍大小或一個小平板電腦的大小。展開的姿態分為橫屏和豎屏方向。
在展開姿態下，設備的折疊鉸鏈在某些型號上可能會很明顯。最為獨特的是微軟的 Surface Duo，鉸鏈完全從物理上把屏幕分割開。
Sureface Duo 鉸鏈完全把屏幕分成兩塊（譯者配圖）
橫向模式適用于較長的屏幕邊水平，較短的邊豎直。
在展開橫向時，較長的屏幕邊是水平，較短的邊垂直。
豎向模式適用于較長的屏幕邊垂直，較短的屏幕邊水平。
在展開豎向時，較長的屏幕邊垂直，較短的屏幕邊水平。
立放姿態描述一種特別的屏幕姿態，其中折疊屏一半與另外一半垂直。立放姿態類似于筆記本電腦：屏幕的一半是水平的，就像平放在桌上一樣，而另一半則約 90 度一樣豎立著。
立放姿態是一種屏幕姿態，屏幕一半水平，另外一半垂直或者半折。
當屏幕展開時，除非調整手的握姿，否則對于大多數人來說，屏幕上方的 25% 是夠不著的。為了適應設備和手的大小，限制放置在屏幕上方 25% 的交互元素數量。此外，避免將重要的交互元素放在離屏幕下方邊緣太近的地方。有些用戶，特別是手比較大的用戶，可能很難觸及屏幕下方邊緣的區域。
當用戶拿著一個展開的設備時，他們的手指觸及范圍是有限的。在布局中指定說明交互的時候，要考慮到以下這三個人體工程學區域。
展開的設備示意圖，呈現三個不同的交互注意區域。
限制屏幕上方四分之一的交互。如果不改變持握姿勢，屏幕上方的 25% 是很難觸及的。
當用戶用兩只手握住設備時，屏幕的頂部區域（1）難以觸及。
將關鍵和常用的元素放在靠近屏幕下方和角落的地方，會使得它們更難接觸到。
千萬別這樣！避免將 FABs（浮動動作按鈕）等元素放在離屏幕下方太近的地方。這使得它們難以觸及，因為較大的設備會限制拇指能夠伸向的距離，特別是在單手使用設備時。
由于設備的鉸鏈實現了折疊，折疊屏幕的中心會有觸覺差異。
避免將重要的信息和動作放在展開的屏幕的中心 48dp 上。
展開屏幕上中心的鉸鏈示意圖
以豎向模式下的中心鉸鏈舉例。避免在這個區域放置重要的交互元素
處于豎向模式下設備中心的鉸鏈示意圖
折疊設備的鉸鏈有兩種類型：
在有物理鉸鏈的設備上，將屏幕設計成兩個不同的部分，這樣就可以使接縫和屏幕之間顯得很和諧。
一個對話框案例，該對話框位于有縫鉸鏈半邊屏幕的中心附近。
避免放置關鍵動作（比如對話框）沿中心鉸鏈放置。
千萬別這樣！避免將關鍵動作放在中心鉸鏈上。
可以這樣！將對話框等關鍵元素放在屏幕的兩邊。
千萬別這樣！避免將關鍵動作放在屏幕的中間。
當把屏幕劃分成組合區域時，避免在屏幕中間的 48dp 放置重要動作。2 欄布局的組合效果最好。
在橫向模式下，把主要的導航組件放在屏幕的垂直邊緣（1）上，并將內容和元素分割成兩列（2）。
內容和元素被分成兩列，一個導航欄（1）提供符合人體工程學方式的導航體驗。而內容被分成兩列，使用屏幕的寬度（2）。
在縱向布局中使用一列。在縱向模式下，水平空間是有限的，幾乎沒有空間可以實現有意義的兩列。
在可折疊的 App 的縱向布局中使用單列
如果內容能在狹窄的視野中容納而不會過度失真，那么可以使用兩列展開的縱向布局。
當心！只有當內容適合較窄的視圖時，才能在縱向布局中使用兩列。
復雜的列表條目使人很難在兩個壓縮的列中舒適地查看內容。
在為可折疊設備進行設計時，有兩種主要的方法來管理擴展和收縮的屏幕空間。
當屏幕空間因為設備的展開而擴大時，更大的畫布可以用來擴展現有視圖或添加一個單獨的、額外的視圖。
當展開時，列表中的第一個對象應該默認打開，除非有條目被選中。
擴展意味著采取典型的移動設備設計，重新排列元素和內容，以更好地利用空間。這可能意味著增加第二列內容或重新排列內容區域。這種方法類似于網頁上的響應式設計。包括以下例子：
與通常使用單列（左圖）的移動設備布局相比，可折疊設備（右圖）可能會使用多列布局。
為了適應更大的屏幕，移動設備 UI 中的兩個不同的視圖可以在一個更大的設備上作為單個視圖呈現。考慮從一個流程中提取多個屏幕，并將它們呈現在可折疊設備上以單一視圖呈現。
包括以下例子：
在移動端（左圖），一個應用程序有兩個屏幕，可以合并成單個兩列布局，用于開發的可折疊設備（右圖）。
根據你的 App 如何擴展或組合窗口，折疊設計的滾動行為在展開設計中發生變化。
如果你擴展一個窗口，你可以決定整個屏幕是一起滾動還是每一邊（每一列）獨立滾動。
如果你選擇組合窗口，屏幕的每一面將作為獨立的滾動區域操作。
兩個可折疊的設備。1（左邊）顯示兩個獨立的滾動列，2（右邊）顯示單頁的滾動內容。
沉浸式布局將注意力集中在單一的動作或窗口上，為一個特定的目標創造無干擾的環境。
包括以下例子：
通過使 App 的布局專注在視頻電話上，這種體驗不會與其他內容爭奪注意力。
作者：龍爪槐守望者；公眾號：龍爪槐守望者
本文由 @龍爪槐守望者 原創發布于人人都是產品經理。未經許可，禁止轉載。
題圖來自 Unsplash，基于 CC0 協議
作者：NGA-De-Kolibre
首先，目前劇情中有兩個已經可以基本確定的設定。
1. 薩菲羅斯和愛麗絲都在一定程度上知道'劇本安排的'未來。
2. 克勞德一行人看到的、菲拉想盡一切辦法維持的命運，是97年本傳的劇本。
這兩點應該是毋庸置疑的了，劇情里反復提及，這里就直接把這兩點當作已經確定的設定。
先來解決一個新設定“菲拉”的問題，菲拉到底是什么？站在哪一方？他們想做什么？
首先，用最簡單最快捷而且絕對不會出理解偏差的方法找一找——打開ENEMY REPORT看一眼菲拉·普拉耶格，也就是集合體菲拉的描述。“‘命運守望者’菲拉的集合體，會阻擋試圖改變命運走向的人。與星球命運的所有時間、所有空間相連。”
此外，在寶條實驗室里，赤紅十三也明確說過菲拉的定義。
-(赤紅十三)他們是菲拉，稱他們為“命運的守望者”是最貼切的，他們會出現在試圖改變命運走向的人面前，修正那個人的行動。
-“命運”是什么？
- 換句話說，就是這個星球從誕生到消失的“走向”。
-你的意思是走向已經確定了嗎？
-嗯，星球似乎快耗盡力氣了。
(此處巴雷特打斷了對話)
……
-(愛麗絲)那個，大家聽我說，我們的敵人不是神羅公司。雖然契機是神羅造成，但真正的敵人另有其人。我無論如何都想拯救所有人、拯救星球。
- 你到底知道些什么？
- 我現在就像迷路了一樣，越是行動，越是找不到路。每當菲拉碰到我，我的碎片就會掉落。黃花就是路標。
菲拉是命運的守望者，他們的目的就是為了維持97年的原版劇本不變，為此他們要阻礙一切想要改變劇本的人。重制版里炸毀五號魔晄爐的計劃里本來沒有克勞德，因此菲拉弄傷了杰西讓克勞德得以出場；在克勞德愛麗絲兩人教堂里躲避神羅士兵逃往閣樓的時候，愛麗絲失足掉了下去，菲拉把她推了上來；薩菲羅斯殺死了巴雷特改變了命運，菲拉又出現在他身邊，結果被他一刀劈開；巴雷特本不應該死，于是菲拉復活了他。菲拉本身沒有站在任何一方也沒有幫助任何一方，他們的目的就是為了維持命運不變。菲拉不會幫助克勞德、神羅或是薩菲羅斯任何一方。
而之所以說主角團在第十八章里打的三位菲拉就是未來的自己，其實游戲中也有明確說過。繼續打開ENEMY REPORT。
菲拉·羅瑟：從未來命運中抽出并具象化的存在，揮舞著劍想要守護創造自己的未來。
菲拉·費迪：從未來命運中抽出并具象化的存在，施展體術來守護創造自己的未來。
菲拉·賈羅：從未來命運中抽出并具象化的存在，操縱槍械來守護創造自己的未來。
這樣一看就很清楚了，倒數第二場的BOSS戰，其實就是現在的主角團五人組對抗未來的自己。
在打菲拉的途中，每把菲拉·普拉耶格打到下一個階段，五人都會看到一段預示未來的場景。97年本傳最后赤紅十三奔跑向殘破的米德加、薩菲羅斯召喚隕石撞向星球、本傳薩菲羅斯和克勞德的最終戰、白魔石掉落、愛麗絲死亡。這些片段是誰給他們看的？再看一遍菲拉集合體的描述——“‘命運守望者’菲拉的集合體，會阻擋試圖改變命運走向的人。與星球命運的所有時間、所有空間相連。”
每次閃回開始前都會有lifestream流出的特征，可以理解成與星球密切相連的菲拉在遭受主角團重創之后開始放送一些破碎的記憶片段。
在菲拉首次放送未來片段(赤紅十三跑向殘破的米德加)時，有一段有趣的對話。
-(巴雷特)剛才那是什么？
-(赤紅十三)是我們即將拋下的景色。
所以說，打敗菲拉其實就是打破了97年的劇本，接下來的一切都需要主角們自己去塑造，是好是壞都是未知數，薩菲羅斯勝利、毀滅星球也不是不可能。
第二個問題關于重制版中對未來有知曉的愛麗絲。愛麗絲到底知道多少？她想做什么？
首先，可以明確一點：愛麗絲在一定程度上知道未來會發生什么。要不然她也不會在第十八章說要阻止薩菲羅斯，更不會在夢中告訴克勞德讓他不要愛上自己，以免再度陷入97年本傳的悲劇。
然而，從游戲中的小細節里可以看出，愛麗絲的認知是有逐步遞進的過程的。她并不是一開始就像薩菲羅斯那樣拿好了劇本。
在劇情中，菲拉第一次出場是在愛麗絲送給克勞德花之后，并且這段愛麗絲有一句臺詞“這是什么？”，可以推斷出，這也是她第一次看見菲拉，并且，那時候她是不知道這種生物的。然而在神羅總部寶條的實驗基地里，她已經知道了菲拉的來源和意義，并告訴了赤紅十三，后者再告訴了其他人。
以及第八章的extra任務“與花對話”，愛麗絲在做完支線回家之前會有一段花田的場景，而這里也有一段對白。
-(克勞德)花說了什么？
-(愛麗絲)它說辛苦了。騙你的，我什么也沒聽到，不過……不，沒什么，反正說了你也不會相信。
-或許吧。但我不介意聽你說說。
-真的嗎？
-嗯。
-感覺就差一點點了，花朵們似乎想說些什么，似乎有什么事情要告訴我。我總有這種感覺。偏偏好像少了什么，差一點點就能傳達給我了。總是這樣，因此，我打算放棄了。
-我倒覺得你看起來不像要放棄的樣子。
-那是因為我今天特別努力。
-今天特別做了什么嗎？
-(笑)好，我們走吧。
到底是什么事情讓愛麗絲覺得即便自己說了，克勞德也不會相信？看這一段，在寶條實驗室里，愛麗絲提起自己是古代中，巴雷特說了一句“我們生于星球，與星球對話，開拓星球”，愛麗絲回答“你好厲害！”跟愛麗絲對話的表面上是花朵，實際上就是星球。
而“花朵們似乎想說些什么，似乎有什么事情要告訴我。我總有這種感覺。偏偏好像少了什么，差一點點就能傳達給我了”這又是什么意思呢？結合一開始愛麗絲不知道菲拉是什么、但在寶條實驗室里卻能準確說出菲拉的含義來看，愛麗絲的信息獲取是隨著時間線的推移慢慢遞進的。
為什么在最終戰之前愛麗絲要攔住克勞德？她想要做什么？
首先看一下這段劇情。
薩菲羅斯劈開了菲拉，在其中創造出一個通道走了，愛麗絲伸手分開了擋道的菲拉凈化了通道，通道變成了白色煙團，主角團通過了這個通道，迎戰象征未來三人組的菲拉。
- 這一刻就是岔路，是命運的分歧點。
- 為什么攔住我？
- 為什么嗎……
- 另一邊有什么？
- 自由。但自由是很可怕的，你聽到了星球的哀號吧。那是過去人們的聲音，循環于星球的生命的吶喊。
- 是薩菲羅斯造成的吧？
- 嗯，他根本不在乎這些哀號。平凡卻無可取代的日子、喜悅及幸福，肯定也不悲他放在眼里。即使失去重要的人，也不會痛苦和悲號。薩菲羅斯只在乎星球和他自己，為了守護這兩者，他什么都做得出來。那樣是錯的。星球真正的敵人是薩菲羅斯。所以我想阻止，希望克勞德……希望大家可以幫忙，只要我們并肩作戰，一定能辦得到。不過……這道墻是命運的阻礙，一旦進去……跨越了這道墻……大家都會改變。所以……抱歉，攔住了你。
-(克勞德)不必迷惘，一起打倒薩菲羅斯吧。
……
-(赤紅十三)這是命運最后的要塞，不可能輕松通過的。
所以說，愛麗絲的目的已經很明確了——薩菲羅斯在通道的背后，如果主角團想要在此時此地打敗他，阻止一切悲劇發生，那就得通過命運的墻。赤紅十三的話里說明，作為命運的最終要塞，要通過它、找到薩菲羅斯就得打敗命運(菲拉·普拉耶格和象征未來克勞德、巴雷特、蒂法的劍、槍、拳菲拉)。然而，“一旦進去……跨越了這道墻……大家都會改變”，而愛麗絲擔憂原定劇情變動、沒有了菲拉維護劇本之后，“自由是很可怕的”，薩菲羅斯將不受菲拉的阻礙，不一定會再像97年原版那樣最終落敗。這是薩菲羅斯想要改變的方向，也是她最不愿意看到的劇情。
所以，實際上，薩菲羅斯給愛麗絲了兩種選擇：現在對未來一無所知的其他人想要沖過命運墻打敗薩菲羅斯，順便也會毀滅“命運守護者”菲拉；而愛麗絲則是唯一一個知道97年本傳劇本、知道最后自己會死、薩菲羅斯會被其他人合力打敗的人。而實現97年本傳的劇本就需要菲拉來維護命運。一開始她攔住了克勞德，就是不想讓其他人毀滅菲拉、毀滅這個97年星球得以幸存的好結局。
為什么可以得出“愛麗絲更偏向于97年本傳結局”這個結論？夢中與克勞德對話那一段，愛麗絲已經接受了自己會死這個既定事實，讓克勞德不要愛上她也是希望克勞德不要重蹈當年的悲劇。在愛麗絲看來，接受命運選擇自己死亡的結局，也比把命運全盤顛覆、讓薩菲羅斯有勝利的機會來得好。因此她不愿意告訴克勞德未來會發生的事，就是希望克勞德不要為了自己能活下來而改變命運。
然而對未來只有幾個愛麗絲死亡片段印象的克勞德當然不知道薩菲羅斯改變命運的陰謀，因此在聽到愛麗絲“星球真正的敵人是薩菲羅斯。所以我想阻止，希望克勞德……希望大家可以幫忙，只要我們并肩作戰，一定能辦得到”這番話之后就很直接地認為愛麗絲的意思就是要越過命運墻打敗薩菲羅斯了，OK，玩家也沒法選擇，只能走打敗菲拉、改寫命運這條路。
所以本質上，薩菲羅斯這一手套路很深。借克勞德一行人不知道劇本、愛麗絲也沒法跟他們說清楚劇本的緣由，讓他們打敗菲拉，自己不用親自出馬就能把礙事的菲拉和本傳里自己必敗的劇本清除掉。劇情也的確朝他想要的方向發展了。
薩菲羅斯為什么要多次出場？是劇情必要還是Nomura亂加戲？
首先明確一點：無論這個薩菲羅斯是不是二周目玩家、是不是穿越過來的，現在他已經知道97年的劇情了。關于這點我就不詳細說了，從第一次在愛麗絲身邊閃現時的“你無法守護任何人，連自己都守護不了”到結局CG的“我們的星球似乎會成為那個的一部分”，很明顯他已經知道了劇情和后續發展。
然后問題就來了，為什么他要頻繁出場？97年的時候米德加里他只在殺死神羅總裁的時候出場了一次，這次為什么要有這么多戲份？這次薩菲羅斯的實體出場是在寶條實驗室，而在此之前全部都是克勞德的幻覺。所以，為什么他要給克勞德這么多幻覺？
我個人認為這絕不是單純的精神施壓。一方面，薩菲羅斯反復向克勞德提及愛麗絲死亡的場景，在第一次與愛麗絲見面時就出現在愛麗絲身旁表示“你無法守護任何人”，教堂里給克勞德顯示白魔石墜落的場景并且后續該場景多次出現等等，就是為了告訴克勞德愛麗絲會死這個事實。而97年本傳最后星球勝利的一個關鍵點，就是愛麗絲的意識推動生命之流對抗隕石，如果沒有了'愛麗絲在生命之流里'這個條件，那薩菲羅斯就有了勝算。而作為對未來一無所知的克勞德，在反復看到愛麗絲死亡的場景之后，想到的一定是要阻止這件事發生，正中薩菲羅斯下懷。
另一方面，薩菲羅斯反復出現在克勞德的幻覺中，并且特意塑造一個完全對立面的形象(沒人會覺得他的多次精神施壓是為了改善自己在克勞德眼中的形象吧)，目的是為了確保第十八章里克勞德會出于對薩菲羅斯的痛恨而做出“現在就得打敗薩菲羅斯”的決定。薩菲羅斯也在幻覺中對克勞德說過“別反抗命運”，目的就是為了讓他往反抗命運、毀滅菲拉的方向走，要不然如果克勞德第十八章覺得“自由的確是很可怕的，還是跟著命運走好了，愛麗絲說得對，菲拉還救了巴雷特呢”就沒有穿過命運墻，那他就前功盡棄了。
第一章結尾兩人最終決戰時，薩菲羅斯已經打掉克勞德的劍了，為什么不殺掉他？說需要幫助是想干嘛？
先來回顧一下這段對話。
-(薩菲羅斯)小心，那前面還不存在。我們的星球似乎會成為那個的一部分。我不想消失，也不想消滅你。
-(克勞德)這里是？
-世界的盡頭。我需要你的力量，克勞德。跟我一起對抗命運吧？
-我拒絕。
(打斗畫面，最后克勞德的劍被打飛)
-(薩菲羅斯)現在是末日的前7秒。不過，一切還來得及。未來正掌握在你的手中，克勞德……
這個想要幫助肯定不是字面意義上的想要幫助，就像97年本傳里他管克勞德叫好孩子并不是真的認為克勞德是好孩子一樣。實質上，他的確得到了克勞德的幫助——借克勞德之手消滅了阻礙自己改變命運的菲拉，接下來他還要借克勞德之手讓愛麗絲沒法對抗隕石。提前透露愛麗絲死亡的劇情看似好意，但在不知道劇本的克勞德眼里明顯很糟糕。再結合赤紅十三跑向殘破的米德加的畫面來看，克勞德很容易就會認為97年的結局是薩菲羅斯最終勝利、星球毀滅，命運急需改變。現在克勞德面臨兩個選擇：不改變命運，沿著97年的劇本走，那根據劇本愛麗絲活不下來，但他不知道殘破的米德加是好結局，自己最終能打敗薩菲羅斯；改變命運，愛麗絲有可能活下來，但菲拉一死無人維護劇本，薩菲羅斯也有了勝算。
而薩菲羅斯無疑是想要后一種選擇，因此才會說出“一起對抗命運吧”這種話。而身為不知道后續劇情，只知道愛麗絲死亡、白魔石掉落、隕石撞星球、米德加變荒原這幾個片段的克勞德來說，無疑是改變命運來得好。這樣一來，沒有了愛麗絲在lifestream里阻礙隕石，薩菲羅斯的勝算就更大了。
而重點在于，從頭至尾薩菲羅斯都是在充當一個反面角色，克勞德也是自認為一直在想方設法阻止薩菲羅斯，從毀滅菲拉到后面可能的救愛麗絲都是為了反抗克勞德眼中那個星球毀滅的壞命運，而這也正好是薩菲羅斯想達成的目的。
總結一下就是，如今7R的時間線里出現了'知道未來劇情'的二周目薩菲羅斯，知道未來的薩菲羅斯想要改變自己必敗的既定事實，因此他頻繁出場多次給克勞德愛麗絲死亡、白魔石掉落的暗示，目的就是為了欺騙克勞德“命運”所定的結局是個壞結局，讓一行人想要改變命運，改變薩菲羅斯必敗的事實。“命運的守門人”菲拉跟隨薩菲羅斯自未來而來，目的是為了阻止他、阻止一切想要改變命運的行為，相當于中立方。而薩菲羅斯的第一步已經達成，克勞德殺死了守護命運的菲拉，正中他的下懷。
愛麗絲已經知道后續會發生什么了，所以她說薩菲羅斯只關心他自己和星球，要阻止薩菲羅斯。現在克勞德面臨兩個選擇：不改變命運，沿著97年的劇本走，那根據劇本愛麗絲活不下來，但他不知道殘破的米德加是好結局，自己最終能打敗薩菲羅斯；改變命運，愛麗絲有可能活下來，但菲拉一死無人維護劇本，薩菲羅斯也有了勝算。目前埋下的伏筆其實是薩菲羅斯為了欺騙克勞德設下的局。
最后，非常感謝reddit上的Metsys1大佬提供的中心思路，是在看了他的分析之后才慢慢理解了一些劇情。再搬運一下大佬的原文。
There is a future sephiroth and a present sephiroth. Present sephiroth is dead and in the northren crater. Future sephiroth wants to change shit, but he cant because of watchmen of fate, spirits that want to keep the events just like that, and they were probably even following future sephiroth to the past to stop him. Im sure ive seen this concept before in soul reaver, where monsters attack raziel when hes travellin around time and messing with it.
Sephiroth wants to change things but he cant, so he tricks the party into thinking that watchmen of fate are bad and that if they dont change fate, they will get a bad ending (showing that red XIII scene where he gets to a destroyed midgar. They assume this is the bad ending, when in reality it is the good). The party defeats the the spirits and now they have to face sephiroth, because since theres no spirits, he can do whatever you want. Cloud defeats future sephiroth and shit is, for now, restored. Now the party knows that something is up with sephiroth, so they leave midgar to find present sephiroth and try to change fate on stuff. They dont know what is gonna happen.
Thats it.
My theory is that sephiroth also shows all this scenes to Cloud to prevent Aeris from dying. With aeris not dying she cant have access to the lifestream, therefore meteor should win. Probably the new objective is to take her holy materia and not to kill her.
I dont know about you, but i firmly think that this part was about future sephiroth + watchmen of fate, while the next parts will purely be present sephiroth and jenova like the normal OG, with the potential of fate changing.