《屏幕分辨率基础ppt课件.pptx》由会员分享，可在线阅读，更多相关《屏幕分辨率基础ppt课件.pptx（58页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、屏幕分辨率基础我们每天打交道的分辨率，不止表面那么简单像素屏幕的最小单位屏幕分辨率基础说到像素，我们想到什么？1“像素”的画面说到像素，我们想到什么？说到像素，我们想到什么？“像素”的本来面貌说到像素，我们想到什么？说到像素，我们想到什么？现实世界的色彩2现实世界色彩是连续的现实世界的色彩现实世界的色彩虚拟世界的色彩3虚拟世界色彩是有边界的虚拟世界的色彩虚拟世界的色彩两者的转换4数码相机记录色彩两者的转换两者的转换分辨率画面的显示方式屏幕分辨率基础关键的1英寸1磅磅是印刷行业通用的一个字号单位。1磅=1/72英寸。关键的关键的1英寸英寸英寸但是反过来，1英寸=72磅。这个长度大约等于食指最外一
2、根半指节。关键的关键的1英寸英寸多少英寸屏幕是指对角线长度关键的关键的1英寸英寸DPI/像素密度2其实就是PS里的分辨率DPI/像素密度像素密度神奇数字：300与723300300的DPI用于印刷品，这是我们人眼能分辨的极限。当一英寸内的像素点达到300左右，就可以以假乱真，我们再怎么凑近看，都看不出像素点了。即使分辨率再继续提升，我们也感觉不到画质变得更清晰。神奇数字：神奇数字：300与与727272的DPI用于屏幕显示。最早出现在mac电脑上，为了使屏幕与印刷品实际大小相等。神奇数字：神奇数字：300与与72逻辑像素和倍率解决碎片化问题的关键屏幕分辨率基础逻辑像素1显示分辨率，也就是逻辑像
3、素逻辑像素逻辑像素两者的关系逻辑像素能调到最大时，就等于屏幕分辨率。我们在设计PC网页的时候，不会考虑这两种分辨率的区别，两者是相等的。逻辑像素逻辑像素调整分辨率时究竟发生了什么？逻辑像素逻辑像素思考题如果逻辑像素能设置成1 x 1，显示中国国旗，会是什么效果？逻辑像素逻辑像素答案逻辑像素逻辑像素倍率2倍率在发挥作用倍率倍率逻辑像素与倍率的关系3逻辑像素决定显示效果逻辑像素与倍率的关系逻辑像素与倍率的关系iPhone 4屏幕分辨率640 x 960 px倍率2=逻辑像素320 x 480iPhone 3GS屏幕分辨率320 x 480 px倍率1=逻辑像素320 x 480屏幕分辨率跨度非常大
4、逻辑像素与倍率的关系逻辑像素与倍率的关系主流的屏幕分辨率逻辑像素与倍率的关系逻辑像素与倍率的关系iOSAndroid解决碎片化问题4这个问题不用我们来解决解决碎片化问题解决碎片化问题为什么搞这么麻烦？解决碎片化问题解决碎片化问题显示效果并不会一模一样解决碎片化问题解决碎片化问题实际操作设计注意事项屏幕分辨率基础PC1PC常见分辨率PC为PC设计逻辑像素：屏幕分辨率倍率：1切图：1倍PCiOS2iOS常见分辨率iOS640 x 1136750 x 13341242 x 2208为iOS设计逻辑像素：3种倍率：2、3切图：2倍、3倍iOSAndroid3Android常见分辨率Android720 x 12801080 x 1920为Android设计逻辑像素：1种倍率：1.5、2、3、4切图：1.5倍、2倍、3倍、4倍AndroidH54H5常见分辨率H5为H5设计逻辑像素：4种（iOS+Android）倍率：1.5、2、3、4切图：2倍Android其他设备5只要是屏幕就符合这个原理其他设备其他设备“谢谢。”