首页 > 策划 > 关键词  > 移动站点开发最新资讯  > 正文

移动端尺寸基础知识

2015-04-21 13:52 · 稿源: 可乐橙

初涉移动端设计和开发的同学们,基本都会在尺寸问题上纠结好一阵子才能摸到头绪。我也花了很长时间才弄明白,感觉有必要写一篇足够通俗易懂的教程来帮助大家。从原理说起,理清关于尺寸的所有细节。由于是写给初学者的,所以不要嫌我啰嗦。

现象

首先说现象,大家都知道移动端设备屏幕尺寸非常多,碎片化严重。尤其是Android,你会听到很多种分辨率:480x800, 480x854, 540x960, 720x1280, 1080x1920,而且还有传说中的2K屏。近年来iPhone的碎片化也加剧了:640x960, 640x1136, 750x1334, 1242x2208。

不要被这些尺寸吓倒。实际上大部分的app和移动端网页,在各种尺寸的屏幕上都能正常显示。说明尺寸的问题一定有解决方法,而且有规律可循。

像素密度

要知道,屏幕是由很多像素点组成的。之前提到那么多种分辨率,都是手机屏幕的实际像素尺寸。比如480x800的屏幕,就是由800行、480列的像素点组成的。每个点发出不同颜色的光,构成我们所看到的画面。而手机屏幕的物理尺寸,和像素尺寸是不成比例的。最典型的例子,iPhone 3gs的屏幕像素是320x480,iPhone 4s的屏幕像素是640x960。刚好两倍,然而两款手机都是3.5英寸的。

所以,我们要引入最重要的一个概念:像素密度,也就是PPI(pixels per inch)。这项指标是连接数字世界与物理世界的桥梁。

Pixels per inch,准确的说是每英寸的长度上排列的像素点数量。1英寸是一个固定长度,等于2.54厘米,大约是食指最末端那根指节的长度。像素密度越高,代表屏幕显示效果越精细。Retina屏比普通屏清晰很多,就是因为它的像素密度翻了一倍。

倍率与逻辑像素

再用iPhone 3gs和4s来举例。假设有个邮件列表界面,我们不妨按照PC端网页设计的思维来想象。3gs上大概只能显示4-5行,4s就能显示9-10行,而且每行会变得特别宽。但两款手机其实是一样大的。如果照这种方式显示,3gs上刚刚好的效果,在4s上就会小到根本看不清字。

在现实中,这两者效果却是一样的。这是因为Retina屏幕把2x2个像素当1个像素使用。比如原本44像素高的顶部导航栏,在Retina屏上用了88个像素的高度来显示。导致界面元素都变成2倍大小,反而和3gs效果一样了。画质却更清晰。

