ImageVerifierCode 换一换
格式:PPT , 页数:25 ,大小:2.25MB ,
文档编号:2635849      下载积分:22 文币
快捷下载
登录下载
邮箱/手机:
温馨提示:
系统将以此处填写的邮箱或者手机号生成账号和密码,方便再次下载。 如填写123,账号和密码都是123。
支付方式: 支付宝    微信支付   
验证码:   换一换

优惠套餐
 

温馨提示:若手机下载失败,请复制以下地址【https://www.163wenku.com/d-2635849.html】到电脑浏览器->登陆(账号密码均为手机号或邮箱;不要扫码登陆)->重新下载(不再收费)。

已注册用户请登录:
账号:
密码:
验证码:   换一换
  忘记密码?
三方登录: 微信登录  
下载须知

1: 试题类文档的标题没说有答案,则无答案;主观题也可能无答案。PPT的音视频可能无法播放。 请谨慎下单,一旦售出,概不退换。
2: 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。
3: 本文为用户(三亚风情)主动上传,所有收益归该用户。163文库仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对上载内容本身不做任何修改或编辑。 若此文所含内容侵犯了您的版权或隐私,请立即通知163文库(点击联系客服),我们立即给予删除!。
4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
5. 本站仅提供交流平台,并不能对任何下载内容负责。
6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

版权提示 | 免责声明

1,本文(iOS-App界面设计规范ppt课件.ppt)为本站会员(三亚风情)主动上传,163文库仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对上载内容本身不做任何修改或编辑。
2,用户下载本文档,所消耗的文币(积分)将全额增加到上传者的账号。
3, 若此文所含内容侵犯了您的版权或隐私,请立即通知163文库(发送邮件至3464097650@qq.com或直接QQ联系客服),我们立即给予删除!

iOS-App界面设计规范ppt课件.ppt

1、iOS App界面设计规范方便进行标准的产品设计2022-5-121界面尺寸2022-5-122iPhone系列界面尺寸设备设备分辨率分辨率状态栏状态栏高度高度导航栏高度导航栏高度标签栏高度标签栏高度缩放因子缩放因子主屏尺主屏尺寸寸ppi开发尺寸开发尺寸iPhone X1125 x 2436 px132px44pt132px44pt应该没变3x5.8458375 x 812pt6+/6S +/7+/8+1242 x 2208 px60px132px147px3x5.5401414 x 736pt6/6S/7/8750 x 1334 px40px88px98px2x4.7326375 x 667

2、ptiPhone SE640 x 1136 px40px88px98px2x4326320 x 568ptiPhone5/5s/5c640 x 1136 px40px88px98px2x4326320 x 568ptiPhone4/4s640 x 960 px40px20pt88px44pt98px2x3.5326320 x 480pt3一.标准单位 Pixels(像素):Pixels是数字显示屏上我们可控制的最小物理元素,在一个特定屏幕尺寸中可以有多个像素。 Points(点):Points用以衡量分辨率。根据屏幕的像素密度,一个point可以包含多个像素(比如在常规的Retina屏上,1p

3、t包含2 x 2的像素)。 英寸:1英寸 = 2.54厘米4一.标准单位 PPI(Pixel Per Inch by diagonal):表示沿着对角线,每英寸所拥有的像素(Pixel)数目。PPI数值越高,代表显示屏能够以越高的密度显示图像,即通常所说的分辨率越高、颗粒感越弱。 缩放因子:scale factorbetween logic point and device pixel5点和像素6iPhone倍图 7iPhone X 屏幕iPhone X 全屏的安全区为734pt = 812 pt 34pt屏幕底部虚拟去home键-44pt(状态栏)8iPhone X 安全区9界面常见控件举例

4、10界面基本组成元素(建议高度) 界面基本组成元素包括:状态栏(Status Bar)+导航栏(NavigationBar)+标签栏(Tab Bar)/工具栏(Tool Tabs)+内容区域11布局展示12布局展示13App Icon:App图标 App Icon Attributes:App图标属性 App Icon Sizes:App图标 大小 Spotlight, Settings, and Notification Icon:搜索,设置和通知图标14App Icon AttributesAttributeValueFormatPNGColor spacesRGB or P3See Co

5、lor ManagementLayers Flattene with no transparencyResolutionVariesSee Image Size and ResolutionShapeSquare with no round corners15App Icon SizesDevice or contextIcon sizeiPhone180px x 180px (60pt x 60pt 3x)120px x 120px (60pt x 60pt 2x)iPad Pro167px x 167px (83.5pt x 83.5pt 2x)iPad, iPad mini152px x

6、 152px (76pt x 76pt 2x)App Store1024px x 1024px (1024pt x 1024pt 1x)Every app must supply small icons for use on the home screen and throughout the system once your app is installed, as well as larger icon for display in the App Store16Spotlight, Settings, and Notification IconDeviceNotification ico

7、n sizeiPhone60px x 60px (20pt x 20pt 3x)40px x 40px (20pt x 20pt 2x)iPad Pro, iPad, iPad mini40px x 40px (20pt x 20pt 2x)DeviceSpotlight icon sizeiPhone120px x 120px (40pt x 40pt 3x)80px x 80px (40pt x 40pt 2x)iPad Pro, iPad, iPad mini80px x 80px (40pt x 40pt 2x)DeviceSettings icon sizeiPhone87px x

8、87px (29pt x 29pt 3x)58px x 58px (29pt x 29pt 2x)iPad Pro, iPad, iPad mini58px x 58px (29pt x 29pt 2x)17Navigation Bar and Toolbar Icon Size Use the following size for guidance when preparing custom navigation bar and toolbar icons, but adjust as needed to create balance.Target SizesMaximum sizes75p

9、x x 75px(25pt x 25pt 3x)83px x 83px(27.67pt x 27.67pt 3x)50px x 50px(25pt x 25pt 2x)56px x 56px(28pt x 28pt 2x)18定制图标 设计单色模板图标 图标scale factor设置为2x 图标保持一致 图标要清晰易读,实心或者线条要一致 用颜色来表述选中或未选中两种状态19Tab Bar Icon Size20字体方便进行标准的产品设计2022-5-1221字体的选择 iOS版本中默认字体都是H He el lv ve et ti ic ca a N Ne eu ue e。建议中文字体Ma

10、c下用的是H He ei it ti i S SC C( (黑黑体体- -简简) )。Windows下则为华华文文细细黑黑。设计以iPhone6的尺寸进行设计,所以所有的字号都要使用双号数字。22字体大小(以iPhone6及以下尺寸为例) 文本永远都不应该小于22px,内容样式使用34px的字号作为最大尺寸的默认文本尺寸设置。(个别情况:文字最小使用20px的,如标签栏图标的文字为20px;文字最大使用34px及以上的,如弹窗按钮文字为36px) 为了区分标题与内容样式,标题样式使用更重的值,可以是颜色或字体大小区 导航栏的文本使用相同的字号,值为34px。23命名方便进行标准的产品设计2022-5-1224命名格式25

侵权处理QQ:3464097650--上传资料QQ:3464097650

【声明】本站为“文档C2C交易模式”,即用户上传的文档直接卖给(下载)用户,本站只是网络空间服务平台,本站所有原创文档下载所得归上传人所有,如您发现上传作品侵犯了您的版权,请立刻联系我们并提供证据,我们将在3个工作日内予以改正。


163文库-Www.163Wenku.Com |网站地图|