iphone 尺寸and字体

iPhone的APP界面一般由四个元素组成,分别是:状态栏、导航栏、主菜单栏以及中间的内容区域

这里取用 640×960 的尺寸设计,那我们就说说在这个尺寸下这些元素的尺寸:

状态栏:就是我们经常说的信号、运营商、电量等显示手机状态的区域,其高度为:40 px

导航栏:显示当前界面的名称,包含相应的功能或者页面间跳转的按钮,其高度为:88 px

主菜单栏:类似于页面的主菜单,提供整个应用的分类内容的快速跳转,其高度为:98 px

内容区域:展示应用提供的相应内容,整个应用中布局变更最为频繁的,其高度为:734 px

(等等,为了说明我不是瞎掰的:960-40-88-98=734)

ios尺寸

至于我们经常说的 iPhone5/5s 的 640×11136 的尺寸,其实就是中间的内容区域高度增加到:910 px

P.S. 在最新的 iOS7 的风格中,苹果已经开始慢慢弱化状态栏的存在,将状态栏和导航栏合在了一起,但是再怎么变化,尺寸高度也还是没有变化的,只不过大家再设计 iOS7 风格的界面的时候多多注意一下~

3、字体大小

iPhone 上的字体英文为: HelveticaNeue 至于中文,Mac下用的是黑体-简,Win下则为华文黑体。

下图是百度用户体验做过的一个小调查,可以看出用户可接受的文字大小,像素为单位,也就是大家在PS里的文字像素大小。

时间: 2024-11-08 21:29:14

iphone 尺寸and字体的相关文章

CSS尺寸和字体单位-em、px还是%

在页面整体布局中,页面元素的尺寸大小(长度.宽度.内外边距等)和页面字体的大小也是重要的工作之一.一个合理设置,则会让页面看起来层次分明, 重点鲜明,赏心悦目.反之,一个不友好的页面尺寸和字体大小设置,则会增加页面的复杂性,增加用户对页面理解的复杂性:甚至在当下访问终端 (iPhone.iPad.PC.Android…)层出不穷的今天,适应各式各样的访问终端,将成为手中的一块“烫手的山芋”.所以在近几年,“九宫 格”式的“流式布局”再度回归.为了提供页面布局,及其它的可维护性.可扩展性,我们尝试

iphone尺寸

iPhone屏幕尺寸.分辨率及适配 分类: iOS 2014-12-26 18:57 36226人阅读 评论(4) 收藏 举报 目录(?)[+] 1.iPhone尺寸规格 设备 iPhone 宽 Width 高 Height 对角线 Diagonal 逻辑分辨率(point) Scale Factor 设备分辨率(pixel) PPI 3GS 2.4 inches (62.1 mm) 4.5 inches (115.5 mm) 3.5-inch 320x480 @1x 320x480 163 4

关于界面尺寸和字体大小设置良好交互的介绍

一篇非常好的文章介绍界面尺寸和字体大小设置:http://www.wzsky.net/html/Photo/app/121916.html

iphone尺寸设计

http://daily.zhihu.com/story/4252195 移动app开发中多种设备尺寸适配问题,过去只属于Android阵营的头疼事儿,只是很多设计师选择性地忽视android适配问题,只出一套iOS平台设计稿.随着苹果发布两种新尺寸的大屏iPhone 6,iOS平台尺寸适配问题终于还是来了,移动设计全面进入“杂屏”时代.看看下面三款iPhone尺寸和分辨率数据就知道屏幕有多杂了. 加上Android生态中纷繁复杂的各种奇葩尺寸,现在APP设计开发必须考虑适配大.中.小三种屏幕.

iPhone尺寸规格

iPhone尺寸规格 设备 iPhone 宽 Width 高 Height 对角线 Diagonal 逻辑分辨率(point) Scale Factor 设备分辨率(pixel) PPI 3GS 2.4 inches (62.1 mm) 4.5 inches (115.5 mm) 3.5-inch 320x480 @1x 320x480 163 4(s) 2.31 inches (58.6 mm) 4.5 inches (115.2 mm) 3.5-inch 320x480 @2x 640x96

iPhone尺寸性能各方面对比图

1.产品性能对比图 2.iPhone手机尺寸对比图

IPhone在横屏字体变大解决办法-webkit-text-size-adjust

在web app开发过程中经常会遇到IPhone在横屏的时候,字体突然放大.而在Android上到是没有这样的问题. 解决的方法,可以通过-webkit-text-size-adjust来设置.很多网站包括京东,搜狐的手机版都是这样设置的:-webkit-text-size-adjust:none.这样设置在手机横屏时不会导致字体突然变大,尤其是在iPhone上.不过这样设置有隐患,所以建议大家 -webkit-text-size-adjust:none   改成  -webkit-text-s

iPhone 尺寸

在iPhone 3GS中,1个点等于1个像素.也就是说,点跟像素可以直接互换. 在iPhone 4中,1个点等于2个像素. iPhone 4和iPhone 3GS的屏幕尺寸实际上是一样的,都是3.5英寸.同样一个点,实际上看起来是一样的.只是iPhone 4在单位英寸上像素更多,看起来更细腻. 这里的屏幕模式可以初步理解成,一个点等于多少个像素.2x,就是1个点等于2个像素. 当原有程序没有适配iPhone 5的时候,也可以正常运行,但多出来的88个点将会将会被自动均分为上下两部分,使得上下出现

解决iphone横屏时字体变大问题或者内容大小不一样等...

前提修改文档声明,如有疑问,请看文章手机web2.0网页文档属性 @media screen and (max-device-width: 320px){body{-webkit-text-size-adjust:none}} @media screen and (max-device-width: 480px){body{-webkit-text-size-adjust:none}} @media only screen and (-webkit-min-device-pixel-ratio: