為什麼375 667是移動端原型的最佳解析度

2021-08-04 11:37:39 字數 1365 閱讀 7460

部分pm在設計移動端產品的時候,往往是隨意畫了個原型尺寸或者上網找個模板套進去,當然也有部分知道用375x667比較好,但是不知其所以然。

接下來我來講清楚為什麼以及前世今生。

既然是設計移動端原型,理論上來說最佳的原型尺寸最好是和你的目標使用者手機尺寸保持完全一致。

後來隨著android崛起,各種國產機盛行,螢幕割裂嚴重,部分pm使用720x1280設計原型,或者繼續沿用之前的尺寸320x480。

再後來iphone6/6plus發布,螢幕解析度的**也越來越嚴重。

此時最好有一種通用方案來解決這個問題,兼顧所有的螢幕解析度。

考慮到螢幕解析度已經有數百種,並且兼顧使用者量少的機型沒有價值。所以一一兼顧所有的螢幕是不現實的事情。

所以大家都是兼顧使用者量使用最多的幾款解析度。使用者量很小的螢幕不處理。

如果有必要的話,部分螢幕單獨處理。

由於主要是750x1334最大、所以考慮它作為原型設計尺寸,然後看是否可以兼顧其他解析度。

而第二解析度佔比是1242x2208,是1.5倍的等比關係。

第三解析度640x1136,約等於0.85的關係。

至於其他的解析度佔比已經很低,不是等比關係。可以在碰到情況的在處理,甚至不處理。

iphone的解析度太分散,只考慮佔比最大的前幾個,720x1280、1080x1920、480x854、540x960,總計佔比77%。

其中720x1280是和750x1334等比關係,同理1080x1920,480x854,540x960都是約9:16。

所以其實還是一回事,原型直接使用375x667。

可以,如果你們的使用者群以android為主,或者你們的pm都是用的android手機。

另外就是大部分pm、ui使用的是是iphone,所以更願意以iphone的邏輯解析度來設計罷了。

包括adobe的原型設計工具experience design cc也是推薦以375x667來設計,或者次選320x640。

如果你使用axure設計原型的話,建議375x667-20,這樣方便在手機上直接檢視原型。減去狀態列20px是因為axure匯出的原型在ios上無法隱藏它。

**:浪子

移動端為什麼需要HTTPDNS

dns的工作模式 1.在一台pc上輸入 www.taobao.com.此時這台電腦會發出乙個dns請求,注意這個dns請求是被發給本地dns伺服器的。基本上本地dns伺服器如果不經過特殊設定的話,我們可以理解為你的網路提供商比如中國電信在你附近設定的乙個本地dns伺服器 2.這台中國電信的本地dns...

「原型」是什麼?為什麼要使用「原型」

乙個軟體原型是所提出的新產品的部分實現。使用原型有三個主要目的 明確並完善需求原型作為一種需求工具,它初步實現所理解的系統的一部分。使用者對 原型的評價可以指出需求中的許多問題,在你開發真正產品之前,可以最低的費用來解 決這些問題。探索設計選擇方案原型作為一種設計工具,用它可以探索不同的使用者介面技...

什麼是原型 原型物件 原型鏈?

每當宣告乙個函式的時候,系統都有乙個 prototype 原型 屬性,這個屬性是乙個指標,指向乙個物件,而這個物件的用途是包含可以由特定型別的所有例項共享的屬性和方法,稱為原型物件 在宣告了乙個函式後,這個建構函式 宣告了的函式 中會有乙個屬性prototype,這個屬性指向的就是這個建構函式 宣告...