屏幕分辨率基础课件.pptx

屏幕分辨率基础课件.pptx

ID:57253163

大小:12.74 MB

页数:58页

时间:2020-08-03

屏幕分辨率基础课件.pptx_第1页
屏幕分辨率基础课件.pptx_第2页
屏幕分辨率基础课件.pptx_第3页
屏幕分辨率基础课件.pptx_第4页
屏幕分辨率基础课件.pptx_第5页
资源描述:

《屏幕分辨率基础课件.pptx》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库

1、屏幕分辨率基础我们每天打交道的分辨率,不止表面那么简单像素屏幕的最小单位屏幕分辨率基础说到像素,我们想到什么?1“像素”的画面说到像素,我们想到什么?“像素”的本来面貌说到像素,我们想到什么?现实世界的色彩2现实世界色彩是连续的现实世界的色彩虚拟世界的色彩3虚拟世界色彩是有边界的虚拟世界的色彩两者的转换4数码相机记录色彩两者的转换分辨率画面的显示方式屏幕分辨率基础关键的1英寸1磅磅是印刷行业通用的一个字号单位。1磅=1/72英寸。关键的1英寸英寸但是反过来,1英寸=72磅。这个长度大约等于食指最外一根半指节。关键的1英寸多少英寸屏幕是指对角线长度关键的1英寸DPI

2、/像素密度2其实就是PS里的分辨率DPI/像素密度神奇数字:300与723300300的DPI用于印刷品,这是我们人眼能分辨的极限。当一英寸内的像素点达到300左右,就可以以假乱真,我们再怎么凑近看,都看不出像素点了。即使分辨率再继续提升,我们也感觉不到画质变得更清晰。神奇数字:300与727272的DPI用于屏幕显示。最早出现在mac电脑上,为了使屏幕与印刷品实际大小相等。神奇数字:300与72逻辑像素和倍率解决碎片化问题的关键屏幕分辨率基础逻辑像素1显示分辨率,也就是逻辑像素逻辑像素两者的关系逻辑像素能调到最大时,就等于屏幕分辨率。我们在设计PC网页的时候,不

3、会考虑这两种分辨率的区别,两者是相等的。逻辑像素调整分辨率时究竟发生了什么?逻辑像素思考题如果逻辑像素能设置成1x1,显示中国国旗,会是什么效果?逻辑像素答案逻辑像素倍率2倍率在发挥作用倍率逻辑像素与倍率的关系3逻辑像素决定显示效果逻辑像素与倍率的关系iPhone4屏幕分辨率640x960px÷倍率2=逻辑像素320x480iPhone3GS屏幕分辨率320x480px÷倍率1=逻辑像素320x480屏幕分辨率跨度非常大逻辑像素与倍率的关系主流的屏幕分辨率逻辑像素与倍率的关系iOSAndroid解决碎片化问题4这个问题不用我们来解决解决碎片化问题为什么搞这么麻烦?

4、解决碎片化问题显示效果并不会一模一样解决碎片化问题实际操作设计注意事项屏幕分辨率基础PC1PC常见分辨率PC为PC设计逻辑像素:屏幕分辨率倍率:1切图:1倍PCiOS2iOS常见分辨率iOS640x1136750x13341242x2208为iOS设计逻辑像素:3种倍率:2、3切图:2倍、3倍iOSAndroid3Android常见分辨率Android720x12801080x1920为Android设计逻辑像素:1种倍率:1.5、2、3、4切图:1.5倍、2倍、3倍、4倍AndroidH54H5常见分辨率H5为H5设计逻辑像素:4种(iOS+Android)倍率

5、:1.5、2、3、4切图:2倍Android其他设备5只要是屏幕就符合这个原理其他设备“谢谢。”

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。