antdesign 地图_尊敬的设计师，您有一份设计地图还没领取

我的第 12 篇文章

来自 ：自言自君  、 ID : ziunnnlai

1. 设计地图的初衷 很多设计平台、或是自媒体上，你都会看到很多设计基础相关的文章，但都是很细化、小模块的，当你想用到的时候又得去搜索，为了解决此问题，便想到了把所有的基础知识放在一张图中。 设计地图概念来自于运营行业的一张运营地图，把所有的基础知识集合在一张图上，可以清晰明了的展现出绝大部分相关知识点。 设计地图中的所有知识点均来自网络，来自各个设计师辛苦输出，我这里只是做了总结，真正要感谢的是那些默默分享的设计师们。 设计地图仅仅是一个抛砖引玉的制作，希望后面有更多的人输出更完整、更高质量的设计地图内容，去帮助到更多的设计师。

---

2. 基础规范 2.1 移动端设备适配 物理像素(设计师使用，也指分辨率，单位：px) 逻辑像素(开发使用，iOS 单位为pt，Android单位为dp) 倍率=物理像素/逻辑像素(常见有1x、2x、3x) 1x，一倍图，1pt=1px 2x，二倍图，1pt=2px 3x，三倍图，1pt=3px 2.2 网页删格 屏幕分辨率(目标用户屏幕情况) 列宽、水槽(常见pc端12列，平板8列，手机端4列) ( A x n ) - i = W 网页端列宽大多数情况为60-80px 水槽常见为20px 列宽、水槽宽度都不是绝对，仅常见参考 2.3 iOS规范 Flat Design 中文：苹方，英文：San Francisco，数字：Helvetica Neue 最小触摸区域 44x44 pt iOS的开发单位：Pt(“points”的缩写，点)1pt=