拿滿屏都是封面的頁面為例，比如視頻類、動漫類的產品頁面，我們可以從以下三個緯度來思考：
1.y軸（高度）的空間節省
2.x軸（寬度）的空間節省
3.z軸（深度）的空間節省
1.y軸（高度）的空間節省
y軸，顧名思義，就是高度，我這里舉三個例子來說明下：
第一個例子，我們來說說封面，我們看國內的漫畫平臺，比如快看，大部分是豎封展示：
但是國外的很多漫畫平臺都是橫封展示居多：
二者單從高度占比來講，橫封會矮一些：
第二個例子，也是關于封面的，國內外都會有一些方形封面，但是國內的方形封面一般一排只有兩個，而國外的會相對多一點：
單看高度，右邊的會節約一些縱向空間。
第三個例子，我們還可以在一些信息上進行整合
比如，快看最近瀏覽這個模塊，標題是放在上面，信息是放在封面下面的：
但是有一些產品比如波洞，標題是左側的，而信息文字是放在封面上的：
信息也能看的清，相比之下，后者高度上節約了太多空間：
這也是合理節約高度空間的一種方法。方法還有很多，大家可以多多思考嘗試。
2.x軸（寬度）的空間節省
x軸，就是寬度了，正常我們只是思考如何在屏幕內進行節約空間，那是否可以利用屏幕外的空間呢？
當然是可以的，國外有很多常規模塊都有利用這一原理來進行展示作品，比如：
國內可能主要用在猜你在追，瀏覽歷史這種模塊多一點。是否可以在更多模塊內使用這一展示方式，可以根據自身產品定位來嘗試。
3.z軸（深度）的空間節省
z軸，那就是屏幕的前后景深了，也就是深度，不僅僅只是思考二維平面的寬高了，而是思考如何利用屏幕縱像的空間。
舉個最簡單的例子，想嗶哩嗶哩漫畫這種：
就很好的利用了z軸的空間，物體不僅僅只是在二位平面內展示，而是延伸到屏幕里面，有了深度，相同平屏幕大小，展示更多空間的內容。
再比如，最早在韓國app看到的這種交互方式：
也是很好的利用頁面縱向的空間，達成一定的亮點和空間利用率。
再再比如，下拉頁面后，在頁面的后面出現一些內容：
原理也都是類似的，當二維空間無法滿足我們的內容擺放需求的時候，我們就可以想辦法拓展維度，讓我們的空間變得更廣，利用率更高，還容易產生一定的創意！
總結
以上就是我個人在節約利用移動端空間的小小總結，當然，有時候信息展示也不能緊緊只考慮面積占比問題，還需要從用戶體驗的爽感、信息層級、點擊轉化等多個維度來思考，我這里只是單純從占比這個點來思考，希望能給大家提供一點思路，僅供參開！
轉載請注明：學UI網》今天一個總監和我說，app頁面是3維空間的，我震驚了！
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。
藍藍設計( m.ssll180.com )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務