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