APP开发实战6-APP的切图工作

最新推荐文章于 2023-03-30 16:57:44 发布
最新推荐文章于 2023-03-30 16:57:44 发布
阅读量2.2k 收藏
点赞数
分类专栏： APP开发实战
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xjbclz/article/details/51356552
版权
本文介绍了APP开发中切图工作的关键点，包括设计师通常为iOS提供设计切图，按照iPhone的屏幕尺寸和像素密度进行1x, 2x, 3x图的设定。在Android平台上，主要考虑XHDPI的适配，对应iPhone 5系列的@2x切图。同时，文章提到了Android支持多种图片格式，以便减小APP的空间占用。" 136436392,1288199,C++中extern和static的详解与用法,"['C++', '编程概念', '变量管理']
摘要由CSDN通过智能技术生成

2.2APP的切图工作

最理想的情况是设计师给iOS APP和Android APP设计两套图片，实际中，设计师大都使用iPhone手机，没用过Android手机，且为了节约资源，设计师通常只按iOS APP的要求提供设计切图和标注尺寸。

以下是iPhone手机的屏幕尺寸和像素密度：

设备

屏幕尺寸

Reader

分辨率(px)

像素密度值

iPhone 3GS

3.5寸

@1x

320x480

163

iPhone 4/4s

3.5寸

