0.新的开始

从做展会类物料设计转手开始UI的工作，有很多不懂的专业术语和概念。边工作边学习通过几个方案的适应，也争取在空闲时刻做些笔记和学习。

1.什么是UI

【百度】泛指用户的操作界面，包含移动APP，网页，智能穿戴设备等。UI设计主要指界面的样式，美观程度。而使用上，对软件的人机交互、操作逻辑、界面美观的整体设计则是同样重要的另一个门道。

从工作进度上，我还刚从起步线开始——移动app端。app、网页还很遥远。

从教程、书籍贯彻到实际工作中的三大原则——

置界面于用户的控制之下；减少用户的记忆负担；保持界面的一致性。

（而在app端也仅限于ios，安卓的还得在接下来去了解学习）

（积分商城项目一稿）

2.不同设备尺寸

第一个最困惑的事儿，怎么这么多尺寸，各种适配，各种切图……真的很头大

▣ The Ultimate Guide To iPhone Resolutions https://www.paintcodeapp.com/news/ultimate-guide-to-iphone-resolutions

在“日理万机”的操作下，也“麻木”的记住了一些关键数据

6/7/8：750*1334   X：1125*2436

（数字太无聊，用手机截屏对比更直观感受）

Q:7S+的截图尺寸是1080*1920，但是原本的尺寸是1242*2280，为什么有这特殊情况？

A:用了downsample（降低采样）技术将1242x2208降低到1080x1920。

除6+外，其他所有iPhone4以后的iPhone的ppi都是326，用@2x的素材。
但是6+的实际ppi是401，理论上苹果应该用401/326 * @2x=@2.46x的素材。但是这个奇葩的比例对开发者而言很难切图。所以苹果为方便开发者用的是@3x的素材，然后再缩放到@2.46x上，实际上是缩放到2.46/3=83%。实际上苹果选取了一个接近比例的87%。
这样算下来，物理分辨率和虚拟分比率的比例是87%，也就是1920/0.87=2208，1080/0.87=1242.
好处就是开发者更方便，比如准备素材时，字号可以直接调成3x的。

▣ Human Interface Guidelines

（标准尺寸还是放在这）

https://developer.apple.com/design/human-interface-guidelines/ios/visual-design/adaptivity-and-layout/

3.倍率

在要真正搞清倍率之前，先得搞懂两个概念——物理像素和逻辑像素，在看到这两个名词的时我已经晕了……因为倍率=物理像素/逻辑像素

物理像素就是分辨率pixel   单位px  /  逻辑像素就是点point         单位pt（安卓dp）

>经典：iPhone3和ipadmini1都是px:pt=1:1

了解这个复杂的三角关系后，就更清楚为什么要倍率切图了

>1个像素之差案例——心有猛虎细嗅像素

http://www.xueui.cn/experience/ui-adaptation-noun.html

4.屏幕分辨率 PPI  PPC DPI

Physic Pixel / Pixel Per Inch / Pixel Per Centimeter   / Dots Per Inch

每一英寸距离内所包含的像素数量

PPI VS PPC（但是应该用不到PPC）

>电脑vs手机的分辨率相关信息

   来源：http://baijiahao.baidu.com/s?id=1587465970815284534&wfr=spider&for=pc

5.  ☺

做完这通笔记

正好想起前几天听的罗胖讲到度量衡的话题

好想发出一句感叹为什么英制单位没消亡！

文中很多截图和数据均来自网络也标注了链接，仅用来学习。（感谢陌生人的分享）

Ⓝ

 2019.01.23