App Icons on iPad and iPhone UI 尺寸

2024-01-22 02:10
文章标签 app ui 尺寸 icons iphone ipad

本文主要是介绍App Icons on iPad and iPhone UI 尺寸,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

iOS 图片字体大小为28px时,iOS的代码上的字体为14号,通过截屏验证的。16.9.21

ios view的frame和bounds之区别(位置和大小)

 

        frame: 该view在父view坐标系统中的位置和大小。(参照点是,父亲的坐标系统)
        bounds:该view在本地坐标系统中的位置和大小。(参照点是,本地坐标系统,就相当于ViewB自己的坐标系统,以0,0点为起点)
        center:该view的中心点在父view坐标系统中的位置和大小。(参照电是,父亲的坐标系统)

 

 

UIView设置背景图片的方法

 

https://www.paintcodeapp.com/news/ultimate-guide-to-iphone-resolutions

 

iPad 机型比较

ios2倍3倍图 设计师用的

iOS8已出,@3x图让我们何去何从?幸好我们有神器!

iOS之@2x和-@3x(二倍图和三倍图)

iphone6 plus 414pt x 736pt

iPhone/iPad/Android UI尺寸规范 good 全

 iphone6 plus UI,设计版、放大版、物理版分别是什么意思啊?

iphone6 plus UI:iPhone6 Plus的用户界面。
iphone6 plus UI物理版就是iphone6 plus实际的屏幕像素。
iphone6 plus UI设计版就是我们截屏iphone6 plus的界面在ps中去量,发现的尺寸。
iphone6 plus UI放大版其实就是iphone6 plus的尺寸等比放大1.5倍得出的分辨率。

iPhone6 plus设计版  1242×2208 px    
iPhone6 plus放大版  1125×2001 px    
iPhone6 plus物理版  1080×1920 px

iphone 6plus适配中,设计版,物理版,放大版区别?

首先iPhone6没有设计版,只有iPhone6 plus有。说简单点, plus屏幕有1080个像素点,但截屏后发现图像是1242像素,明白了吗?就是在一个物理有1080个像素点的屏幕里塞了个1242像素的内容,你按照1242做就好了。

App各种Icon及Launch image的尺寸和用途 移动端尺寸基础知识 good

[软件]利用Appicon and Launchimage Maker生成并配置iOSApp的图标和启动页

 iOS 8 Xcode6 设置Launch Image 启动图片<转>

iphone ipad默认启动图像尺寸,Default (Launch)Image Sizes for

apple 官方文档 launch

ipad,iphone启动图片命名

ipad和iPhone尺寸和分辨率,点

App Icons on iPad and iPhone

 LaunchImage

320 x 480 iPhone iPod
640 x 960 iPhone iPod retina
640 x 1136  iPhone5
750 x 1334   iPhone6 (375 x 667 points)
1242 x 2208  iPhone6 plus(414 x 736 points)

768 x 1024  iPad/iPad Mini topbar的高度 20  还没有  9.7英寸  和 7.9 英寸  大小和分辨率没关系
Retina iPad 1536 x 2048  topbar的高度 40 还没有  9.7英寸  iPad air

 

iPad的设计尺寸

界面尺寸

设备尺寸分辨率状态栏高度导航栏高度标签栏高度

iPad第三代、第四代

2048x1536 px264PPI40px88px98px

iPad第一代、第二代

1024x768 px132PPI20px44px49px

iPad Mini

1024x768 px163PPI20px44px49px

图标尺寸

设备App Store(Retina)App Store主屏幕Spotlight搜索

iPad第三代、第四代

1024px - 180px512px - 90px144px - 24px100px - 20px

iPad第一代、第二代

1024px - 180px512px - 90px72px - 12px50px - 9px

iPad Mini

1024px - 180px512px - 90px72px - 12px50px - 9px

 

 

电脑产品
消费型
iMac ( 1998) eMac ( 2002) Mac mini ( 2005)  
 
专业型
Power Mac ( 1999) Xserve RAID ( 2004) Mac Pro ( 2006)  
 
笔记本
iBook ( 1999) MacBook ( 2006) MacBook Pro ( 2006) MacBook Air ( 2008)
 
数字产品
iPod ( 2001) iPod mini ( 2004) iPod nano ( 2005) iPod Shuffle ( 2005)
Apple TV ( 2006) iPod classic ( 2007) iPod touch ( 2007) iPad ( 2010)
iPad2 ( 2011) 全新 iPad ( 2012) iPad mini ( 2012) iPad 4 ( 2012)
 