@2x
了解本专栏 订阅专栏 解锁全文 超级会员免费看
xjbclz
关注
专栏目录
订阅专栏
APP开发实战140-APP项目管理
xjbclz的专栏
09-03 879
39 项目管理 1 一个完整的APP研发团队应该包括以下成员： 产品经理—明确产品需求，提供产品原型。 设计人员—根据产品经理的原型，设计效果图和切图。 开发人员—编码实现具体功能。 接口开发人员—提供服务器端的接口给APP调用。 测试人员—测试APP和接口。 项目经理—制定项目计划，组织和协调各成员共同完成APP的开发。   许多小公司为了节约成本，没有专职的测试人员和项目经理
APP切图详细规范终极指南
张三的博客，As a Developer
01-06 1921
在庞大的切图数量下如何让负责套图的 RD 快速找到所需图档，档名的命令方式就需要双方统一格式方便大家作业。所以，制定一套非常有效而方便的APP切图命名规范非常有用的。
切图具体需要切什么内容_APP切图详细规范终极指南
weixin_39812465的博客
12-19 382
我们都知道一套完整的 App 通常会有很多张切图，不管是 iPhone 需要 1x、2x、3x 图档，Android 需要至少 3 种 hdpi、xhdpi、xxhdpi。在庞大的切图数量下如何让负责套图的 RD 快速找到所需图档，档名的命令方式就需要双方统一格式方便大家作业。所以，制定一套非常有效而方便的APP切图命名规范非常有用的。下面就跟随小编来详细了解APP切图命名的流程和命名规范。ios...
APP的设计和切图
u011150681的博客
03-16 204
【转】Android编码规范建议18条
weixin_30567225的博客
01-19 140
转自：http://www.chinaz.com/design/2015/0908/443732.shtml Android编码规范建议18条 适合手机app设计师和android 工程师阅读。 1.java代码中不出现中文，最多注释中可以出现中文 2.局部变量命名、静态成员变量命名 只能包含字母，单词首字母除第一个外，都为大写，其他字母都为小写 3.常量命名 只能包含字母和_，字母...
android app ui如何切图,APP切图详细规范终极指南
weixin_42395725的博客
05-27 1655
我们都知道一套完整的 App 通常会有很多张切图，不管是 iPhone 需要 1x、2x、3x 图档，Android 需要至少 3 种 hdpi、xhdpi、xxhdpi。在庞大的切图数量下如何让负责套图的 RD 快速找到所需图档，档名的命令方式就需要双方统一格式方便大家作业。所以，制定一套非常有效而方便的APP切图命名规范非常有用的。下面就跟随小编来详细了解APP切图命名的流程和命名规范。ios...
1个月uni-app微信小程序开发上线实战专栏介绍
风中追风
03-30 919
uni-app开发微信小程序1个月上线实战，目标带领1000位同学成功开发上线一个自己的个人小程序！作者介绍：国服第二切图仔——资深前端开发工程师，具有六年以上的前端开发经验，曾在多家知名企业任职，CSDN、阿里云、华为云等平台优质创作者，擅长前端性能优化，前端复杂交互逻辑处理，精通网站开发、后台管理系统、移动端及微信小程序开发。技术领域：html\css\js\vue\react\node.js\three.js\cesuim.js\gis开发\uniapp\微信小程序\mysql\mongodb。
Hybrid App 开发快速指南
热门推荐
GitChat
08-14 4万+
课程背景 混合应用相对于原生应用而言，是原生应用和 Web 应用的结合体。过去几年，混合应用开发的各种利弊已得到充分的讨论和验证。关于混合应用是什么、为什么使用的问题，相信大家都有自己的答案，但如何开发混合应用，从现有资料中却很难找到一个系统、全面的回答。 刚上手或准备上手混合应用的开发者，经常苦于没有一套经过验证的最佳实践来指导开发，在开发的各个阶段往往遇到各种问题： 如何选型？ 如何架构前端...
《循序渐进Vue.js3前端开发实战》实战范例.zip
最新发布
04-18
前端开发是创建WEB页面或APP等前端界面呈现给用户的过程，通过HTML、CSS及JavaScript以及衍生出来的各种技术、框架、解决方案，来实现互联网产品的用户界面交互。 前端开发从网页制作演变而来，名称上有很明显的...
APP切图流程和APP切图命名规范详细完整版
jinyeweiyang的专栏
12-30 2314
我们都知道一套完整的 App 通常会有很多张切图，不管是 iPhone 需要 1x、2x、3x 图档，Android 需要至少 3 种 hdpi、xhdpi、xxhdpi。在庞大的切图数量下如何让负责套图的 RD 快速找到所需图档，档名的命令方式就需要双方统一格式方便大家作业。所以，制定一套非常有效而方便的APP切图命名规范非常有用的。 下面就跟随25学堂的小编来详细了解APP切图命名的流程
APP视觉稿该怎么切图和标注
liaowenxiong的博客
03-11 3728
本篇教程跟大家分享UI设计的一些知识，就是APP怎么切图和标注，还不懂的同学，赶紧了解一下。 首先：哪些东西要切出来？ 简单来说就是代码不好实现的东西就直接切成一张图放到软件里面展示，例如图片，小图标，和一些不好实现或者实现成本太高的效果。下面以支付宝和QQ为例。 以上圈出来的就是需要切出来的，广告栏的是获取已经做好的广告图所以不用切，只需要标注出大小就行，QQ的头像都是用户可以自定义的，程序会直接获取用户设置的头像，所以也不用切，只需要确定大小。 知道了哪些东西要切，那就很简单了，我们知道ps里面有一个
Ant下载安装及使用详解
JavaEdge全是干货的技术号
03-02 7520
0 前言 全是干货的技术殿堂 文章收录在我的 GitHub 仓库，欢迎Star/fork： Java-Interview-Tutorial https://github.com/Wasabi1234/Java-Interview-Tutorial Apache Ant 是由 Java 语言开发的工具，由 Apache 软件基金会所提供。Apache Ant 的配置文件写成 XML 容易维护和书...
使用ANT打包Android应用
t225com
08-15 308
大家好，今天来分享一下如何使用ANT打包Android应用。 通常我们习惯用eclipse来开发Android程序，它会自动帮我们打包当前的应用程序。如果在Navigator视图下，我们可以看到以下几个文件： 在上图中，com包放置的是我们的class文件，classes.dex是class文件经过转换后的可以在dalvik上跑的精简类文件，resources.ap_是经过打包的资源文件，...
01-ant的内容
九师兄
01-17 675
apache ant 　　Apache Ant,是一个将软件编译、测试、部署等步骤联系在一起加以自动化的一个工具，大多用于Java环境中的软件开发。由Apache软件基金会所提供。 　 简介 　　用户群：大多数的Java设计都被用于管理大量信息流，例如纽约州就使用Apache Ant去管理美国最大的青年计划，每天可以实时更新超过25万学生的记录。 　　 　　只要使用过Linux系统
react H5app项目 电影 高德地图获取当前城市 获取所有城市列表并渲染 react路由的三种传参方式
tangtanglinli的博客
02-18 568
react、ant design mobile写的H5App电影购票项目 内有react如何配置路由 、高德地图如何获取当前城市、如何获取所有城市列表并渲染实现左右联动、react路由如何带参跳转的三种方式
在creact-react-app当中使用craco插件，配置生产环境取消console解决办法
任磊
05-22 1万+
选择react框架进行前端开发,基本上都会用的creat-react-app这个官方提供的脚手架。但是这个脚手架有个很大的弊端，不能直接对该脚手架的默认项进行配置。相比于vue最新的脚手架@vue/cli而言，@vue/cli虽然也对webpack的配置进行了全面的封装，但是官方允许用户创建在项目根目录创建一个vue.config.js，并且提供了丰富的API，供用户去参考。从这一点而言，creat-react-app可以说是让人讨厌至极，根本无法和@vue/cli，相提并论。 如果用户想配置creat.
《HelloGitHub》第 69 期
HelloGitHub 的博客
12-28 2012
兴趣是最好的老师，HelloGitHub 让你对编程感兴趣！简介HelloGitHub 分享 GitHub 上有趣、入门级的开源项目。https://github.com/521xuewe...
create-react-app+antd-mobile配置less、rem布局、自定义主题，无需暴露全局配置
超小少的博客
05-07 1234
网上看了很多文章在create-react-app配置less和rem，都是需要通过暴露全局配置的方式去配置，比较麻烦，那么有没有不暴露全局配置的情况下，也可以配置呢？答案是有的，这里我是移动端项目，使用了antd-mobile UI框架，以此为例： 一、 在移动端配置less和自定义主题与antd PC端的一致，可参见 官网示例 先安装 @craco/craco craco-less //yarn 安装 yarn add @craco/craco craco-less //npm安装 npm inst
iOS APP设计流程：从原型到切图
"一款APP，从设计稿到切图" 在设计一款APP的过程中，从项目立项到最终的切图输出，涉及到一系列的步骤和技术工具。以下是对这个过程的详细阐述： Part1 项目立项 在项目立项阶段，产品经理通常会通过原型来呈现...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值