APP，webapp 设计相关资料汇集区

（1）、@2x

iPhone3GS时代，我们为一个应用提供图标（或按钮提供贴图），只需要icon.png。针对现在的iPhone4~6 Retina显示屏，需要制作额外的@2x高分辨率版本。

例如在iPhone3GS中，scale=1，用的图标是50x50pixel（logicalimage.size=50x50point）；在iPhone4~6中，scale=2，则需要100×100pixel（logical image.size=50x50point，乘以image.scale=dimensions in pixels），并且命名为icon@2x.png。

如果APP要同时兼容iPhone3GS~iPhone6，则需要提供icon.png/icon@2x.png两种分辨率的图片。

（2）@3x

@3x means a new “triple” retina resolution, where eachuser interface point is represented by three display pixels. A single @2x pointis a 2 × 2 square of 4 pixels; an @3x point is a 3 × 3 square of 9 pixels.”

iPhone6+在实际渲染时，downsampling/1.15（1242×2208->1080×1920），准确的讲，应该是@2.46x。苹果为方便开发者用的是@3x的素材，然后再缩放到@2.46x上。

1、iPhone 6/6Plus UI界面设计和适配尺寸规范

2、iPhone 6/6Plus APPui界面设计规范以及界面适配

3、最新WebAPP设计指南规范：适配iphone6技巧

如果APP要同时兼容iPhone3GS~iPhone6+，则需要提供icon.png/icon@2x.png/icon@3x.png三种分辨率的图片。

需要注意的是，iOS APP图标的尺寸和切图命名规范都需要遵守相关规范

（3）高倍图文件命名

对于iPhone3、4/5/6、6+三类机型，需要按分辨率提供相应的高倍图并且文件名添加相应后缀，否则会拉伸（stretchable/resizable）失真（模糊或边角出现锯齿）。

比如：bg-xxx@2x.png、btn-xxx@2x.png 、icon-xxx@2x.png

如bg-xxx@3x.png、btn-xxx@3x.png 、icon-xxx@3x.png

切图宽和高必须的偶数。

http://www.szui.net/news/company/net/3506.html

http://www.25xt.com/appdesign

转载于:https://www.cnblogs.com/porter/p/4803404.html

APP，webapp 设计相关资料汇集区相关推荐

Android App 架构设计相关资料汇总
1. 前言只要有1,2年工作经验的程序员,多多少少都会接触到架构东西.可能平时工作中不一定会有机会从0到1完完全全自己去设计一套架构出来,但是如果想成为高级工程师,技术专家,架构师--尽早接触架构方 ...
手机型号大全资料_高低压柜设计图纸资料免费领
点击上方蓝色字关注我们~ 今天给大家分享一份超级资料,小编耗时两周才整理出来资料合集. 资源合集内容为电气成套相关资源集,包含高低压柜电气设计典型图纸,成套高低压柜报价资料,高低压柜结构设计图纸以及高 ...
《C++代码设计与重用》——1.7 参考文献和相关资料
本节书摘来自异步社区出版社<Imperfect C++中文版>一书中的第1章,第1.7节,作者: [美]Martin D.Carroll , Margaret A.Ellis,更多章节内容 ...
【资料下载区】【iCore、 iCore2相关资料】更新日期2017/1/11
[新产品发布][iCore2 ARM / FPGA 双核心板] [iCore系列核心板视频教程]之 SDRAM 读写实验 [iCore双核心组合是开发板例程][uCGUI 例程及代码包下载] [i ...
6759字25个APP测试流程以及资料合集【乐搏TestPro】
App测试流程及资料合集 / 1 / 测试理论知识:跟其他web等测试一样: 如果基础不够建议先看书:给软件测试从业者推荐6本书籍 / 2 / 整体测试流程:同web类似具体差异化见下方内容 / 3 ...
[任务书+论文+PPT+源码]基于Android与多媒体的英文学习APP的设计与实现
第1页毕业设计(论文)题目:基于ANDROID与多媒体技术的英文学习APP的设计与实现设计(论文)要求及原始数据(资料):1．综述国内外移动互联现状及前景:2．了解ANDROID系统,理解ANDRO ...
基于Android与多媒体的英文学习APP的设计
毕业设计(论文)任务书第1页毕业设计(论文)题目:基于Android与多媒体技术的英文学习APP的设计与实现设计(论文)要求及原始数据(资料):1．综述国内外移动互联现状及前景:2．了解Andro ...
机器学习相关资料推荐 http://blog.csdn.net/jiandanjinxin/article/details/51130271
机器学习(Machine Learning)&深度学习(Deep Learning)资料标签: 机器学习 2016-04-12 09:16 115人阅读评论(0) 收藏举报分类: 机器 ...
计算机科学与应用论文的素材,计算机专业学位论文范文最新资料汇集
一说起计算机,不少技术宅就有说不完的话题.随着科技经济的迅速发展,人们对于计算机人才的需求与日俱增.几乎每一个行业或多或少都需要计算机人才的存在.计算机专业涉及的范围和知识面很广,软件编程,平面设计, ...
MOS2010的界面介绍和定制方法简介【资料汇集】
MOS2010的界面相比以前的版本进行了大幅度的修改,充分借鉴了Office07引入的Ribbon等成功元素.下面把使用和学习中整理的相关资料总结一下. MOS2010主要的界面元素和图示 Serve ...

APP，webapp 设计相关资料汇集区

APP，webapp 设计相关资料汇集区相关推荐

最新文章

热门文章