我的第 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
![a369ae7e5ad8365a3702bc4ac264b2e6.png](https://i-blog.csdnimg.cn/blog_migrate/49d4c8faceb1186e77ec49810adba143.png)