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阅读
一、图片格式@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阅读
1.移动web浏览与调试 F12打开手机调试工具—>点击手机图标—>切换到移动调试模式—>选择移动设备型号或调剂移动设备宽度2.视口 viewport 浏览器显示页面内容的屏幕区域 视口分为布局视口、视觉视口和理想视口 布局视口 layout viewport ios、andriod基本上都将这个视口分辨率设为980px\ 视觉视口 visual viewport 用户正在看到网
转载
2023-09-06 23:50:46
209阅读
答： 比如你需要一个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阅读
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阅读
# 如何在iOS中实现三倍图（@3x）
在iOS开发中，涉及到图片资源时，我们常常需要提供多种分辨率的图片，以适应不同屏幕分辨率的设备。这就引出了“@1x”、“@2x”和“@3x”这几个概念。特别是“@3x”图像，主要是为了支持具有Retina HD显示屏的设备。本文将逐步讲解如何实现iOS中的三倍图，帮助刚入行的小白理解整个流程。
## 流程概述
为了清晰地展示实现三倍图的过程，我们总结出
iPhone 6 的分辨率是1334x750，4.7英寸(对角线)，屏幕密度326ppi iPhone 6s 的分辨率是1334x750，4.7英寸(对角线)，屏幕密度326ppi iPhone 6 Plus 采用标准的 1920×1080分辨率屏幕。 iPhone7 的分辨率是1334x750像素。 iOS 11支持2436 × 1125 iPhone屏幕。在5英寸，分辨率为1280px*720
转载
2023-10-29 20:50:39
639阅读
# 理解和实现 iOS 三倍图尺寸
在 iOS 开发中，图像资源的管理是非常重要的一个环节。特别是在如今的各种设备上，显示屏的分辨率各不相同，这使得我们需要使用不同尺寸的图像资源。在这里，我们将重点讨论如何实现 iOS 三倍图尺寸。
## 流程概述
为了方便理解整个流程，我们可以将其梳理为以下几个步骤：
| 步骤 | 描述 |
|------|------|
| 1 | 确认图像资源
一、UIImage的size，scale属性先想一个问题“一个图像的尺寸到底是多大呢？”第一反应可能就是image.size，恭喜你答错了，正确的答案是图像的实际的尺寸(像 素)等于image.size乘以image.scale。如果做过界面贴图的话你可能经常会需要准备至少两套图，一套1倍图，一套图已@2x命名的二倍 图。这样当我们的程序运行在retina屏幕的时候系统就会自动的去加载@2x的图片
转载
2024-08-16 17:31:49
52阅读
html移动端——基础知识1. 开发尺寸iphone6 7 8：1倍图尺寸，宽375像素，高667像素。开发：2倍图尺寸，750×1334。iphonex及以上：目前市场主流 1倍图尺寸，宽375像素，高812像素。开发：2倍图尺寸，750×1624。2. 物理像素和逻辑像素2.1 物理像素设计的尺寸：pc端设计显示的尺寸和开发的尺寸是一样的。2.2 逻辑像素开发的尺寸：，由于屏幕越来越大，分辨率
转载
2023-09-22 15:40:09
686阅读
sketch 切图踩过的坑前不久因为 sketch 切图问题害得开发找了半天的 bug, 原来是掉到切图坑里了，于是总结出了一下相关注意事项。一、确定设计尺寸sketch 的切图首先要明确你是在用什么尺寸进行设计，这个关系到导出图片的倍数。如果设计尺寸是 375x667pt，那么导出的资源尺寸倍数，1倍，2倍，3倍。(推荐使用这个尺寸)。如果设计尺寸是 750x1334px，那么导出的资源尺寸倍数
一、视口1.常见屏幕知识设备解释描述宽屏幕的宽度 - （单位：英寸）屏幕的宽度高屏幕的高度 -（单位：英寸）屏幕的高度对角线屏幕的对角线的长度 英寸一般说手机尺寸 是指以屏幕对角线为衡量 单位是 英寸逻辑分辨率屏幕的宽度 * 屏幕的高度 （单位：px）描述屏幕的宽度和高度设备分辨率物理像素点屏幕里面一共拥有的物理像素点的个数PPI像素密度每英寸所拥有的物理像素点设备像素比设备分辨率和逻辑分辨率的比
转载
2023-11-08 13:11:27
0阅读
一些术语Screen Size 屏幕尺寸：实际的物理尺寸，以屏幕的对角线为准（包括通知栏？）将所有的实际尺寸分为四个广义的尺寸：small(小)，normal(正常)，large(大)，extra large(特大)Density 屏幕密度：屏幕的屋里面积内的像素数量，通常指dpi(每英寸点数)small的屏幕密度比normal或large在一个给定的物理面积内具有较少的像素将所有实际密度分为四个
# 安卓开发：如何实现 Android 二倍图
在安卓开发中，处理图像是一个常见的任务，特别是在为不同屏幕密度提供高质量的图形时。二倍图（@2x 图像）是一种常用的资源管理方式。在这篇文章中，我们将深入探讨如何在 Android 应用程序中实现二倍图，以确保在高分辨率屏幕上呈现良好的视觉效果。
## 流程概述
在实现二倍图的过程中，您需要按照以下步骤进行操作。下面是一个流程表，以便您更清晰地
原创
2024-08-07 07:06:50
60阅读
先说结论：不同drawable文件下图片在同一手机图片尺寸是不同的同一个drawable文件夹下的图片在不同分辨率的手机图片尺寸是不同的先聊下DP要在密度不同的屏幕上保留界面的可见尺寸，您必须使用密度无关像素 (dp) 作为度量单位来设计界面。dp 是一个虚拟像素单位，1 dp 约等于中密度屏幕(160dpi；“基准”密度)上的 1 像素。对于其他每个密度，Android 会将此值转换为相应的实际
小编之前在ui培训课程里面了解到，在ui设计当中，时下图标设计流行的是一种不一样的极简风，这样会更加细腻有趣。配色是设计中永恒的话题，在我看来简易更是设计的精髓。Banana Bird 在刚刚接受ui培训的时候，一般会从单色，或者双色结构来授课，就如上图的banana bird图标，如此简易，但也明确体现图标所表达的内容。 KZ 然而，许多设计师都认为三种色彩构成的配
和平精英怎么切换倍镜？游戏中小伙伴们获得不同的倍镜后需要通过手动切换倍镜，从而安装上新的倍镜哦。那么具体该如何切换呢？下面是小编整理的切换方法操作一览，还不了解的小伙伴们快来关注下吧！和平精英怎么切换倍镜1、首先进入游戏的设置页面中，在基础设置中找到快捷准镜切换的选项开关，点击并打开；2、打开快捷准镜切换之后，进入游戏在右侧可以看到倍镜的选择按钮；3、点击需要使用的倍镜即可装备，装备后即可快速切换
转载
2024-01-31 18:52:06
69阅读
一年半的时间，我们亲眼见证了小程序从萌芽成长为参天大树，支撑起我们现今的生活方式，让我们在他的树荫下享受着舒适。很多公司自然不会错过这次机会，纷纷加入到小程序的行列。这对设计和开发而言算是一次挑战，毕竟要快速上线的步伐没有留给我们太多时间，而市面上的相关资料都太零碎，在实际中会遇到很多的坑，官方文档也没有说明。所以我拉着我们开发小哥哥 Yog，帮大家规避小程序设计中的那些坑。一、设计稿最好用二倍图
转载
2024-07-25 19:34:06
145阅读
1.内存空间的划分: 我们知道，一个进程占用的内存空间，包含5种不同的数据区：（1）BSS段：通常是存放未初始化的全局变量；（2）数据段：通常是存放已初始化的全局变量。（3）代码段：通常是存放程序执行代码。（4）堆：通常是用于存放进程运行中被动态分配的内存段 ， OC对象（所有继承自NSObject的对象）就存放在堆里。（5）栈：由编译器自动分配释放，存放函数的参
转载
2024-06-06 19:10:43
36阅读
