郑州学易网页设计培训资讯动态更多

打印此页

UI设计中的DPI和PPI区别

24小时咨询电话/报名电话:13838135243 发布时间:2017-06-08 20:21:41

2017什么专业最火,当然是UI设计了,学习UI设计课程,就来郑州学易培训,免费试学活动开始了,实力派讲师全程实战项目操作,实战经验手把手教授,根据企业对ui设计师的要求进行定向培训,为企业提供实战型ui技术性人才,有针对性学习效果更好,实力派讲师亲自授课,从理论中寻求验证,从实战中积累经验,做实力派UI设计师,从学易培训开始,报名UI设计课程,即可享受零学费学起,由就业单位承担学费,每月10个名额,咨询电话:13838135243

作为UI设计师,经常和dpi、ppi、dp、pt、sp 等等这些个单位打交道,但是真正理解这些单位的UI设计师恐怕并不太多,别说是程序员搞不懂,就连有美术出身的设计师了看到了也说不出一二,但是作为一名UI/UXD 设计师,如果不了解这些单位,那就太不专业了,今天学易培训韩老师给大家介绍一下:

 



DPI和PPI是什么?

DPI 是英文 Dots(点) Per Inch 的缩写,在最早的时候,这个单位是用来描述打印机的性能的,意思就是这台打印机最多能用多少个墨点来打印一寸的内容。目前市面上常见的家用黑白打印机普遍都去到了 600 * 600 dpi, 而家用彩色照片打印机则能去到 5760 * 1440 dpi。DPI 越高,每英寸内的墨点就越多,你打印出来的东西就会越清晰锐利。

PPI 是英文 Pixels Per Inch 的缩写,意味每寸能容纳多少颗像素,用于描述屏幕的像素密度。刚刚提到印刷品以多个墨点来构成图像,而屏幕同样也是以一定数量的像素点构成图像。其实日常生活中,大家都见过大街上的LED显示屏,只不过显示屏的发光点密度非常高,肉眼看不出颗粒感,但是如果站的近了,还是可以看得到颗粒点像素,一块屏幕宽高有几寸是在生产的时候就被定好的,而宽高各能容纳下多少颗像素,也是在生产的时候就被定好的,所以我们所说的 PPI 可以说是一个物理单位。

简单举个例子吧,我们手头上的 iPhone手机宽为2.3英寸,高为4.1英寸,根据勾股定理得出这块屏幕的尺寸是4.7英寸。同时,iPhone屏幕宽有750 个像素,高有1334颗像素,也就是我们经常说的分辨率

分辨率、像素和屏幕尺寸?

PPI说的其实就是像素密度,而分辨率说的是块屏幕的像素尺寸,譬如说1334*750就是iPhone的分辨率,说iPhone的分辨率是326 是错误的表述,326 是它的像素密度,单位是 PPI。为什么我们买手机的时候要买分辨率大的,而且分辨率越大,价格越高,其实原因很简单,那就是清晰,跟屏幕的大小没有关系,屏幕大小只是我们肉眼看到的,而看不到的其实就是分辨率,屏幕大,分辨率小,图像的像素点被拉伸了,所以图像模糊,屏幕大,分辨率大,那么像素点的密度就大,图像就清晰

单位对设计会造成什么样的影响

一块固定大小的326*326px正方形色块在一台iPhone上面展现出来的物理尺寸将会会是1*1英寸,这是因为该屏幕每英寸能容纳 326 颗像素,所以326px凑在一起刚好就是 1 英寸。假设我们能将 iPhone手机屏幕PPI调低 50% 变为163,色块还是 326*326px,这个色块的物理尺寸会变成 2*2英寸,同样多的像素,看起来却大了一倍。

 


因为我们的色块是326*326px大小的,而这台 163PPI的假iPhone每英寸上面只有163颗像素,为了要展示326*326px的色块,它就要多用1英寸的屏幕,所以这个色块在屏幕上面看起来就“长大了”一倍。

简单来说像素本身没有尺寸你可以将1920x1080颗像素放到一台40寸的电视机里面,也可以将同样多的像素全部塞到一台5.5寸的iPhone手机里面去,但是只有跟屏幕尺寸一起的时候,谈论像素才有意义,因为我们能够算出该屏幕的 PPI,DPI 跟 PPI 虽然概念相近,但是我奉劝你还是不要拿着他们俩混用,虽然可能好多人告诉你这样没啥关系,在设计过程中,我们并不见得真的要去计算各种东西的实际尺寸,但是对于原理的把握能让你心里有个底,或许就是我们常说的「意识」。别以为每个人的屏幕上显示的都会跟你屏幕上显示的是一样的。

学习UI设计,最主要的是先理解UI的设计理论,然后再针对理解的UI理论进行实战,来学易培训,跟着老师实战做项目,边实战,边积累经验,毕业就有实战项目开发经验和团队协作经验,学习UI设计课程并不难,难的是找不到正确的学习方法,盲目跟风看教程,郑州学易培训4A学习法,让学习更有效率,理论加实践,让就业更有保障,三个月的授课周期,只学对的,这里有适合你的学习方法,实力派高级网页设计讲师,真实客户项目,一对一课下辅导,只为成就有思想有创意的设计师,2016年高级网页设计课程全新升级,欢迎前来免费体验,选择郑州学易培训,选择成功

========郑州学易培训=========
郑州网页美工培训:www.hnxueyi.com
郑州网页设计培训:www.zzxueyi.com
郑州淘宝美工培训:www.chuandesign.com
郑州ui设计培训:www.yunpsd.com
郑州ui美工培训:www.wangyecn.com
联系人:韩老师
联系电话:13838135243
老师QQ:82605542
联系地址:郑州市金水区文化路黄河路新田大厦905


网页设计UI设计用色指南:http://www.zzxueyi.com/index_c_news_m_more_id_638.html
谈谈对UI设计的理解:http://www.wangyecn.com/index_c_news_m_more_id_42.html
品牌视觉设计的4个关键要素:http://www.wangyecn.com/index_c_news_m_more_id_43.html
UI设计中的DPI和PPI区别:http://www.chuandesign.com/index_c_news_m_more_cid_49_id_2098.html
UI设计中黄金比例分割使用指南:http://www.hnxueyi.com/index_c_news_m_more_id_111.html
UI设计师必备的设计规范:http://www.zzxueyi.com/index_c_news_m_more_id_639.html


郑州学易网页设计培训24小时联系电话:400-6186-102或者13838135243
  • 郑州学易网页设计培训_韩老师在线
  • 郑州学易网页设计培训_王老师在线
  • 郑州学易网页设计培训_张老师在线
  • 郑州学易网页设计培训_刘老师在线