屏幕分辨率基礎(chǔ)課件

屏幕分辨率基礎(chǔ)我們每天打交道的分辨率，不止表面那么簡(jiǎn)單屏幕分辨率基礎(chǔ)我們每天打交道的分辨率，不止表面那么簡(jiǎn)單1像素屏幕的最小單位屏幕分辨率基礎(chǔ)像素屏幕的最小單位屏幕分辨率基礎(chǔ)2說(shuō)到像素，我們想到什么？1說(shuō)到像素，我們想到什么？13“像素”的畫(huà)面說(shuō)到像素，我們想到什么？“像素”的畫(huà)面說(shuō)到像素，我們想到什么？4“像素”的本來(lái)面貌說(shuō)到像素，我們想到什么？“像素”的本來(lái)面貌說(shuō)到像素，我們想到什么？5現(xiàn)實(shí)世界的色彩2現(xiàn)實(shí)世界的色彩26現(xiàn)實(shí)世界色彩是連續(xù)的現(xiàn)實(shí)世界的色彩現(xiàn)實(shí)世界色彩是連續(xù)的現(xiàn)實(shí)世界的色彩7虛擬世界的色彩3虛擬世界的色彩38虛擬世界色彩是有邊界的虛擬世界的色彩虛擬世界色彩是有邊界的虛擬世界的色彩9兩者的轉(zhuǎn)換4兩者的轉(zhuǎn)換410數(shù)碼相機(jī)記錄色彩兩者的轉(zhuǎn)換數(shù)碼相機(jī)記錄色彩兩者的轉(zhuǎn)換11分辨率畫(huà)面的顯示方式屏幕分辨率基礎(chǔ)分辨率畫(huà)面的顯示方式屏幕分辨率基礎(chǔ)12關(guān)鍵的1英寸1關(guān)鍵的1英寸113磅磅是印刷行業(yè)通用的一個(gè)字號(hào)單位。1磅=1/72英寸。關(guān)鍵的1英寸磅磅是印刷行業(yè)通用的一個(gè)字號(hào)單位。關(guān)鍵的1英寸14英寸但是反過(guò)來(lái)，1英寸=72磅。這個(gè)長(zhǎng)度大約等于食指最外一根半指節(jié)。關(guān)鍵的1英寸英寸但是反過(guò)來(lái)，1英寸=72磅。關(guān)鍵的1英寸15多少英寸屏幕是指對(duì)角線長(zhǎng)度關(guān)鍵的1英寸多少英寸屏幕是指對(duì)角線長(zhǎng)度關(guān)鍵的1英寸16DPI/像素密度2DPI/像素密度217其實(shí)就是PS里的分辨率DPI/像素密度其實(shí)就是PS里的分辨率DPI/像素密度18神奇數(shù)字：300與723神奇數(shù)字：300與72319300300的DPI用于印刷品，這是我們?nèi)搜勰芊直娴臉O限。當(dāng)一英寸內(nèi)的像素點(diǎn)達(dá)到300左右，就可以以假亂真，我們?cè)僭趺礈惤?，都看不出像素點(diǎn)了。即使分辨率再繼續(xù)提升，我們也感覺(jué)不到畫(huà)質(zhì)變得更清晰。神奇數(shù)字：300與72300300的DPI用于印刷品，這是我們?nèi)搜勰芊直娴臉O限。神207272的DPI用于屏幕顯示。最早出現(xiàn)在mac電腦上，為了使屏幕與印刷品實(shí)際大小相等。神奇數(shù)字：300與727272的DPI用于屏幕顯示。神奇數(shù)字：300與7221邏輯像素和倍率解決碎片化問(wèn)題的關(guān)鍵屏幕分辨率基礎(chǔ)邏輯像素和倍率解決碎片化問(wèn)題的關(guān)鍵屏幕分辨率基礎(chǔ)22邏輯像素1邏輯像素123屏幕分辨率基礎(chǔ)ppt課件24顯示分辨率，也就是邏輯像素邏輯像素顯示分辨率，也就是邏輯像素邏輯像素25兩者的關(guān)系邏輯像素能調(diào)到最大時(shí)，就等于屏幕分辨率。我們?cè)谠O(shè)計(jì)PC網(wǎng)頁(yè)的時(shí)候，不會(huì)考慮這兩種分辨率的區(qū)別，兩者是相等的。邏輯像素兩者的關(guān)系邏輯像素能調(diào)到最大時(shí)，就等于屏幕分辨率。邏輯像素26調(diào)整分辨率時(shí)究竟發(fā)生了什么？邏輯像素調(diào)整分辨率時(shí)究竟發(fā)生了什么？邏輯像素27思考題如果邏輯像素能設(shè)置成1x1，顯示中國(guó)國(guó)旗，會(huì)是什么效果？邏輯像素思考題如果邏輯像素能設(shè)置成1x1，顯示中國(guó)國(guó)旗，會(huì)是什么28答案邏輯像素答案邏輯像素29倍率2倍率230屏幕分辨率基礎(chǔ)ppt課件31屏幕分辨率基礎(chǔ)ppt課件32倍率在發(fā)揮作用倍率倍率在發(fā)揮作用倍率33邏輯像素與倍率的關(guān)系3邏輯像素與倍率的關(guān)系334邏輯像素決定顯示效果邏輯像素與倍率的關(guān)系iPhone4屏幕分辨率640x960px÷倍率2=邏輯像素320x480iPhone3GS屏幕分辨率320x480px÷倍率1=邏輯像素320x480邏輯像素決定顯示效果邏輯像素與倍率的關(guān)系iPhone4屏幕35屏幕分辨率跨度非常大邏輯像素與倍率的關(guān)系屏幕分辨率跨度非常大邏輯像素與倍率的關(guān)系36主流的屏幕分辨率邏輯像素與倍率的關(guān)系iOSAndroid主流的屏幕分辨率邏輯像素與倍率的關(guān)系iOSAndroid37解決碎片化問(wèn)題4解決碎片化問(wèn)題438這個(gè)問(wèn)題不用我們來(lái)解決解決碎片化問(wèn)題這個(gè)問(wèn)題不用我們來(lái)解決解決碎片化問(wèn)題39為什么搞這么麻煩？解決碎片化問(wèn)題為什么搞這么麻煩？解決碎片化問(wèn)題40屏幕分辨率基礎(chǔ)ppt課件41顯示效果并不會(huì)一模一樣解決碎片化問(wèn)題顯示效果并不會(huì)一模一樣解決碎片化問(wèn)題42實(shí)際操作設(shè)計(jì)注意事項(xiàng)屏幕分辨率基礎(chǔ)實(shí)際操作設(shè)計(jì)注意事項(xiàng)屏幕分辨率基礎(chǔ)43PC1PC144PC常見(jiàn)分辨率PCPC常見(jiàn)分辨率PC45為PC設(shè)計(jì)邏輯像素：屏幕分辨率倍率：1切圖：1倍PC為PC設(shè)計(jì)邏輯像素：屏幕分辨率PC46iOS2iOS247iOS常見(jiàn)分辨率iOS640x1136750x13341242x2208iOS常見(jiàn)分辨率iOS640x1136750x13348為iOS設(shè)計(jì)邏輯像素：3種倍率：2、3切圖：2倍、3倍iOS為iOS設(shè)計(jì)邏輯像素：3種iOS49Android3Android350Android常見(jiàn)分辨率Android720x12801080x1920Android常見(jiàn)分辨率Android720x1280151為Android設(shè)計(jì)邏輯像素：1種倍率：1.5、2、3、4切圖：1.5倍、2倍、3倍、4倍Android為Android設(shè)計(jì)邏輯像素：1種Android52H54H5453H5常見(jiàn)分辨率H5H5常見(jiàn)分辨率H554為H5設(shè)計(jì)邏輯像素：4種（iOS+Android）倍率：1.