https://www.cnblogs.com/fang51/p/4286481.html 移動端尺寸繁多，包括IOS和安卓，尺寸多達十余種，所以移動頁面尺寸的適配一直是前端和設計的頭疼。今天來總結一下當前市場上的一些移動端尺寸，方便設計師和前端去考慮適配。但是最好還是針對自己的產品做調查 ...

5.dpi：平面設計/印刷技術單位，值越大，表明打印機精度越高 dpi=ppi 二、Andro ...

圖標尺寸規范和刪格化 參考資料 https://www.cnblogs.com/zhaoxinmei-123/p/11960880.html ...

1.制作的步驟： 工具：AI（可選擇） （1）在AI中設置參考線和網格：ctrl+k:參考線：10 網格：10 （2）視圖：勾選：對齊網格、對齊像素、對齊點（是為了保證沒有半像素化，icon的邊緣不虛華） （3）按照下面的圖標尺寸和刪格進行制作 2.圖標尺寸規范和刪格化 ...

那么多手機屏幕尺寸，設計稿應該按照哪一個尺寸作為標准尺寸。現在已經有2K分辨率的手機屏幕了，設計稿是不是也要把寬高跟着最大分辨率來設計。顯然不是。 請注意：（以下所有討論內容和規范均將viewport設定為content=”width=device-width”的情況下） 也就是我們的H5頁面 ...

當我們在做手機端H5網頁設計稿時（當然包含微信端的H5網頁設計），如果沒有做過類似的移動端的設計，UI設計師和前端工程師肯定會糾結的。如果是app設計師，就不會那么糾結啦。 那么多手機屏幕尺寸，設計稿應該按照哪一個尺寸作為標准尺寸。現在已經有2K分辨率的手機屏幕了，設計稿是不是也要把寬高跟 ...

開篇說： 上一篇，我寫過一篇綜合類的設計規范和適配。 這一次我想重點寫一下：網頁PC端產品設計規范和組的設計拆解，對項目的設計效率提升，有一定價值和意義。 分析項目設計中的組件，設計元素，設計規范與設計稿到開發的最后，盡可能保證產品設計還原的一致性。 思考項目設計的實際場景 ...

以iphone6設計圖為基准 做法一: 做法二: 兩者頁面元素尺寸都以rem為單位，但是文字字體大小不要使用rem換算， 而是使用媒體查詢來進行動態設置，比如下面的代碼就是網易的代碼： 或者： ...