11设计 ios_ios11尺寸设计规范 - CSDN
精华内容
参与话题
  • iOS11正式版要来了!体验福利多多,但这些iPhone6s以下请慎重升级!

    9月12日凌晨苹果发布会结束后,就立即推送了iOS 11最终测试版。北京时间9月20日,iOS11正式版将会推送给所有用户。

    iOS 11正式版要来了!这些iPhone不要升!

      今天鸭鸭就给你们盘点一些iOS 11的重要信息,毕竟没钱买不起新iPhone,还可以免费升级下手机系统。

      iOS 11有啥新功能?

      1、AR(增强现实)功能

      搭载iOS 11的新iPhone和iPad能够实现AR模式,各类游戏和App可以超越屏幕的限制,带来超乎想象的视觉体验!

    iOS 11正式版要来了!这些iPhone不要升!
    iOS 11正式版要来了!这些iPhone不要升!
    iOS 11正式版要来了!这些iPhone不要升!

      2、控制中心人性化

      iOS 11控制中心除了加入蜂窝数据功能按钮,还支持之前从未有过的录屏功能,滑动下屏幕就可以直接录屏。此外,你还可以自定义添加其他功能,简直不要太人性化了!

    iOS 11正式版要来了!这些iPhone不要升!

      3、AppStore界面重新设计

      iOS 11的App Store设计大更新,分为五大类目:今天、游戏、App、更新、搜索。推荐的应用会更加明显,而且应用内购也会更明显,可以直接在App Store里购买。

    iOS 11正式版要来了!这些iPhone不要升!

      4、Siri更加聪明

      Siri也进行了一定的升级,目前一共支持20多个国家的语言,还支持上海话。同时,Siri加入了语音翻译,甚至一句话都可以调出微信二维码。

      5、相机、照片功能的优化

      升级到iOS 11后,相机可以自动检测到镜头画面中的二维码。相机拍摄可以直接选取滤镜,拍摄的同时就可以选取滤镜等。

    iOS 11正式版要来了!这些iPhone不要升!
    iOS 11正式版要来了!这些iPhone不要升!

      6、新增多款全新原生壁纸

      iOS 11增加了多张原生新壁纸,还没升级想提前获得这些新原生壁纸的话,可以关注微信公众号【躺倒鸭】,在后台回复关键词花朵,就能够收到啦!

    iOS 11正式版要来了!这些iPhone不要升!

      除此之外,iOS 11还有很多其他的小变化,比如单手键盘偏好设置、截图可直接分享、支持手机号码当做Apple ID等,在此就不一一说明啦!

      哪些设备可以升级?

      iOS11支持设备包括iPhone7、iPhone7 Plus、iPhone5s、iPhone SE、iPhone6/Plus、iPhone6s/Plus;9.7英寸iPad、iPad Air、iPad Air 2、iPad Pro(9.7/12.9一二代、10.5英寸)、iPad mini 2、iPad mini 3、iPad mini 4,iPod方面仅有iPod Touch 6一款设备。

      不过就宝宝们的使用反馈,iPhone 7和iPhone 6s可以流畅运行。所以安全起见,建议iPhone 6及其以下机型暂时不要升级了。

      如何提前升级?

      已经升级到iOS 11测试版的话,可以直接在设置-通用-软件更新,检查新版本然后更新;

      或者你也可以等待9月20日推送的正式版哦。


    展开全文
  • UI : 2020年iOS/Android UI设计规范(1)

    万次阅读 多人点赞 2020-02-17 09:43:28
    1.设计稿与切片稿 a.尺寸 设计稿:iPhone6 750*1334 【2倍】 切图稿:iPhone6 2208*1242【3倍】 Android 1920*1080 设计稿选择750*1334 px的原因: IOS:向上和向下适配的时候界面调整的幅度最小,最方便...

    推荐: UI设计规范整理汇总——界面尺寸、控件间距、版式设计、文字设计、设计适配、标注、切图



    1.设计稿与切片稿

    a.尺寸

    类别 尺寸 Asset
    设计稿 750 × 1624 px @2x
    iPhone切图稿 2208 × 1242 px @3x
    Android切图稿 1920 × 1080 px

    设计稿以 iPhone 7 为模版,高度增加 290 px —— 750 × 1624 px

    iOS     :向上和向下适配的时候界面调整的幅度最小,最方便适配;
              iPhone X系列——3倍图(主页指示器 102 px、状态栏 132 px)2倍图(主页指示器 68 px、状态栏 88 px)

    Android :设计时只需做最小的设计调整,提升设计效率

    b.切图

    切图稿 Asset
    iOS 3倍(name@3x.png)、2倍(name@2x.png)、1倍(name.png)
    Android 3倍图


    2.字体

    字体 英文 中文
    iOS 10+ SF UI Text (小于19pt)、SF UI Display(大于20pt) 苹方
    iOS 9 Helvetica Neue 冬青黑
    Android Roboto Source Han Sans / Noto



    3.尺寸

    iPhone 分辨率 PPI 状态栏 导航栏 标签栏 Asset
    iPhone XS Max、11 Pro Max 1242×2688 px 414×896 pt 458PPI 132px 132px 147px @3x
    iPhone X、XS、11 Pro 1125×2436 px 375×812 pt 458PPI 132px 132px 147px @3x
    iPhone XR、11 828×1792 px 414×896 pt 326PPI 88px 88px 98px @2x
    iPhone 6P、6SP、7P、8P 1242×2208 px 414×736 pt 401PPI 60px 132px 147px @3x
    iPhone 6、6S、7、8 750×1334 px 375×667 pt 326PPI 40px 88px 98px @2x
    iPhone 5、5C、5S 640×1136 px 320×568 pt 326PPI 40px 88px 98px @2x
    iPhone 4、4S 640×960 px 320×480 pt 326PPI 40px 88px 98px @2x
    iPhone、iPod Touch 1、2、3 320×480 px 320×480 pt 163PPI 20px 44px 49px @1x
    Android 启动图标 操作栏图标 上下文图标 系统通知图标 最细笔画
    320×480 px 48×48 px 32×32 px 16×16 px 24×24 px 不小于2 px
    480×800 px、480×854 px、540×960 px 72×72 px 48×48 px 24×24 px 36×36 px 不小于3 px
    720×1280 px 48×48 dp 32×32 dp 16×16 dp 24×24 dp 不小于2 dp
    1080×1920 px 144×144 px 96×96 px 48×48 px 72×72 px 不小于6 px



    4.更多详细资料

    1、设计规范

    1- iOS/Android设计规范——优设网:字体、图标、分辨率、配色、UI元素尺寸

    2、切图规范

    1- iOS/Android 切图规范
    2- Android 切图规范
    3- 切图文件命名规范

    3、 设计指南

    1- 中文版——Material Design 指南
    2- 官方英文版——Material Design
    3- 中文版——iOS 12人机界面设计指南
    4- 官方英文版——iOS Human Interface Guidelines

    4、 设计资源

    1- Apple设计资源——Sketch、PS、XD的设计模版



    参考文章:
    1、http://www.shui-mai.com/2018zuixiniosduanjiemianuishejiguifanzhengli/
    2、https://blog.csdn.net/xuaner1996/article/details/79091260

    展开全文
  • 勇~敢~的小伙伴儿们,你们好啊~ 今天跟闺蜜讨论问题的时候,意外的发现了ttf的导入和使用问题。 故在此简单的跟大家说一下。 1.导入.ttf文件 2.检查是否导入成功 ...3.info.plist文件中增加条目 ...

    勇~敢~的小伙伴儿们,你们好啊~

    今天跟闺蜜讨论问题的时候,意外的发现了ttf的导入和使用问题。

    故在此简单的跟大家说一下。

    Demo地址:自定义字体的使用

    1.导入.ttf文件

    2.检查是否导入成功


    3.info.plist文件中增加条目


    4.在代码中使用


    5.如果不知道字体名字可以打印出来



    结果为:


    有什么问题,大家不用客气,尽管提,我能改算我输~


    展开全文
  • 经历了5年多的时间,苹果iOS经历过17个版本,支持了多代iPhone、iPad和iPod设备的成功,目前已经成长为一个市场上影响力最大、功能最丰富、生态最完整的移动操作系统.目前苹果设备正在使用的iOS5是一个对新用户界面...

    经历了5年多的时间,苹果iOS经历过17个版本,支持了多代iPhone、iPad和iPod设备的成功,目前已经成长为一个市场上影响力最大、功能最丰富、生态最完整的移动操作系统.目前苹果设备正在使用的iOS5是一个对新用户界面友好、对APP开发者有强大支持、用户体验相对一致的移动操作系统,而即将在下一个季度推出的iOS6进一步实现了对整个移动操作系统的引领。在这里回顾一下iOS的5年发展历程,同时展望未来iOS的发展方向。

    在发布iPhone之初的操作系统,使用了与Mac OS X一样的Unix内核和其他很多一样的工具,当时两个系统还有很多共享元素。刚发布时这个手机系统被称为iPhone OS,并一直沿用了4年,一直到2010年6月发布iOS4时开始使用iOS名称。但以下文章中考虑到业界习惯,所有都沿用了iOS的名称。

     iOS1:iPhone诞生,专注用户体验

    5年17个版本引领行业发展:iOS未来还能红多久

    iPhone诞生

    其实iPhone刚刚推出时,同样面临着激烈的竞争,同期的Windows Mobile、Palm OS、Blackberry功能都很丰富,相对来说,iPhone不支持3G,也不支持多任务,同样不支持第三方应用,不能复制粘贴文本,不能在邮件里添加附件,也不支持MMS,不支持PushMail,不支持office文档编辑,不支持语音拨号,对黑客和开发者全封闭,所有这些都与其他系统不具优势。

    然而iOS没有做指标和功能竞争,而专注在用户体验,专注于响应速度、应用间的一致性,很多功能都是当时做的最好的,虽然iOS1.0有很多的创新,但其中的3点对于整个移动产业都是革命性的:

    iOS的人机交互界面:在iOS之前,智能手机使用键盘或手写笔输入,没有使用全触控屏幕,

    全触控屏幕:并实现了一种全新的手控操作模式。

    移动Safari浏览器:这是第一个移动浏览器,支持Flash插件,具有跟桌面浏览器一致的性能、功能和兼容性。

    大屏幕iPod:苹果在手机中使用了早已成为主流的iTunes和iPod生态系统,从而使得手机继承了iPod所有的音乐播放功能和音乐获取方式。

    相关版本:iOS1.0/iOS1.1/iOS1.1.3

        iOS2:苹果的APP时代开始了

    5年17个版本引领行业发展:iOS未来还能红多久

    iOS2:苹果APP时代开始

    2008年7月,苹果为iOS发布了APP Store,苹果为第三方应用提供了一种可管理的标准模式,可以开发、浏览、下载和安装应用。

    App Store让APP可以在手机上和iTunes中存在,由于使用iTunes账号,苹果原来的用户就可以直接使用之前的账号,而无需再次申请。用户购买和下载应用比之前方便了很多。

    iOS SDK也是iOS的一大创新,它为开发者提供了一个针对 iOS的开发工具包,一方面更好地帮助苹果统一用户体验,另一方面提高了开发者的开发效率,苹果也可以因此规范和引导开发者。

    不过在APP方面,苹果也显示了其霸道的一面,就是所有的应用都必须通过APP Store审核、分发。

    APP Store无疑是成功的,不仅帮助苹果建立了一个庞大的应用生态,而且让众多的开发者因此找到了自己的商业模式和商业机会,而苹果因此积累了庞大数量的应用。

    对Microsoft Exchange的支持是iOS开始整合一些其他平台成熟应用的趋势,Microsoft Exchange支持Push Mail、日历和联系人等。

    MobileMe是苹果自己发布的一个基于云的服务,集成了邮件、日历和联系人同步等功能。

    对于中国用户来说最重要的是从2.0开始, iOS中加入了中文的手写识别输入,iPhone2.0固件版本手写功能采用了汉王科技手写软件的全部代码。

    相关版本:iOS2.0/iOS2.1/iOS2.2

       iOS3:功能开始完善

    5年17个版本引领行业发展:iOS未来还能红多久

    iOS3收集了几乎所有主流应用

    iOS3.0在2009年6月随着iPhone 3GS而推出,虽然没有革命性功能创新,但苹果此时为iOS收集了足够多的,几乎所有的主流应用:

    剪切、复制和粘贴:这个日后广为理性并被学习的功能,提升了iOS的文本输入效率。

    Spotlight全局搜索:提升了iOS上的信息搜索效率。

    除此之外,苹果还从iOS3开始增加了彩信功能、语音拨号、Find my iPhone功能、支持通过蓝牙的点对点通信等丰富的功能。

    苹果还为SDK增加了大量的API,为开发者提供了更大的支持,提升了iPhone的优势。

    iOS3让这个平台功能更加的丰满和强大。

    iOS3.2:iPad来了

    5年17个版本引领行业发展:iOS未来还能红多久

    iOS3.2最开始应用于iPad

    iOS3.2开始可以应用于iPad,苹果针对大屏幕进行了UI优化设计,并且专门针对大屏幕做了功能优化设计。

    除了UI之外,iOS也专门针对iPad做了一些App的优化,除了一些主流iPhone的App移植外,还可以专门针对iPad设计App。

    与iPhone开启的智能手机新时代一样,iPad也开启了平板电脑时代。

    相关版本:iOS3.0/iOS3.1/iOS3.2(iPad)

     iOS 4:总算支持多任务

    5年17个版本引领行业发展:iOS未来还能红多久

    iOS 4开始支持多任务处理

    2010年6月发布的iOS 4开始支持APP文件夹、拼写检查、自定义搜索、统一收件箱,并支持多个exchange帐户所有添加到更新,这些都有助于iOS保持与Android的竞争力。

    其中最主要的改进就是iOS4开始支持多任务,从技术上这并不是真正的多任务,它向开发者提供了几种不同的可以运行在后台的多任务服务。

    例如:本地提醒功能允许APP弹出消息警告框、快速APP切换和保存状态可以保存APP目前状态提升APP启动速度、音乐播放可以在后台运行等。以上这些要求开发者升级其应用以支持多任务操作功能,iOS对多任务的限制性支持主要是为了限制一些APP后台运行对系统资源的占用并由此可能带来的系统性能下降和电池消耗增加等。

    iOS 4开始支持FaceTime这一视频聊天功能,发挥了iPhone4前置摄像头的作用,相较于其他设备上的FaceTime功能,iOS4上的界面更简洁,工作更好。

    相关版本:iOS4.0/iOS4.1/iOS4.2.1/iOS4.2.5/iOS4.3

      iOS5:开始测试Siri功能

    5年17个版本引领行业发展:iOS未来还能红多久

    iOS5开始测试Siri功能

    像iOS 3一样, iOS 5也是伴随着iPhone 4S出现, iPhone从硬件上没有大的升级,主要是iOS的升级。Siri是iOS5最大的亮点,实现了语音控制输入功能,可以通过Siri使用语音提问和评论,Siri可以与包括日历等在内的所有应用通信。

    苹果将Siri做为一个Beta版发布,并没有想其成为主流的人机交互方式。

    iCloud:苹果与iOS5同步发布了云服务iCloud取代了MobileMe,所有的iOS设备都可以直接连接到iCloud,使用其照片等文件备份、存储功能、使用同一账号的用户可以在不同iOS设备上同步信息和APP。

    除此之外,iOS5开始集成了Twitter等社交服务。

    相关版本:iOS5.0/iOS5.1.1

    iOS 6:告别谷歌地图,拥抱社交

    5年17个版本引领行业发展:iOS未来还能红多久

    iOS 6告别谷歌地图

    在2012年6月11日的WWDC上,苹果发布了iOS6,这看起来是一个要告别谷歌的版本,其最大的动作是不再使用Google Map,而使用了苹果自己的地图服务。

    对社交功能的深度整合也是iOS6的一大变化,在社交网络时代更好地支持社交网络功能是大势所趋。

    加强本地服务也是iOS6的一大进步,没有了乔布斯的苹果看起来更加开放,在中国与中国本地的搜索、社交、地图等服务商合作,推出相关应用,从而方便了本地用户。

    Siri开始走向前台,向着主流人机接口方向迈进,支持了更多的语言,对于中文的支持甚至可以支持粤语。

        未来iOS怎么走?

    在iOS过去5年多时间里,业界对其的疑问从“这是真的智能手机吗”发展到了“它可以代替PC”吗,可见其对智能手机发展的贡献,现在已经有没有怀疑以iOS引领的新一代智能手机可以成为主力的个人计算终端、个人娱乐终端和个人通信终端,其地位将远超过传统PC。

    之前的iOS实现了对使用习惯、用户体验和人机交互的多种创新和革命,功能也在逐步完善。不过Android和之后推出的WindowsPhone在学习并迎合了用户体验之后、功能完善之后也越来越趋同,实现体验差异化和功能差异化也越来越难,iOS如何继续保持领先呢?

    UI创新将继续成为未来iOS发展的核心,让用户感受到超出想象的体验,实现更加自然人性的人机交互将成为IOS的发展目标,像引领触控输入和语音输入一样,引领势能控制、视觉控制等越来越自然的交互方式进入人们的生活中。超乎想象是苹果制胜的法宝,也只有继续超乎想象iOS才能继续领先。
    展开全文
  • 最近在做一个人脸识别的项目,最终生成图,需要长按保存(保存的是一个DIV里...之前就有听说html2canvas这个插件存有bug,但是之前用过一次且没有遇到,自从IOS出来后,且又刚刚在新项目中使用到,IOS11下遇到多个bug,
  • iOS 11 ,之前,为了只显示 返回 图片,而不显示上级界面的标题,可以通过设置导航栏的的属性  [[UIBarButtonItem appearance] setBackButtonTitlePositionAdjustment:UIOffsetMake(0, -60)forBarMetrics:...
  • 北京时间 9 月 20 日凌晨 1 点,苹果正式发布了下一代全新操作系统 iOS 11。此外本次的更新也意味着 iOS 彻底与 32 位 App 说了再见。
  • 苹果秋季发布会在软件方面,备受期待的莫过于 iOS 11,阅读本文,让我们一起一睹 iOS 11 的风采。
  • 前言:随着互联网的发展以及未来物联网到来的时代,需要大量移动开发人才。...如何才能在激烈的移动开发者竞争中一枝独秀,成为一名真正合格的高级iOS开发工程师?这里总结了成为一个移动iOS开发者必须掌握的十五大技...
  • iPhone与iPad开发实战——精通iOS开发地址:http://v.51work6.com/courseInfoRedirect.do?action=courseInfo&courseId=240566课程要求:熟悉C,C++,...xcode涉及知识:语言:objective C操作系统:iOS手机操作系
  • iOS Bug 太多,苹果终于坐不住了!

    万次阅读 多人点赞 2019-12-17 10:59:16
    开源的 Android 和闭源的 iOS,作为用户的你,更偏向哪一个呢? 整理 | 屠敏 出品 | CSDN(ID:CSDNnews) 毋庸置疑,当前移动设备操作系统市场中,Android 和 iOS 作为两大阵营,在相互竞争的同时不断演进。...
  • iOS13适配:UIWindow窗口和导航控制器

    千次阅读 2019-10-17 13:07:50
    这次iOS13的发布,其改动步子有点大了,尤其是是其多场景窗口(多任务)已经颠覆了老应用的设计基础了----数据的协同共享处理机制(本文不谈,哈哈) 这里记录下一些界面层面的适配体会: 如果是Xcode 10及以下创建...
  • 我的iOS视频开放了,欢迎大家在线观看

    千次阅读 热门讨论 2013-04-18 10:49:49
    我的iOS视频开放了,欢迎大家在线观看,就是版本有些老,希望对有需要的同学有帮助(高清的)iPhone与iPad开发实战--精通iOS开发(37讲)...-iOS经典应用剖析(30讲)http://v.51work6.co
  • ios加载svga格式的动画

    千次阅读 2018-12-05 16:02:18
    目录 为什么选 SVGA? 对码农友好 对设计师友好 性价比更高 ... 便捷的 SDK 使得 SVGA 可运行在不同平台... 你可以使用 After Effects 或是 Animate CC (Flash) 进行动画设计,SVGA 可以支持其中的大部分效果,设计...
  • iOS 提交审核之IDFA的介绍

    万次阅读 2016-07-28 11:38:27
    相关介绍在我们提交程序进行审核的时候,最后会有两个选项供我们选择,一个是Export Compliance(该选项主要是说你的程序设计是否使用了加密,我一般上传的时候都选择No,这个根据你项目实际情况来选择.);另一个就是...
  • ios各版本推出时间表

    千次阅读 2017-05-17 21:13:58
    ios1.0: iOS系统诞生于2007年1月1日的Macworld上,当天公布了iOS的初代系统,当时... OS 2.0(iOS 2.0)也随之正式推出,iPhone3G采用了全新的外形设计,并且在原来的基础上增加了对3G网络的支持,同时也增加了对A-GPS
  • 近几年,无论苹果出什么样的产品以及多高的价位,都会有非常多的苹果“死忠粉”去购买,iOS系统也是全球认可的最流畅性的系统。越来越多的人使用iPhone系列产品,同时给我们设计师和开发师带来...
  • 一、界面尺寸 机型 尺寸 (英寸) 分辨率 (px) 逻辑分辨率 PPI 设备状态栏 导航栏Nav 标签栏TabBar 2G、3G、3GS ... 20...
  • XD要使用官方的UI Kits需要从官方网站上下载,所以整理出了一份,方便大家使用。大致如下:Apple iOS11Google Material DesignMicrosoft Windows UWP下载查看UI Kits
  • IOS

    万次阅读 2012-07-25 22:15:22
    ios 求助编辑百科名片   苹果ios 苹果iOS是由苹果公司开发的手持设备操作系统。苹果公司最早于2007年1月9日的Macworld大会上公布这个系统,最初是设计给iPhone使用的,后来陆续套用到iPod touch...
1 2 3 4 5 ... 20
收藏数 54,760
精华内容 21,904
关键字:

11设计 ios