- 1、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。。
- 2、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 3、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
- 4、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
- 5、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们。
- 6、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 7、VIP文档为合作方或网友上传,每下载1次, 网站将根据用户上传文档的质量评分、类型等,对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
设计,ucd,互联网,产品设计,交互设计,软件,编程,语言,C++,isux,ios,人机界面
IOS设备设计完整指南
A PP设计 陌北默 2014-11-25 5076浏览 7评论
赞助商广告 ( v )
作为初学者,常常不知如何下手设计,IOS应用UI设计中碰到的种种基础小问题,在此都将一一得到解答。这份完整的设计指南将带你快速上手,为IOS设计出优雅的应
用吧。 学UI入门阶段到底要掌 巧用AI绘制复杂抽象线
握哪些知识 UI第一阶 条怪物 AI教程
段课程
分享到:
设计师的Photoshop礼 视频教程大合辑
仪宣言
创意秘诀这么偷你知道 UI设计教程之UI学习方
吗 法 咋看咋想咋
做
banner这样做才好看 移动端界面设计之尺寸
篇
无觅关联推荐[?]
关于此设计指南
此设计指南描述的是如何按照苹果官方的 iOS 人机界面指南 (HIG)为 iOS 设计应用,而不是如何设计自定义控件。这可以帮助大家打破规则。此文档只作指导作用,
并非为了解决复杂的、特定的设计问题。
(非官方文档,原作者 Ivo 将定期更新和补充。最后更新于:2014年11月11 日。)
分辨率和显示规格
点 (pt )和像素 (px)的区别
像素 (pixels)是数码显示上最小的计算单位。在同一个屏幕尺寸,更高的PPI (每英寸的像素数目),就能显示更多的像素,同时渲染的内容也会更清晰。
点 (points)是一个与分辨率无关的计算单位。根据屏幕的像素密度,一个点可以包含多个像素 (例如,在标准Retina显示屏上1 pt里有2 x 2个像素)。
当你为多种显示设备设计时,你应该以“点”为单位作参考,但设计还是以像素为单位设计的。这意味着仍然需要以3种不同的分辨率导出你的素材,不管你以哪种分辨率
设计你的应用。
注意
如没有另外指定 (如一个数值加上“px”),此指南提到具体尺寸均以点 (pt)为单位。如果你需要转换成相应的像素值,很简单,Retina屏相应乘2或Retina HD屏则乘3
。
iPhone 6 Plus上的降采样 (Downsampling)
在所有iOS设备上,渲染的像素和实际像素是相等的。唯一的例外是:iPhone 6 Plus的Retina HD屏幕。因为其屏幕的像素分辨率比自然的 @3x 分辨率更低,渲染的内容
会自动调整到大约原尺寸的87% (从2208 x 1242像素适应到1 20 x 1080像素) 。
(iPhone 5S、6 和 6 Plus显示的区别。更多信息请点击 这里。)
App 图标
自带效果
应用图标 (App icons)素材通常会以多种尺寸的无添加效果的、正方形的PNG文件添加到应用包中。当在一个设备上渲染时,iOS会自动添加多种效果在App的图标上
。
圆角
过去使用简单半径值的圆角已经不再使用了。从iOS 7开始,App的图标已经开始使用一种叫“超椭圆” (Superell
文档评论(0)