pt(point):設計用單位,每個pt大小固定不因裝置不同而異(故不會有跑版問題)
*補:在Android上稱作dp(density-independent pixel),用意是一樣
px(pixel) : 用來決定螢幕成像清晰度,ppi(pixel per inch)越高,畫素越高,顆粒越小,螢幕成像越清楚(不失真)
pt 這個單位詞,其實最早源自於傳統的鉛字印刷,是用來表示鉛字塊的尺寸,在印刷和平面設計的世界裡,1 pt = 1/72 英吋;而 CSS 之所以有 pt 這個單位,其實是要把網頁印刷/列印出來的時候用到的。
The Ultimate Guide To iPhone Resolutions
https://www.paintcodeapp.com/news/ultimate-guide-to-iphone-resolutions
於UI設計的方法,內容包含APP、網頁、平板等介面設計經驗及教學,以及各個人在職場的一些心得。
http://mei-ui-designer.blogspot.com/2014/11/ios-android_9.html
*補:在Android上稱作dp(density-independent pixel),用意是一樣
px(pixel) : 用來決定螢幕成像清晰度,ppi(pixel per inch)越高,畫素越高,顆粒越小,螢幕成像越清楚(不失真)
pt 這個單位詞,其實最早源自於傳統的鉛字印刷,是用來表示鉛字塊的尺寸,在印刷和平面設計的世界裡,1 pt = 1/72 英吋;而 CSS 之所以有 pt 這個單位,其實是要把網頁印刷/列印出來的時候用到的。
徹底理解 UI 及 Web 的尺寸單位:基本觀念
https://medium.com/uxabc/understanding-ui-units-8acdc0575388UI 設計筆記尺寸篇:APP 尺寸、icon 尺寸、上架圖、推播圖
https://medium.com/@Laura_Lin/ui-%E8%A8%AD%E8%A8%88%E7%AD%86%E8%A8%98%E5%B0%BA%E5%AF%B8%E7%AF%87-app%E5%B0%BA%E5%AF%B8-icon%E5%B0%BA%E5%AF%B8-%E4%B8%8A%E6%9E%B6%E5%9C%96-%E6%8E%A8%E6%92%AD%E5%9C%96-ef8756401851The Ultimate Guide To iPhone Resolutions
https://www.paintcodeapp.com/news/ultimate-guide-to-iphone-resolutions
iOS Device Screen Size 蘋果裝置螢幕尺寸
http://benjenq.pixnet.net/blog/post/45314988-ios-device-screen-size-%E8%98%8B%E6%9E%9C%E8%A3%9D%E7%BD%AE%E8%9E%A2%E5%B9%95%E5%B0%BA%E5%AF%B8於UI設計的方法,內容包含APP、網頁、平板等介面設計經驗及教學,以及各個人在職場的一些心得。
http://mei-ui-designer.blogspot.com/2014/11/ios-android_9.html
UI 設計師必知的蘋果 iPhone X 設計細節全整
https://buzzorange.com/techorange/2017/09/18/what-ui-designers-need-to-know-about-iphone-x/
幫你搞懂設計中的: px,ppi;dot,dpi;sp,dp;pt
https://hk.saowen.com/a/6ecc5ab0b85a47b412d2e8235367e505956238c575f6824f76638bdcb68c30cb
留言
張貼留言