举报

  • 相关推荐
  • Stability AI发布移动端语言模型Stable LM 3B

    StabilityAI发布了最新的语言模型StableLM3B,该模型是为便携式数字设备设计的,参数规模为30亿,比行业通常使用的70亿参数模型要小,具有更高的性能和可移植性。StableLM3B具有较小的体积和高效性的优势,需要更少的资源和较低的运行成本,使其对大多数用户来说更加可承受。该模型已在HuggingFace平台上发布,可以下载权重进行尝试。

  • 亿图脑图移动端V7.0.0版本上线,开拓新的图文表现形式

    近日,亿图脑图移动端V7.0. 0 版本上线,支持思维导图一键生成竖版海报,开拓了一种新的图文表现形式。思维导图作为一种便捷的可视化工具,被广泛应用于日常生活和工作场合中,然而,在手机终端成为主导的竖屏阅读时代,思维导图往往会出现排版复杂,显示效果不佳等问题,这严重影响了用户的使用体验和效率。所以,亿图脑图移动端V7.0. 0 版本推出了一键生成竖屏海�

  • 微软密谋小尺寸AI模型,撇开OpenAI搞起了“B计划”

    AI大模型无疑是2023年的关键词,更是各大科技厂商竞逐的热门赛道。然象征着未来的AI大模型实在太费钱,以至于财大气粗如微软都开始考虑“PlanB”了。所以在这样的情况下,微软自然也就有意来改变现状了。

  • 新研究:外星生命或不以碳为基础 可实现“自催化”

    美国一项新研究发现,许多行星可能存在所谓的自催化”化学反应,其能使用碳以外的多种化学元素,制造出与地球上的碳基生命截然不同的生命形式。地球上的生命以有机化合物为基础,这些分子由碳组成,通常也包括氢、氧、氮、磷和硫等元素。研究人员表示,最新研究除了对寻找宇宙中的生命及了解生命起源等产生影响外可能具有实际应用,例如优化化学合成、有效利用资源和能源等。

  • 《云·原神》网页版移动端上线:免下载 “老爷机”也能玩

    今日,《原神》宣布《云原神》网页版移动端正式上线,玩家无需下载包体即可游玩。玩家首次使用任意平台登录《云原神》,将会获得5小时的免费时长。需要注意的是,由于是网页版,所以对网络质量有一定要求,高延迟下人物操控也会有延迟,且有音画不同步的情况发生,可调低画质档位或帧率。

  • 报告称ChatGPT移动端营收增长开始放缓

    据Appfigures公布数据显示,ChatGPT移动端营收增长已开始放缓。在过去的几个月里,ChatGPT的营收增长一直保持在30%以上,其中7月份为31%,8月份为39%。尽管9月份有所下降,但它仍然超过了ChatGPT的收入。

  • 4款iPhone 16曝光:尺寸 重量都不同

    苹果即将推出的iPhone16系列也将推出四款手机型号,分别为iPhone16、iPhone16Plus、iPhone16Pro和iPhone16ProMax。相较于iPhone15系列,iPhone16系列在屏幕尺寸和重量上有所变化。iPhone16Pro系列在后续的使用中是否会继续采用钛合金材质,目前还不得知。

  • 海信电视发布全尺寸E8K: 千级分区,冠军画质

    为了把最好的画质体验呈现给用户,海信电视用10余年时间,重新定义画质标准,将“真实场景下的好画质”镌刻进基因,让ULEDX成为电视产业里的“冠军画质”的代名词。9月26日,海信电视召开“Hi冠军ULEDXMiniLED全新阵容发布会”,新品E8K以65吋和75吋版本“再次”与见面。如果你想在家便拥有家庭影院的观影体验、游戏厅一样的游戏效果,海信电视E8K冠军画质是你的优选。

  • 尺寸超越宏光MINI EV!凯翼纯电小车“拾月”官宣:11月有望上市

    快科技10月2日消息,近日,凯翼汽车旗下纯电小车拾月”正式官宣,该车上市后,将与宏光MINI EV展开竞争。外观来看,新车采用了可爱呆萌的设计风格,前脸使用了当下流行的封闭式前脸设计,车头造型十分饱满,搭配梯形进气格栅,使其看上去更加运动时尚。侧面来看,新车的长宽高分别为3360/1700/1600毫米,轴距为2160毫米。除了车身高度外,其他车身参数均在五菱宏光MINIEV之上。来到尾部,新车采用了贯穿式尾灯设计,熏黑式大灯与车顶形成对比,后保险杠底部继续使用黑色装饰,增加了层次感。空间方面,作为一款三门微型车,新车标配2 2式4

  • 印度计划建设庞大的AI硬件基础设施 但远不及中国

    印度国家电子和信息技术部的印度AI团队上周五发布了一份AI愿景文件,呼吁在国家计算基础设施上进行大规模建设。这一计划将包括三个层面的计算能力,即高端计算、推理和边缘计算,以及拥有200/400Gbit/sec速度的分布式数据网格。愿景文件也未提及采购,这是一个重大问题,因为为任何实体采购GPU并不容易。