IOS 基本尺寸规范

最新推荐文章于 2024-02-20 10:54:49 发布
最新推荐文章于 2024-02-20 10:54:49 发布
阅读量3.6k 收藏
点赞数
分类专栏： UI 文章标签： ios
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43900414/article/details/120947313
版权
这篇博客详细介绍了UI设计中的尺寸规范，包括iPhone的各种画布尺寸、启动图标和功能图标的尺寸要求。同时，文章还探讨了字体规范，如iOS官方推荐的苹方字体及其使用规范，以及字间距的设定原则，为UI设计师提供了实用的指南。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

1. UI的尺寸规范

1.1 iphone各种画布尺寸
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
1.2 启动图标
在这里插入图片描述
在这里插入图片描述
1.3 功能图标

2. 字体规范

2.1 IOS官方字体，苹方
2.1 规范
在这里插入图片描述
在这里插入图片描述
2.3 字间距
在这里插入图片描述
在这里插入图片描述

ios设计尺寸规范_超详细IOS设计规范。 学UI的同学快看过来了
weixin_39560064的博客
12-01 4125
设计规范对于UI设计师是必须要了解并熟记的理论。今天就给大家分享IOS系统的设计规范。iPhone界面设计规范iPhone界面尺寸点(pt)和像素(px)的区别像素(pixels)是屏幕显示上最小的计算单位。在同样的屏幕尺寸中，PPI(每英寸的像素数目)更高，就能显示更多的像素，同时我们所看到的内容就更清晰。点(points)是一个与分辨率无关的计算单位。它是根据屏幕的像素密度---一个点可以包含...
Apple 尺寸规范
气味的博客
09-06 808
Apple 设备尺寸 设备名称 屏幕尺寸 分辨率 逻辑分辨率 PPI Asset 状态栏高度 导航栏高度 标签栏高度 虚拟Home高度 iPhone XR 6.1 英寸 828×1792 px 414×896 pt 326 ppi @2× 88 px 88 px 98 px 68 px iPhone XS Max 6.5 英寸 1242×2688 px 414×896 pt 4...
IOS APP UI设计尺寸规范
02-21
IOS APP UI设计尺寸规范
iOS界面设计尺寸规范
02-13
单位：像素72dpi，在设计的时候并不是每个尺寸都要做一套，尺寸按自己的手机来设计，比较方便预览效果，一般用640*960或者640*1136的尺寸来设计。
iOS常用控件尺寸大集合
坚持就是胜利
07-28 1404
元素控件 尺寸（pts） Window（含状态栏） 320 x 480 Status Bar的高度（横、竖屏） 20 Navigation Bar的高度（横屏） 44 Navigation Bar的高度（竖屏） 32 含Prompt的Navigation Bar的高度（横、竖屏） 74
iPhone的尺寸
weixin_33729196的博客
01-05 81
先介绍一下iPhone的尺寸，在iPhone开发秘籍中称为视图设计几何学： 1、状态栏： 像素一般在20px，在iPhone的顶端，显示时间，连接性，电池状态，运营商等，在放大消息时放大到40px。 2、导航栏纵向模式:UINavigationBar是44px高，横向是32px，（320*44，480*32），当导航栏使用“提示模式”的时候，该模式将高度扩展了30px，在纵向模式下，导航栏为...
ios设计尺寸规范_APP设计规范，图标尺寸大小，分辨率
weixin_39591916的博客
12-01 618
还算有点全，继续收集。请翻到页面底部，surprise[1]各设备所对应的状态栏、导航栏、标签栏的高度下面两张图相对应：此图来源如图水印所示iOS iPhone各机型尺寸及导航栏高度​www.jianshu.com参考^蓝桥软件学院著...
iOS12设计规范.pdf
08-18
7. 图标和图像：这部分解释了如何创建符合iOS设计标准的图标和图像，包括图像尺寸和分辨率、应用图标、自定义图标、启动画面、系统图标等。 8. UI栏：主要描述了导航栏、搜索栏、状态栏、标签栏和工具栏等UI组件的...
ios和android设计尺寸规范1
08-08
在iOS和Android的设计中，尺寸规范是至关重要的，它们直接影响着用户界面的视觉效果和交互体验。以下将详细解析这两个平台的设计尺寸要点。 对于iOS，主要关注iPhone和iPad的界面尺寸。iPhone的尺寸包括320*480、...
苹果IOS11设计规范完整版（中文）
10-05
iOS 11设计规范是苹果公司发布的针对iOS操作系统的官方设计指南，其目的是指导开发者和设计师们在创建iOS应用程序时，能够遵循一致的设计语言，保证应用与系统之间的和谐统一。这份设计规范详细阐述了包括界面设计、...
IOS平台设计规范
08-15
IOS 平台设计规范 一、UI 的控件概述： 在 IOS 平台设计中，控件是用户界面中最基本的元素，它们是应用程序与用户之间的交互桥梁。控件可以分为四类：栏、内容视图、控制元素和临时视图。栏是状态栏目和导航栏的...
iOS设计尺寸规范
03-28
iOS设计尺寸规范。包含字体，尺寸，图标，分辨率和显示规则。
iOS 12设计规范
03-22
OS 12系统某些界面设计已经做出新的更新，为了让设计师能快速按照 iOS 的标准来设计 APP，苹果官方已经分享出相应的 UI 元素，通过这些模板，可以快速实现标准的 iOS 界面
ios设计尺寸规范_干货！iOS 与Android 设计规范整理
weixin_39866857的博客
12-01 2806
工作中大部分设计师都是按照IOS的标准来进行产品的UI设计，Android的相关规范很多设计师并不清楚，今天就给大家分享一篇IOS和Android设计规范的文章，希望对大家有帮助哦！文章较长，建议大家收藏，以后工作中一定用的到的。一.为什么需要设计规范1.解决多人协作时，同一控件尺寸及使用混乱问题 ，保证设计的一致性。2.与开发沟通协作，共同制定细则，提升链路间工作效率。3.保持产品的特...
超全面的UI设计规范整理汇总（包含iPhone X适配）
最新发布
lty_sky的专栏
02-20 1万+
目前主流的iOS设备主要有iPhone SE（4英寸）、iPhone 6s/7/8（4.7英寸）、iPhone 6s/7/8 Plus（5.5英寸）、iPhone X（5.8英寸），它们都采用了Retina视网膜屏幕，其中iPhone 6s/7/8 Plus和iPhone X采用的是3倍率的分辨率，其他都是采用的2倍率的分辨率，无论是栏高度还是应用图标，设计师提供给开发人员的切片大小，前者始终是后者的1.5倍，并分别以@3x和@2x在文件名结尾命名，程序再根据不同分辨率自动加载@3x或者@2x的切片。
IOS原型设计尺寸规范
Claira00的博客
06-27 869
本文仅为自己学习整理，方便自己画原型时可以直接参考，不用再去别的地方整理，如果错误之处，欢迎各位老师、同学指正！本文中试用的原型工具为Axure，本文只写了IOS 6的一些设计规范，包含了各种常用页面的设计尺寸。
ios设计尺寸规范_平面设计类尺寸规范
weixin_39807067的博客
11-04 266
作为一名设计师，我们必须掌握一些设计文件的尺寸规范，这样既方便我们的工作，又可以节约客户与我们的时间.以下是我整理的一些常见设计的尺寸规范. 名片尺寸(单位：mm)横版:90*55mm<方角> 85*54mm<圆角>竖版:50*90mm<方角>...
iOS常用尺寸
zhuxincheng_1218的专栏
05-22 506
元素控件                                      尺寸（PTS） Window（含状态栏）                    320 x 480 Status Bar的高度                                    20 Navigation Bar的高度                            44 含Pro
UI设计师必备|Android设计尺寸规范
awayaya1的博客
10-06 5562
1、字体使用规范 中文字体：思源黑体Source Han Sans / Noto（是一个字体，叫法不同而已） 英文字体：Roboto 注意：安卓的字号单位是SP 720×1280常见的字体大小： 24px、26px、28px、30px、32px、34px，36px等等。记住是偶数的，最小字号20px。 2、图标 icons 图标用途 mdpi (160dpi) hdpi (240dpi) xhdpi (32.
iOS界面设计详解：尺寸与元素规范
"iOS界面设计尺寸规范" iOS界面设计是一门精细的艺术，对于设计师而言，遵循正确的尺寸规范至关重要，以确保应用程序在不同设备上呈现最佳视觉效果。本篇主要围绕iPhone和iPad界面的设计尺寸、基本组成元素以及字体...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值