一. 基础概念1. 什么是DPI？DPI（Dots Per Inch）：每英寸点数，表示指屏幕密度。是测量空间点密度的单位，最初应用于打印技术中，它表示每英寸能打印上的墨滴数量。较小的DPI会产生不清晰的图片。后来DPI的概念也被应用到了计算机屏幕上，计算机屏幕一般采用PPI（Pixels Per Inch）来表示一英寸屏幕上显示的像素点的数量，现在DPI也被引入。 安装Windows操作系统的电
现象 首先说现象，大家都知道移动端设备屏幕尺寸非常多，碎片化严重。尤其是Android，你会听到很多种分辨率：480x800, 480x854, 540x960, 720x1280, 1080x1920，而且还有传说中的2K屏。近年来iPhone的碎片化也加剧了：640x960, 640x1136, 750x1334, 1242x2208。 不要被这些尺寸吓倒。实际上大部分的app和移动端网页，
DM单页 标准尺寸(A4)210mmx285mm 其他还有(A3)420mmx285mm
正度纸张：787×1092mm
开数(正度) 尺寸 单位（mm）
全开 781×1086
2开 530×760 3开 362×781
4开 390×543 6开 362×390
8开 271×390
16开 195×271
注：成品尺寸=纸张尺寸－修边尺寸 大度纸张：850＊1
转载
2024-08-30 17:01:34
443阅读
ios的设计原则 iOS设计的详细的主要宗旨例如以下： 1.易操作，所关心的主题清新 2.UI控件布局合理，图片质量清新 3.用户的使用习惯 4.字体的大小，主次分明 5.舒适的动画效果 在创建一个新的app或者维护久的app a：依据app主旨设计UI主要框架。并加上附加的视图。&
转载
2024-09-14 10:11:14
34阅读
移动端 标签: <!--
新增的块级元素：
1.header,可以用来写头部区域
2.footer，可以用来写尾部区域
3.nav，可以用来写导航区域
4.section，类似于div的
5.main
对于一位移动APP设计师来说，字体的把控非常重要。特别是app设计。因为不同的字体在不同的移动终端显示出来的效果真是百花齐放。终极没达到我们设计图的效果。所以，ios和android都有各自的设计规范。也是告诉各位一定APP设计和开发人员可以遵循这些规范来设计开发，尽量达到最佳显示效果。25学堂今天来跟大家回顾和整理iOS&Android 移动设计字体规范。其他详细的尺寸规范大家可以点击查
转载
2023-09-13 14:08:30
112阅读
为iPhone X设计iPhone X（读作：iPhone 10）已经正式发布，并且将在11月3日开始发售。 它拥有一个分辨率为1125×2436像素的超级视网膜全面屏。并且在屏幕顶部有一个切口，在这里你可以发现一些与人脸解锁相关的功能。给这款优雅的手机做设计会给我们带来一些挑战，同时也会有一些设计方面的机会。在竖屏模式下，iPhone X设备的宽度和iPhone 6，7 and 8相同均为375
转载
2023-12-02 22:44:46
178阅读
HBuilderX - 偏好设置 - 编辑器配置 - px转rpx/upx比例75
原创
2021-08-15 12:02:01
2522阅读
当电子产品发展到一定阶段之后，同质化现象变得就会越来越严峻，无论是外观还是性能方面，如同手机，如同显示器。对于消费者，尤其是选择纠结症晚期的用户来讲，在大一堆“差不多”的产品中，要选对一款适合自己的产品，更是难上加难。由于显示器可选的范围比较广，同一个尺寸大小的显示器，不同品牌不同型号不同参数会有上百种可供选择，其实我们只需明确了预算与用途，才可以正确选择合适自己的显示器。那么如何看显示器参数？下
1.概述 1.1 编写目的 该文档主要针对移动端开发的视觉设计和开发过程中的工作环节做统一的规划规范，是系统进入UI设计的前置文档。部分内容来自网络收集修编，转载请注明由 嗡嗡（iwengweng.cn） 整理。 1.2 读者对象 项目实施工作组UI/UE设计人员。 2.色值规范 系统采用统一色彩标注值，超出的需要进行登记管理。 色彩范围值：以通用字号C开头标识，在Android开发中对应相应的
转载
2024-05-20 20:31:31
279阅读
1.基本尺寸（1）界面 实际设计时按： iPhone4、4s：640px*960px iPhone5: 640px*1136px iPad：1536px*2048px(2) 图标： 1024px*1024px 圆角180px 提交1024px*1024px 方角 png格式图片2.图形部件及字体（1） 为显示清晰 所有图形部件尺寸必须为偶数 样式中阴影、发光、描边的数值也必须为偶数（2） 为方便
转载
2024-08-29 13:46:51
65阅读
术语和概念屏幕尺寸指实际的物理尺寸，为屏幕对角线的测量。为了简单起见，Android把实际屏幕尺寸分为四个广义的大小：小，正常，大，特大。像素（PX）代表屏幕上一个物理的像素点代表屏幕上一个物理的像素点。屏幕密度为解决Android设备碎片化，引入一个概念DP，也就是密度。指在一定尺寸的物理屏幕上显...
原创
2021-07-30 14:19:36
495阅读
# AndroidAutoSize 设计稿单位实现流程
## 1. 准备工作
在开始实现 AndroidAutoSize 设计稿单位之前，需要确保以下几个条件已经满足：
- 你已经安装了 Android Studio
- 你已经创建了一个 Android 项目
- 你已经在项目的 `build.gradle` 文件中添加了 AndroidAutoSize 的依赖
例如：
```groov
原创
2023-09-15 22:33:38
139阅读
小A问我：该如何说服Leader别统一软件？我用Sketch已经习惯了，我也不想换软件……我：其实你们Leader应该也没想清楚切换设计工具的硬性成本，只是迫切地想解决设计团队协作效率问题。你自己也清楚，Figma并非一款万金油的设计工具，对国内用户来说，仍然有很多痛点。小A：那有没有不切换软件，但还能解决效率低下的问题呢？我：从目前的国情而言，使用第三方协作工具配合自己趁手的设计软件，是最被主流
在开发工程师与设计师配合过程中，经常会遇到的问题就是设计师提供设计图，开发工程师严格按照设计图开发完成，但结果就是无法做到设计稿完美还原，需要在后期进行视觉走查的过程中进行微调，占用开发时间，本着效率优先，寻找解决方案，过程中也带来了一些个人思考，在这里和大家分享一下。原因探讨原因很简单，其实用一张图就可以解答清楚，但目前网上流传的很多图片本身就存在问题，或者说没有问题，原因我之后会说。我们先来看
APP尺寸是很多UI设计师头疼的事情，很多新手设计师在不了解尺寸的情况下直接上手做，结果在对接前端的时候，会遇到很多事情。有一个真实的案例，就发生在我身边，有一次我们公司新招了一个UI设计师，由于工作经验不足，设计不够仔细，页面中有很多地方都没有对齐，字号不统一，尺寸不统一。在项目交接会上，前端直接发飙把UI当场骂了一顿，当然那个UI也是离开公司了。其实这种情况很常见，在设计Android或者AP
转载
2024-08-20 16:26:16
65阅读
对于不少年轻人来说，电脑、平板、手机这三者在工作时各有优势，一般都要随身携带，所以更希望有一款产品能够集合三者优点，在满足办公需求的同时减少携带设备的数量及重量。为解决消费者痛点与需求，8月10日京东小魔方新品日携手华为推出首款搭载HarmonyOS 3的高端旗舰平板——华为MatePad Pro 11英寸，通过多设备通信共享、远程操作PC、PC应用引擎三大破界黑科技，使平板电脑融合了手机与电脑的
最近画原型的时候，一直在想一个问题。就是怎么才能做到高保真、更加规范、增强原件的复用性？嗯哼，所以决定总结出一些有规律的东西，可以自己保存并且给他人使用。目录 一、界面的设计尺寸和栏高度 二、边距和间距 三、内容布局 四、界面图片设计比例 五、界面文字设计规范目前主流的 iOS 设备主要有 iPhone SE（4英寸）、iPhone 6s/7/8（
转载
2023-09-12 20:33:36
225阅读
原因分析分析客户端眼中的行高首先我们要知道文字的几个属性，一般有以下几个• ascent:基准线到文字最高处的推荐距离• desent:基准线到文字最低处的推荐距离• baseline：基准线• top：基准线到文字最高处的最大距离• bottom：基准线到文字最低处的最大距离• leading：2行文字的assent与desent的距离如图：image.png所以，可以有这些属性得知：image
转载
2024-01-27 17:08:42
47阅读
Android 美工设计稿示例及实现
## 引言
Android作为当今最流行的移动操作系统之一，拥有庞大的用户群体。为了提供用户友好的界面和良好的用户体验，开发人员需要遵循一定的设计原则和准则。美工设计稿是一种展示App界面设计的静态图纸，它能够帮助开发人员更好地理解设计师的意图，并根据设计稿实现功能。本文将介绍一个Android美工设计稿示例，并提供相应的代码实现。
## 设计稿示例
以下
原创
2023-09-15 16:06:33
103阅读
