做手机 UI 如何根据手机分辨率在 PS 建画布？ - 知乎363被浏览24082分享邀请回答2212 条评论分享收藏感谢收起Android 开发的时候，如何设置手机分辨率？ - 知乎5被浏览3922分享邀请回答/question/19793577 0添加评论分享收藏感谢收起0添加评论分享收藏感谢收起如何让你的图标在不同分辨率的设备上看起来一样大 - 手机界面设计,手机UI设计,手机图标设计,UI设计教程 - MobileUI莫贝网
作者:Cicada
首先，作者写这篇文章的意图在于，如何让你的图标在不同分辨率的设备上看起来一样大。
下面来记一下笔记：
现在常说的分辨率有两种，一种是屏幕内像素的数量，一种是像素/英寸，我可是琢磨了两天呐，最后还是问人才知道的。
DPI和PPI概念差不多，就是把显示器上的像素类比成打印设备的点。
原生固定分辨率（点对点分辨率）：也就是屏幕的实际物理分辨率。为什么不用原生固定分辨率，图像会模糊呢？连点成线，连线成面，所有图像都是有屏幕上的最小像素点构成的，如果设定的分辨率和实际物理分辨率不一致, 则必然要插值,也就是说，某一点的像素值变成了未知，要通过周围像素点的灰度和信息较好的像素来增加、弥补空白像素的空间，但是图像信息，也就是灰度值的种类就是原来的那么多种，所以图像就会变得模糊，像惨了水的酒一样。所以在设计时，为了保证尽可能的精确，一定要使用原生固定分辨率。
怎样调成原生固定分辨率：
关于高清、超高清、全高清：
分辨率后面有时会跟着另一个参数，如60Hz，表示每秒显示60帧，也就是屏幕每秒被刷新60次，这个跟图像大小和清晰度没关系，而是与所做动画的流畅度、平滑度有关，刷新快慢有图像处理的设备决定，在电脑上，这个设备就是主机（CPU还是GPU？）。（超过60Hz，人眼是可以察觉出来的）
视网膜（“retina”-苹果专有名词）屏幕：PPI高到人的肉眼完全无法看到像素点，效果直逼视网膜，故得此名。实际上是看得出来的（我的yoga不够看呐）。从技术上讲就是他们在物理尺寸与上一代相同的屏幕上塞了2倍的像素（注：原来1个像素的空间放4个像素，不是2个。），密度变大了，画面更细致（？）。非苹果的屏幕只能叫”HI-DPI”或者直接标注屏幕的尺寸和DPI。
3p（噗！）：即DP、PT和SP。
这三个都是图片或字的大小单位，既然这样，我们不如凑个4p（坏笑），再加个px。来看一下这四个单位有什么区别。
px:不同设备显示效果相同。
pt（point）：是一个标准的长度单位，1pt＝1/72英寸，用于印刷业，非常简单易用；
sp（scaled pixels）:主要用于字体显示，best for textsize。google 的建议，TextView 的字号最好使用 sp 做单位，而且查看TextView的源码可知 Android 默认使用 sp 作为字号单位。
dp/dip((Device independent Pixel)：dip与分辨率无关，和屏幕密度有关，而屏幕密度又与具体的硬件有关，所以不同设备有不同的显示效果。但不同分辨率并不会影响它的效果。
这4p都是抽象尺寸单位（除pt外），至于什么情况下用哪个单位，各系统的官方文件有说明，这就是为什么IOS GUIDElLINE 和Android designe 非常重要的原因。他们是母本，忽视母本的后果就是精心做出来的东西，在别的设备上各有各的变形。。。。。。
说到这个，让我想起另一个概念，@（这个笔记越来越像概念大梳理了）
转换系数：原文件是44x44px的图标，现在要让这个图标在3gs和iPhone4里看起来一样大，而3gs和iphone4的屏幕尺寸一样，iphone4的ppi是3gs的2倍，所以我要在再画一个88x88px的图标给iphone4，原件容纳了之前4倍的像素，转换系数是2。
为什么用转换系数，不直接用PPI？因为软件会把你的设计通过转换系数转换为合适的像素，所以要用设备默认的PPI做设计。
用原作者一个生动形象的例子：
如图，不同的ppi，相同的px和pt，图像大小一样，字的大小就是2倍关系，Photoshop中PT的显示会根据PPI的值来决定，px只受屏幕点对点像素PPI的影响。
在设计时，始终使用一种PPI，一般用72.
作者的建议：我觉得很有用，记下来：
- PPI配置对做web设计基本没有影响。
– PPI配置只会影响那些需要测量独立PPI的单位，例如PT。
– 像素是任何数码的度量单位。
- 记住转换系数和你的设计目的，而不是PPI。
- 做设计时使用通用的PPI配置，这样能让你更容易感知这个设计在目标设备上的效果。
- 设计时使用相同的PPI配置。
不同设备的PPI
移动设备：iPhone 5及iPhone 5s与4和4s的PPI都是326，
3gs的PPI是163，也只有它是非retina屏；
iPod touch按照iPhone去设计，≤4代用非retina标准，≥5代使用retina
标准，屏幕尺寸与iPhone 5相同。
iPad，除了iPad一代外，都支持iOS7系统（guideline），只有iPad2和
mini一代是非视网膜屏幕。对iPad mini设计，就把它当成iPad 2就行。
桌面设备：大多数苹果桌面产品是1x，只有13寸和15寸的Macbook Pro才有视网膜屏幕，用2x。
iOS规则总结：
- @2x一定用在双倍比例的情况下。
- 每次都创建100%大小和200%大小两种尺寸。
- 同一个切图使用相同的命名，~ipad做区分。
- 用100%做设计，然后在放大。
- 存为png格式。
- 以PT为单位作为创建的标准。
android的一些规则：
- android有7种DPI，你需要认真研究4种：mdpi,hdpi,xhdpi,xxhdpi。以及马上要支持的XXXHDPI。
- 以MDPI作为1x的设计基础。
- 在android上单位使用dp，其实与pt是一个意思。
- 1x设计中选择合理的像素数。
- 存为png格式。
- 与负责人确认命名规范与存放目录。
OSX和Chrome OS的一些规则：
- Chrome OS和OSX都有两个转换系数，1倍和2倍。
- 只有Chrome OS高分辨率屏幕才支持触屏。
可伸缩设计
可伸缩时设计通过代码保证你需要的元素可以有伸缩到它适合的大小而不改变其质量。
iOS平台做可伸缩元素可以在代码中实现，只要准备好实现可伸缩元素的最小基本图像就可以了，然后控制它的伸展方向，横向纵向或者又横又纵随您意。
在android平台上你就要用.9图了,也就是9-patch。
各个设备上的建议触控识别区域
IOS——44x44pt；
Android——48x48dp；
Windows——包含一个内边距：Actual target 9x9mm=48x48pt
padding=2mm
minimum recommended=60x60pt
Windows 8——参考。
Chrome OS——参考。
- 以后做设计时一定要考虑移动端，考虑支持触控。
- 使用每个平台的建议触控识别区域大小，这能帮助你做更好的设计，保证在不同平台上有好的体验。但这只是个建议，不代表你必须只能按照这个要求去做，最终还是要根据你的经验去做设计。
向您推荐：
@Echo 由于iOS 和 Material Design的组件体系有些不一样，所以关于组件的分类体系我会分iOS篇和Android篇来讲解，本篇文章为iOS 篇。
对于大部分入门设计师及中级设&
如果你关注过一些取得大成就的人，总会在他的成长故事中发现很多传奇的经历，比如少年时代的天赋异禀，或是30、40岁的大器晚成，为了做好某件事的废寝忘食等等…然后摸摸自己的胸脯说，他们是天才，我只是个普通&
WWDC 2017 Keynote 结束没几天，相信很多对 UI 设计有兴趣的朋友应该很好奇 iOS 11 详细的设计变动有哪些，但是自己的手机又不方便装开发者版本，所以就让我替各位踩雷吧。
UI设计涉及的内容非常广泛，包括PC端界面设计，移动端APP界面设计，甚至游戏，原画等。对于初学UI设计的人而言，可能对UI具体是做什么，或者自己是否能顺利转行胜任这样的岗位存在一定的顾虑，我们如何一&
其实菜心和大家一样都经历过阶段性迷茫，但我可以把自己经历的一些浅薄经验分享给大家，希望能有所启发。
经历的过程如下：
想学的太多
坚持与突破&
@Micu设计你是美工？还是设计师？你是合格的设计师吗？
设计工作中最基础的修图会吗？找素材拼图会吗？
如果这最基础都不会，能称自己是设计师吗？能漫天要价吗？
如果有点职业道德，先学&
从2011年开始接触APP，到现在为止也做了几个了，发现了一个共同点就是和每一个技术搭档切图的时候，会遇到不同的问题，因为技术的水平高低有限，所以他们要求你给切图的时候也会不一样，针对切图后来&
周陟 （@UCDChina 深圳负责人、交互设计专业委员会（@IxDC）部长） ：我发现一个问题，大部分刚入行或者经验不多的设计师在碰到问题的时候都喜欢”索取”，最好有个现成的东西放那儿给他供&
移动app开发中多种设备尺寸适配问题，过去只属于Android阵营的头疼事儿，只是很多设计师选择性地忽视android适配问题，只出一套iOS平台设计稿。随着苹果发布两种新尺寸的大屏iPhone 6，&
初涉移动端设计和开发的同学们，基本都会在尺寸问题上纠结好一阵子才能摸到头绪。我也花了很长时间才弄明白，感觉有必要写一篇足够通俗易懂的教程来帮助大家。从原理说起，理清关于尺寸的所有细节。由于是写给初学者&
去年，几个我个人不太喜欢的设计元素和技术创作鸣起了丧钟。其中有的已经彻底消亡，有的还在挣扎，还有个别的也在最近确诊“没救了”。12月10日，支付宝将要对全新支付宝手机客户端进行公测，将于明年1月份正式发布运营。这个新的客户端据称将命名为“卡宝”。
如果说支付宝是个美食地图APP界面设计
美食地图是一款基于地理位置信息服务的IOS应用，帮助我们找到周围的美食餐厅。提供点餐及评论功能，让你不再错过身边的美[前沿]
当产品的人性、易用和美观越来越成为追捧的热点的时候，“UI”“UX”与“UE”等概念也在互联网上不断升温，但熟练掌握UI设计工具、熟知用随着移动通信互联网的逐渐成熟，通过文字、语音、图片、视频交流的通信应用（QQ、微信、Whatsapp、LINE…）一应俱全。我们在思考，如果有一种新的
html5的发布让移动端web增添了很多新的能力，这些能力给我们带来了很多新的玩法，不知你知道了多少...
Hi，大家好！鲲鹏，现在UI设计行业吸引了很多童鞋纷纷进军UI，最近很多童鞋说新手学习UI真的是很困...
随着移动优先的趋势，APP的设计也越来越受到公司重视，不断地提高APP的设计质量是每个设计师的追求，...
莫贝网（）移动设备界面设计专业网站。为UI设计师提供手机界面设计，移动应用界面设计，平板电脑界面设计，导航界面设计等手持移动设备，移动终端界面设计相关知识的收集分享，共同学习的网站。
关注微博：NBA2K16手机版画面怎么设置 画面设置方法详解
时间： 15:06:23来源：作者：GQ(0)
　　NBA2K16手机版画面怎么设置?在NBA2K16手机版中没有中文字幕显示，并且手机屏幕和支持的分辨率的问题有的玩家比较迷惑，那么小编GQ给大家带来NBA2K16手机版画面设置方法详解。　　一，游戏画面设置进入方法　　玩家在主页菜单上点击右下角的【2K Nav】选项，进入游戏系统菜单。下滑至【OPTIONS】选项时点击进入，就可以看到游戏画质的调整按键【VIDEO
SETTINGS】，在其中的设置菜单里即可设置游戏画面。　　二，游戏画面设置翻译　　1、STADIUM：场馆设置。此按钮可以设置比赛场馆的整体游戏画质。　　2、REFLECTION：光反射设置。此按钮可以设置比赛中的物体投影及光反射效果。　　3、SHADOW：阴影设置。此按钮可以设置比赛中的人物或者其他物品的阴影效果。　　4、PLAYER：球员设置。此按钮可以设置球员的面部以及身体的细节效果。　　5、CROWD：观众设置。此按钮可以设置球场边观众席上的观众的人物细节。　　三，游戏画面效果等级　　Off：关闭　　Ultra Low：极低　　Low：低　　Medium：中等　　High：高　　如果玩家想开启全部的游戏特效，将所有的画面选项调至High即可。　　以上就是小编GQ给大家带来的NBA2K16手机版画面设置方法详解，希望对大家有所帮助，更多的游戏攻略请关注PC6手游网，祝你游戏愉快!