通信产品
iPhone ( 2007) iPhone 3G ( 2008) iPhone 3GS ( 2009) iPhone 4 ( 2010)
iPhone 4s ( 2011) iPhone 5 ( 2012) iPhone 5S ( 2013)

iPhone 5C ( 2013)

 

 

超实用的IOS 8 快速设计参考指南

转载于:https://www.cnblogs.com/dqxu/p/4031126.html

这篇关于App Icons on iPad and iPhone UI 尺寸的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/631544

相关文章

Android App安装列表获取方法(实践方案)

《AndroidApp安装列表获取方法(实践方案)》文章介绍了Android11及以上版本获取应用列表的方案调整,包括权限配置、白名单配置和action配置三种方式,并提供了相应的Java和Kotl... 目录前言实现方案         方案概述一、 androidManifest 三种配置方式

Vue项目中Element UI组件未注册的问题原因及解决方法

《Vue项目中ElementUI组件未注册的问题原因及解决方法》在Vue项目中使用ElementUI组件库时,开发者可能会遇到一些常见问题,例如组件未正确注册导致的警告或错误,本文将详细探讨这些问题... 目录引言一、问题背景1.1 错误信息分析1.2 问题原因二、解决方法2.1 全局引入 Element

Python中的可视化设计与UI界面实现

《Python中的可视化设计与UI界面实现》本文介绍了如何使用Python创建用户界面(UI),包括使用Tkinter、PyQt、Kivy等库进行基本窗口、动态图表和动画效果的实现,通过示例代码,展示... 目录从像素到界面:python带你玩转UI设计示例:使用Tkinter创建一个简单的窗口绘图魔法:用

macOS怎么轻松更换App图标? Mac电脑图标更换指南

《macOS怎么轻松更换App图标?Mac电脑图标更换指南》想要给你的Mac电脑按照自己的喜好来更换App图标?其实非常简单,只需要两步就能搞定,下面我来详细讲解一下... 虽然 MACOS 的个性化定制选项已经「缩水」,不如早期版本那么丰富,www.chinasem.cn但我们仍然可以按照自己的喜好来更换

element-ui下拉输入框+resetFields无法回显的问题解决

《element-ui下拉输入框+resetFields无法回显的问题解决》本文主要介绍了在使用ElementUI的下拉输入框时,点击重置按钮后输入框无法回显数据的问题,具有一定的参考价值,感兴趣的... 目录描述原因问题重现解决方案方法一方法二总结描述第一次进入页面,不做任何操作,点击重置按钮,再进行下

React实现原生APP切换效果

《React实现原生APP切换效果》最近需要使用Hybrid的方式开发一个APP,交互和原生APP相似并且需要IM通信,本文给大家介绍了使用React实现原生APP切换效果,文中通过代码示例讲解的非常... 目录背景需求概览技术栈实现步骤根据 react-router-dom 文档配置好路由添加过渡动画使用

HarmonyOS学习(七)——UI(五)常用布局总结

自适应布局 1.1、线性布局(LinearLayout) 通过线性容器Row和Column实现线性布局。Column容器内的子组件按照垂直方向排列,Row组件中的子组件按照水平方向排列。 属性说明space通过space参数设置主轴上子组件的间距,达到各子组件在排列上的等间距效果alignItems设置子组件在交叉轴上的对齐方式,且在各类尺寸屏幕上表现一致,其中交叉轴为垂直时,取值为Vert

禁止平板,iPad长按弹出默认菜单事件

通过监控按下抬起时间差来禁止弹出事件,把以下代码写在要禁止的页面的页面加载事件里面即可     var date;document.addEventListener('touchstart', event => {date = new Date().getTime();});document.addEventListener('touchend', event => {if (new

Golang GUI入门——andlabs ui

官方不提供gui标准库,只好寻求第三方库。 https://github.com/google/gxui 这个gui库是谷歌内部人员提供的,并不是谷歌官方出品,现在停止维护,只好作罢。 第三方gui库 找了好多,也比较了好多,最终决定使用的是还是 https://github.com/andlabs/ui 相信golang gui还会发展的更好,期待更优秀的gui库 由于andlabs

MFC中App,Doc,MainFrame,View各指针的互相获取

纸上得来终觉浅,为了熟悉获取方法,我建了个SDI。 首先说明这四个类的执行顺序是App->Doc->Main->View 另外添加CDialog类获得各个指针的方法。 多文档的获取有点小区别,有时间也总结一下。 //  App void CSDIApp::OnApp() {      //  App      //  Doc     CDocument *pD