免费头像字体设计 这次我们将分享iOS和Android的发展历史和规范
过去两周,我们分享了Axure的总体介绍和详细讲解。
这次我们将分享iOS和Android的发展历史和规范
iOS篇(注:iOS中的i一定要小写,这样会让我们显得更专业。因为苹果的小写i展现了一种自我和个性)
1.iOS是什么
iOS 是苹果公司开发的移动操作系统。苹果公司在2007年1月9日的Macworld大会上首次公布了这套系统,最初是为iPhone而设计的,后来被应用到了iPod touch、iPad、Apple TV等产品上。 iOS 与苹果的 Mac OS X 操作系统一样,是一个类 Unix 的商业操作系统。最初这个系统被称为iPhone OS。由于iPad、iPhone、iPod touch均采用iPhone OS,在2010年WWDC大会上宣布更名为iOS(iOS是美国思科公司网络设备操作系统的注册商标,苹果更名已已获得思科授权)。
2、iOS发展历史(2008年3月6日,苹果将“iPhone运行OS X”更名为“iPhone OS”;2010年6月,苹果将“iPhone OS”更名为“iOS”,同时还获得了思科iOS 名称授权)。
1.iOS系统开发
①【iOS1】:苹果公司于2007年1月9日在Macworld展会上公布,随后于同年6月发布了iOS操作系统的第一个版本,最初命名为“iPhone Runs OS X”。在这个系统中,手势操作重新定义了很多功能。例如,使用Safari浏览器上网使内置的谷歌地图使用起来更加直观和自然。其次,其内置的虚拟QWERTY键盘是第一个可以完全通过用户手指流畅输入的虚拟键盘,并且可以在用户不需要时隐藏起来。系统对用户完全隐藏所有系统文件。
②【iOS2】:这次升级发生在2008年7月,苹果终于推出了专门针对iOS系统的App Store应用商店。用户不仅可以在手机上浏览和安装应用程序,同事也可以直接在手机上更新版本。另外免费头像字体设计,在这次升级中,iOS SDK(SDK:Software Development Kit(外文缩写:SDK,外文全称:Software Development Kit)一般是由一些软件工程师针对特定的软件包、软件框架、硬件平台而设计的,用于构建系统等应用软件的开发工具集合)也随之诞生。从这一刻起,iOS平台应用的强大势头开始了。
③[iOS3]:这一代iOS于2009年3月发布,本次更新带来了新的文本选择方式。它们的文本放大器和选择滑块的组合非常直观,并且剪切、复制和粘贴功能被设计得更直观、更易于使用。此外,iOS 中还添加了 Mac OS 中的 Spotlight,并在主屏幕左侧添加了搜索页面,用户可以在其中搜索各种信息,包括联系人、电子邮件、日历、便笺等。是 Mac OS X v10.4 的快速、键入并查找、系统支持的桌面搜索功能。)
④【iOS 4】:iOS 4于2010年6月问世,发布的iOS 4操作系统将为iPhone 3GS手机提供100多项最新功能,包括多任务处理、应用程序文件夹、WIFI绑定、统一收件箱以及支持多个Exchange当然,多任务处理是这个版本系统的最大卖点。然而,iOS 4 在技术上并不支持真正的多任务处理,这意味着它不允许任何应用程序在后台运行。 (苹果公司发布了第三代iPhone产品iPhone 3GS。作为iPhone 3G的改进版,3GS中的S代表Speed,意味着升级后的iPhone将配备更合理的配置,拥有更快的操作和处理速度。速度和3G网络加载速度)
⑤【iOS5】:2011年6月7日凌晨宣布,iOS5中首次引入了虚拟助手Siri免费头像字体设计,带来了一些非常有趣的功能体验。 Siri 允许用户提出问题,然后用自然语言提出建议。但作为测试版,Siri 也存在一些不完善的地方。例如,有时无法连接网络进行语言识别或转录,有时反馈结果很奇怪。我
北京时间2011年10月13日凌晨,苹果移动操作系统iOS 5在全球正式上市。 iOS 5还引入了重要的OTA系统更新方式。
⑥【iOS 6】:北京时间2012年6月12日,苹果在WWDC大会上宣布了新的iOS6操作系统。此次升级增加了200多项新功能。新的地图应用是比较引人注目的内容之一。它放弃了谷歌地图,采用了苹果设计的地图方法。它首次为用户提供车辆需要转弯时的免费信息。带语音提醒的导航服务。这个仓促推出的地图系统漏洞百出,引来用户的各种抱怨和冷嘲热讽,库克也发表了道歉声明。在这个版本中,Siri逐步完善;集成了门票和优惠券功能的Passbook,为苹果的移动支付铺平了道路。
⑦【iOS 7】:作为iOS 6的后继者,该系统于2013年6月10日在苹果2013年WWDC上发布。该系统是由苹果首席设计师Jony Ive完全定义和升级的iOS系统。配色更加明亮、淡雅,UI界面更加现代、扁平化。该版本的系统中添加了AirDrop,让用户可以轻松地与周围的人分享图片、视频和其他文件。 iTunes Radio 与 Spotify 类似,根据用户需求选择歌曲。新的照片应用程序还具有内置滤镜。 iPhone 5s 上的 Touch ID 允许用户通过指纹识别解锁设备或更换 Apple ID,让安全和隐私更有保障。改进的功能是 Spotlight 搜索,Apple 还增加了对 Google 和 Wikipedia 的支持。 2013年9月iOS 7正式推出时,苹果取消了Spotlight对谷歌和维基百科的支持。
⑧【iOS 8】:北京时间2014年6月3日凌晨,苹果公司正式公布了iOS系统的最新版本iOS8。 iOS 8 在设计风格上并没有太大的改变。除了完善和丰富通知中心、输入法、消息、邮件等功能外,还新增了健康管理系统Healkit和健康管理软件Health。这是所有Apple Health附属设备的一站式信息收集站。通过Health软件,iOS可以收集健康配件的测试数据。家庭共享功能允许您和您的家人组成最多六人的群组,您可以在群组成员之间共享日历、书籍、照片甚至购买的软件。 Siri在汽车中的智能表现也比以前更好。
⑨【iOS9】:苹果公司于2015年9月16日在美国正式推出。iOS 9系统比iOS8更稳定、更全面、更开放。 iOS 9 增加了更多新功能,包括更智能的 Siri 和新的省电模式。 iOS 9 为开发者提供了 5000 个新的 API(API(应用程序编程接口)是预定义的函数,旨在为应用程序和开发者提供基于某种软件或硬件访问一组例程的功能,而无需访问源代码或了解内部运作的细节)。 2015年12月9日,苹果正式推送iOS 9.2。有相当多的更新。不用说,它修复了错误并提高了稳定性。它还添加了许多新功能,例如可以发送大附件的 Mail Drop 功能和 iBooks。开始支持 3D Touch、Apple News 中的“头条新闻”等。 iOS 9 更新过程中遇到的崩溃主要有两种:第一种是更新过程中由于服务器拥塞而出现“更新失败”页面;第二种是更新失败。另一个是“滑动升级”页面上的系统冻结。和塌陷现象。并且iOS 9也存在Touch ID响应慢的问题
⑩【iOS 10】:2016年6月,苹果系统iOS 10正式亮相。苹果为iOS 10带来了十大更新,包括:锁屏、控制中心、Siri开放SDK、相册应用、苹果地图、苹果音乐、新闻、家庭应用、电话功能、iMessage。 iOS 10的10大创新,很多几乎都是为中国用户量身定做的。可以说,iOS 10是史上最具中国风格的国外开发操作系统。
2.iOS屏幕开发
3.iOS图标开发
3.iOS接口规范
1.iOS尺寸
iPhone 6 Plus设计尺寸:设计图尺寸;物理尺寸:屏幕尺寸
图标大小:应用程序图标在iPhone上不同位置的大小
2. 常用手势
3.iOS设计尺寸
设计尺寸一般以750px *1334px(iPhone 6)为基础,分辨率为72,原因有三:
① 使用此尺寸更容易适应设计。例如:当750px * 1334px按相同比例缩小为640px(iPhone 4/4s)宽度时;宽度和高度为640px * 1138px,仅高了两个像素。
当750px * 1334px缩小到宽度1242(iPhone 6 Plus)时,宽度和高度为1242px * 2208px,完全一致。
②设计图内部要素质量较高。即使工程师将其适配为iPhone 6 Plus的尺寸,也基本不会出现失真,作品也能得到很好的呈现。
③随着近几年iPhone的发展,iPhone6的用户数量也迅速增加。先做这个尺寸,也能照顾好大量的用户。
4、iOS设计字体(也可以使用其他字体,但为了保证设计图与线上产品效果一致,使用苹果默认字体)
中文字体:萍方、谷歌思源
英文字体:San Francisco 文本、San Francisco Display
4、iOS设计中常用(仅供参考,以实际效果为准)
1. 常用字体大小
文字大小:28-32px
文字摘要:24-30px
文字标题:34-42px
最小英文字号:14px(因为英文字母的笔画比较简单,可以比中文小两个字号)
最小中文字体大小:16px(小于16,复杂字符可能看不清楚)
最终原则:字体大小一般不应超过元素高度的一半。
二、基本要求
①电池电量栏(状态栏):40px
②顶部操作栏(导航栏):88px
顶部标题:34-40px(选择偶数值)
顶部按钮:高度不大于60px(列出几个常见尺寸36px、40px、44px、48px)
③底部操作栏(标签栏):98px
底部操作栏文字:16-24px(列举几个常见尺寸20px、22px)
底部图标:高度不超过60px(列出几个常见尺寸:40、44、46、48、52px)
3.安全距离(app两侧留白,一来防止手误触点击,二来适当的留白也能增加美观度)
20px、24px(常用)、30px、34px、40px
4. 热区(点击范围)
最小热点区域:44px*44px(44px*44px热点区域太小,点击不方便)
常用热点区域:66px*66px
88像素*88像素
5. 框架和头像
①框架容器:88px、94px、96px、100px、104px、120px
②框架尺寸:60px、70px、72px(圆角半径4-6px)
③顶部头像:52-70px
④正常头像:60px、90px、104px、106px、128px、152px、178px
6.距离(接口内距离应小于3)
段间距:安全距离
图标间距:安全距离、70px、82px
头像间距:150px、70px
分割线:1px
行距:字号的1.2倍或1.5倍
7.常用颜色
①背景颜色:#efeff4、#f0f0f0、#fafafa、#ffffff
②分隔线:
外轮廓:#d6d7dc、#df3d3e
内轮廓:#e1e1e1
8、主色
①红色(可在此基础上更改色调以配合您的产品定位)#f75555、#df3d3e、#ca4341
②蓝深灰色:#2b2b2b、#3b3b3b
9. 字体颜色
①文本:#323232、#646464
②摘要:#909090,180 级灰度 (#b4b4b4)
③标题:#323232、#ffffff
10. 常用比率
斐波那契数列:1:1:2:3:5:......m:n: (m+n)
黄金比例:0.618
人体工学比例:16:9; 16:10
iPhone5/5s、ipad、电视尺寸:4:3
5. Apple Watch 尺寸规格
Apple Watch 的表盘是黑色的,所以界面的背景颜色应该尽可能的黑色。由于界面尺寸较小,线性图标的厚度不应小于4px。无需单手操作,因此无需考虑安全距离。
1.规格:电池电量条:40px
列表高度:88px/80xp
列表圆角:6-10px
确定屏幕上按钮的数量,通常是一到两个。由于设备体积较小,采用垂直交互和硬件交互的方式。
2. 中文字体:萍方
3.英文字体:旧金山文字>=19点
旧金山显示>=20 点)
4.女款:38毫米(1.97英寸)
340*272像素
图标尺寸 172*172px
5.男款:42毫米(2.2英寸)
312*390像素
图标尺寸 196*196px
6.iPad尺寸规格
1. iPad1/iPad2/iPad mini1 (1024*768像素)
①基本要求:
电池电量条:20px
顶部操作栏:60-80px
侧边栏:70-90px
②字体
中文字体:萍方、谷歌思源
英文字体:San Francisco 文本、San Francisco Display
③字体大小
文字字体:16-22px
文字摘要:14-20px
文字标题:18-28px
最终原则:尽量不要大于元素高度的一半
④安全距离是iPhone的一半
2. iPad3/iPad4/iPad mini2(视网膜)[2048*1536px]
最后推荐一个非常好的网站供大家学习,腾讯用户体验中心:
以上就是我要分享的iOS开发的历史和规范。其中包含一些个人观点。如有错误或遗漏,请指出,让我们共同进步! ! !
下一期将分享Android的发展历史和规范,敬请期待! !