ui入門基礎知識:像素和分辨率的認識


像素和分辨率

像素

中文全稱是圖像元素,英文為Pixel,簡寫為PX.我們人眼所看到的圖像都是由一個個尺寸微小的色點組成的,例如下圖,就是由一個個色點(純色)組成的,這些色點就是像素。也就是說像素是記錄圖像的基本單位。像素點非常的小,只有放大到很高的層級才能看到像素點。像素的大小是會變的,會隨着分辨率的大小改變(不懂的看下面分辨率概念)

分辨率

分辨率分為圖像分辨率和顯示/屏幕分辨率

屏幕分辨率(dpi):

是指屏幕圖像的精密度,也就是顯示器所能顯示的像素有多少。分辨率越高,像素點也就也多,圖像就越清晰。

圖像分辨率(ppi):

是指每英寸圖像內的像素點數。分辨率越高,像素點的密度越高,圖像越逼真。電子設備常用分辨率為72,印刷常用設備分辨率為300。

像素和分辨率的關系

像素(個數)=分辨率x英寸

例如:

要在一張A4(11.69英寸X 8.27英寸)的紙上打印一幅畫,分辨率為300ppi。那在軟件中需要建立多大的畫布呢?

長:11.69 X 300=3509(像素)

寬:8.27 X 300=2481(像素)

我們平時在壓縮圖片的時候是保持可視畫面尺寸不變,分辨率降低,像素點就變大,圖片的質量變低。分辨率升高,像素點就變小,圖片也越清晰。所以像素的大小會隨着分辨率的改變而改變。

Web常用尺寸

UI設計分辨率:72ppi

常用分辨率表示方法:屏幕X軸上的像素值x Y軸上的像素值。目前普遍最小的電腦顯示器分辨率為:1024x768。因此設計時寬度通常要小於等於1024px,常用的寬度有1000px,980px,960px,940px。

APP常用尺寸

紙媒常用尺寸

常用分辨率:300ppi

廣告牌,易拉寶的分辨率可適當降低到150ppi或其他的分辨率。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM