您现在的位置:主页 > 电视剧台词 > 手机UI设计时像素和清晰度是多大?

手机UI设计时像素和清晰度是多大?

2019-06-26 14:53

  可选中1个或多个下面的关键词,搜索相关资料。也可直接点“搜索资料”搜索整个问题。

  北大青鸟APTECH成立于1999年。拥有200余家校区,遍布全国60多个重要城市,全国合作院校600余所,同10000余家知名企业建立了战略合作伙伴关系,累计培养和输送85余万IT职业人才

  iPhone的屏幕尺寸各不相同,说的是逻辑像素尺寸,这确实是让人很头疼的事情。如果想用一套设计涵盖所有iPhone,就要选择逻辑像素折中的机型。

  从市场占有率数据来看,目前最多的是iPhone5/5s的屏幕。倍率为2,逻辑像素320x568。上升势头最猛,未来有望登上第一的是iPhone 6的屏幕。倍率为2,逻辑像素375x667。

  按照这两种尺寸来设计,都是比较主流的做法。可以兼顾短一些的iPhone 4s,大一点的6 plus也不会过于空旷。

  不过在切图的时候要注意,由于iPhone 6 plus的3倍图是由2倍图放大而来,所以位图要注意保证清晰。

  都说Android碎片化严重,但它现在反而比iOS好处理。因为如今的Android屏幕逻辑像素已经趋于统一了:360x640,就看你设成几倍了。想以xhdpi为准,就把DPI设成72x2=144。想以xxhdpi为准,就把DPI设成72x3=216。

  对于那些比较老的低端机,宽度是480px的那批,画面确实会小一些,显示内容会更少。稍微留意一下,重要内容尽量保持在界面中上部分。

  当然,这些机型不出一年就会被边缘化,基本淘汰。现在能运转的也是当作功能机在用,软件多了必卡无疑,用户体验无从谈起。不作考虑也是OK的。

  手机端网页就没有统一标准了,比较流行的做法是按照iPhone 5的尺寸来设计。倍率2,逻辑像素320x568。

  这样的做法比较实在,倍率2的屏幕无论在iOS还是Android方面都是主流,而且又是2倍屏幕中逻辑像素最小的。所以图片的尺寸可以保持在较小的水平,页面加载速度快。当然,缺点就是在倍率3的设备上看,图片不是特别清晰。

  如果追求图片质量,愿意牺牲加载速度,那么可以按照最大的屏幕来设计。也就是iPhone 6 plus的尺寸,倍率3,逻辑像素414x736。

  总结一下:移动端的尺寸比PC端复杂,关键就在倍率。但也正因为倍率的存在,把大大小小的屏幕拉回到同一水平线,得以保证一套设计适应各种屏幕。站在这条水平线的角度看,会发现它很好理解。

  知道合伙人互联网行家采纳数:455获赞数:1334获得ceac电子商务助理工程师。医疗行业近五年从业经验,泉州征程投资管理有限公司任网络部主管向TA提问展开全部移动端UI是近几年新兴的一个行业,吸引着设计行业以及非设计行业的众多人开始涉及这个领域。不管你是大神还是菜鸟,都得遵循UI尺寸的那一套设计规范。然而对于新手,这设计规范是神马呢?让我一起来一次手机UI尺寸之旅。

  当然在设计当中我们并不需要每一种尺寸都做一套图,建议取用640*960的尺寸设计。

  iPhone的APP界面一般由:状态栏、导航栏/标题栏、菜单栏/工具栏以及中间的内容区域组成。以640*960尺寸为例,元素的尺寸:

  PS:在IOS7的风格中,苹果已经在开始弱化状态栏的存在,将状态栏和导航栏合在了一起,但是尺寸高度保持不变。

  由于Android的尺寸多种多样,我们只需做几套比较主流的界面尺寸设计即可。

  Android的APP界面尺寸与iPhone的界面基本相同:状态栏、导航栏/标题栏、菜单栏/工具栏以及中间的内容区域组成。以720*1280尺寸为例,元素的尺寸:

  指的是手机实际的物理尺寸,比如常用的2.8英寸,3.2英寸,3.5英寸,3.7英寸

  3)手机尺寸分布情况(如图3所示,目前主要是以分辨率为800*480和854*480的手机用户居多

  从以上的屏幕尺寸分布情况上看,其实手机只要考虑3-4.5寸之间密度为1和1.5的手机

  从开发角度讲,应用程序会根据3类Android手机屏幕提供3套UI布局文件,但是相应界面图标也需要提供3套,如表2所示