一、图片格式@2x与@3xAPP有时会提供不同大小的图片，1倍图和2倍图和3倍图，它们的像素与1倍数图相比相差2倍或者3倍。2倍图在1倍图的名字后加 @2x普通：sample.png 2倍：sample@2x.png 3倍：sample@3x.png “sample”寻找图片的时候，会自动根据设备屏幕取对应的图片 由于retina屏幕的普及，现在工程中用得最多的是@
转载
2024-06-12 12:47:00
282阅读
DPR:物理像素/设备独立像素 这个比值就是DPR 如：iphone6 物理像素是750 设备独立像素是375 那么：750/375 = 2 iphone6的DPR是2二倍图：现在，有一张100px x 100px的图片，在DPR = 1.0的设备中，可以完美的显示。在iphone3G中，此图片背后的发光点有100 x 100个 当我们把它（100px x 100px的图片）放在DPR = 2.0
转载
2024-09-10 19:19:18
64阅读
一、UIImage的size，scale属性先想一个问题“一个图像的尺寸到底是多大呢？”第一反应可能就是image.size，恭喜你答错了，正确的答案是图像的实际的尺寸(像 素)等于image.size乘以image.scale。如果做过界面贴图的话你可能经常会需要准备至少两套图，一套1倍图，一套图已@2x命名的二倍 图。这样当我们的程序运行在retina屏幕的时候系统就会自动的去加载@2x的图片
转载
2024-08-16 17:31:49
52阅读
# 安卓开发：如何实现 Android 二倍图
在安卓开发中，处理图像是一个常见的任务，特别是在为不同屏幕密度提供高质量的图形时。二倍图（@2x 图像）是一种常用的资源管理方式。在这篇文章中，我们将深入探讨如何在 Android 应用程序中实现二倍图，以确保在高分辨率屏幕上呈现良好的视觉效果。
## 流程概述
在实现二倍图的过程中，您需要按照以下步骤进行操作。下面是一个流程表，以便您更清晰地
原创
2024-08-07 07:06:50
60阅读
一、视口1.常见屏幕知识设备解释描述宽屏幕的宽度 - （单位：英寸）屏幕的宽度高屏幕的高度 -（单位：英寸）屏幕的高度对角线屏幕的对角线的长度 英寸一般说手机尺寸 是指以屏幕对角线为衡量 单位是 英寸逻辑分辨率屏幕的宽度 * 屏幕的高度 （单位：px）描述屏幕的宽度和高度设备分辨率物理像素点屏幕里面一共拥有的物理像素点的个数PPI像素密度每英寸所拥有的物理像素点设备像素比设备分辨率和逻辑分辨率的比
转载
2023-11-08 13:11:27
0阅读
sketch 切图踩过的坑前不久因为 sketch 切图问题害得开发找了半天的 bug, 原来是掉到切图坑里了，于是总结出了一下相关注意事项。一、确定设计尺寸sketch 的切图首先要明确你是在用什么尺寸进行设计，这个关系到导出图片的倍数。如果设计尺寸是 375x667pt，那么导出的资源尺寸倍数，1倍，2倍，3倍。(推荐使用这个尺寸)。如果设计尺寸是 750x1334px，那么导出的资源尺寸倍数
和平精英怎么切换倍镜？游戏中小伙伴们获得不同的倍镜后需要通过手动切换倍镜，从而安装上新的倍镜哦。那么具体该如何切换呢？下面是小编整理的切换方法操作一览，还不了解的小伙伴们快来关注下吧！和平精英怎么切换倍镜1、首先进入游戏的设置页面中，在基础设置中找到快捷准镜切换的选项开关，点击并打开；2、打开快捷准镜切换之后，进入游戏在右侧可以看到倍镜的选择按钮；3、点击需要使用的倍镜即可装备，装备后即可快速切换
转载
2024-01-31 18:52:06
69阅读
一些术语Screen Size 屏幕尺寸：实际的物理尺寸，以屏幕的对角线为准（包括通知栏？）将所有的实际尺寸分为四个广义的尺寸：small(小)，normal(正常)，large(大)，extra large(特大)Density 屏幕密度：屏幕的屋里面积内的像素数量，通常指dpi(每英寸点数)small的屏幕密度比normal或large在一个给定的物理面积内具有较少的像素将所有实际密度分为四个
我发现很多人花了大价钱买了iphone,却只用了一半的功能。作为iphone科普专栏的作者。是时候给大家分享17个iphone超实用的小技巧了！1.音量增强还是感觉手机音量不够大？打开【设置--音乐--均衡器】中选择 深夜。2.科学计算器打开计算器--关闭屏幕方向锁定--把屏幕横向翻转。即可变成功能齐全的科学计算器。输错数字向左或向右划一下即可删除一个数字。 3.单手键盘长按左下角的地
转载
2023-11-23 10:22:42
79阅读
作者：ChokCoco本文是内部的一次分享沉淀，偏向基础但是涉及了一些有意思的细节，文笔有限，才疏学浅，文中若有不正之处，万望告知。不知道小伙们是否还得小编之前也整理了2篇关于移动端各种机型适配问题详细解答，咱们一起来回顾回顾(有兴趣的小伙伴建议看看)：《大厂是怎么做移动端适配的》《手把手教你绕过移动端适配大坑》前端的一大工作内容就是去兼容页面在不同内核的浏览器，不同的设备，不同的分辨
转载
2024-07-30 19:27:22
60阅读
答： 比如你需要一个30pt*30pt的图标，那么这时你就需要跟美工要3个文件：一个是30px*30px的PNG文件，用原名来命名即可，例如：sample.png 一个是60px*60px的PNG文件，这个是要用原名@2x来命名，例如：sample@2x.png 一个是90px*90px的PNG图片，这个是要用@3x来命名，例如sample@3x.png这个把这三张图片导入进工...
转载
2022-05-27 08:39:24
276阅读
一年半的时间，我们亲眼见证了小程序从萌芽成长为参天大树，支撑起我们现今的生活方式，让我们在他的树荫下享受着舒适。很多公司自然不会错过这次机会，纷纷加入到小程序的行列。这对设计和开发而言算是一次挑战，毕竟要快速上线的步伐没有留给我们太多时间，而市面上的相关资料都太零碎，在实际中会遇到很多的坑，官方文档也没有说明。所以我拉着我们开发小哥哥 Yog，帮大家规避小程序设计中的那些坑。一、设计稿最好用二倍图
转载
2024-07-25 19:34:06
145阅读
先说结论：不同drawable文件下图片在同一手机图片尺寸是不同的同一个drawable文件夹下的图片在不同分辨率的手机图片尺寸是不同的先聊下DP要在密度不同的屏幕上保留界面的可见尺寸，您必须使用密度无关像素 (dp) 作为度量单位来设计界面。dp 是一个虚拟像素单位，1 dp 约等于中密度屏幕(160dpi；“基准”密度)上的 1 像素。对于其他每个密度，Android 会将此值转换为相应的实际
Sketch与PS的区别由于Sketch是矢量绘图工具，与PS位图处理软件不同的地方在于：Sketch图像生成采用矢量图，在调整形状的时候可以进行缩放而不会损失质量。Sketch中iPhone8默认画板是一倍图尺寸375*667，PS中iPhone8默认为二倍图尺寸750*1334。 PX与PT的关系px是像素，属于相对单位，而pt是点，是iOS开发过程中使用的单位，属于
转载
2023-07-14 23:09:29
883阅读
1）大小的统一在网页设计中图标的主流尺寸有16×16, 24×24, 32×32, 48×48, 64×64, 96×96, 128×128, 256×256, 512×512。iOS上，苹果建议44x44pt作为最小的点击目标区域。但实际中，ios和安卓正常出一个设计版本，俩者结合我们在2倍图下最适合的大小为48*48px。ios功能图标其他尺寸为48加或减4的倍数；安卓android功能图标其
转载
2023-11-21 15:37:48
385阅读
相信很多人跟我一样一直在纠结到底用一倍图做ui设计还是二倍图？国外的设计师喜欢用一倍，国内的设计师比较多用二倍，实际上两种选择都有自己的好处，今天就打算给大家抛砖引玉一下。375x667px ：一倍图(@1x)；750x1334px：二倍图(@2x);1.PS和Sketch的差别PS是光栅图像( Raster Image )(光栅图也叫做位图、点阵图、像素图 )。所以Photoshop十分依赖DP
转载
2024-01-10 22:44:13
493阅读
# 理解和实现 iOS 二倍标准设计尺寸
在进行 iOS 应用设计时，开发者需要理解和实现二倍标准设计尺寸（2x），这是因为 Retina 屏幕的高分辨率使得视觉效果更加优秀。本文将为刚入行的开发者介绍实现 iOS 二倍标准尺寸的流程，并提供详细的代码示例。
## 流程概览
实现 iOS 二倍标准设计尺寸的过程可以分为以下几个步骤：
| 步骤 | 描述
二倍图的概念二倍图就是设计人员在设计ui图的时候是参照手机的二倍来设计的二倍图的作用：防止图片失真####移动端调试的两种方法模拟调试：用电脑的浏览器模拟手机端真机调试
手机和电脑必须在同一个网络下将页面以live server的形式打开打开运行cmd输入ipconfig查找到无线局域网的wlan ipv4地址将ip地址复制之后将浏览器中的127.0.0.1替换掉将地址用二维码生成器生成二维
转载
2024-01-08 19:33:33
34阅读
1.移动web浏览与调试 F12打开手机调试工具—>点击手机图标—>切换到移动调试模式—>选择移动设备型号或调剂移动设备宽度2.视口 viewport 浏览器显示页面内容的屏幕区域 视口分为布局视口、视觉视口和理想视口 布局视口 layout viewport ios、andriod基本上都将这个视口分辨率设为980px\ 视觉视口 visual viewport 用户正在看到网
转载
2023-09-06 23:50:46
209阅读
本篇目录一、物理像素&物理像素比二、多倍图三、背景缩放四、多倍图切图 cutterman一、物理像素&物理像素比物理像素点指的是屏幕显示的最小颗粒，是物理真实存在的。这是厂商在出厂时就设置好了,比如苹果6\7\8 是 750* 1334我们开发时候的1px 不是一定等于1个物理像素的PC端页面，1个px 等于1个物理像素的，但是移动端就不尽相同一个p
原创
2023-01-25 14:37:09
155阅读
