《术与道》推荐给想转行做移动端GUI设计的小伙伴们！

借了海鹰姐的《术与道》，还没看完，书中主要讲述了移动端ui界面的一些基础知识，虽然很基础，但还是能科普到很多知识点，随便记了几个我学到的知识点（很零散），分享一下。然后把这本书推荐给想转行做移动端GUI设计的小伙伴们！

1.png8

现在我们做ui设计一般都选择用png24的格式，那png8格式有什么不同呢？

png8没有半透明索引颜色，导出时半透明会变成透明色，从而产生锯齿，但是杂边可以选择和背景一样的颜色，这样就可以达到视觉上的透明。

2.图片的比例

常见的图片比例有1：1 、 3：2  、 4：3 、 16：9

我很少接触3：2的比例，一般用在电商类产品详情页。

3.三种表格视图

· 平面型表格（纵向表格）

· 辅助说明型表格

· 内容强调型表格

4.Web视图

也就是在应用程序内嵌入H5页面，例如淘宝首页就是大量的H5页面，这样做的好处就是：H5页面可以在服务端极快的发布更新内容，不用等待应用漫长的版本更新。

5.界面设计为什么选用HSB模式

HSB的编码3个数字分别表达色相、名都和饱和度。在界面设计中，需要有规律地调节一组颜色时，可以通过保持色相（H）不变，而使明度（S）和饱和度（B）有所变化来实现，HSB更加直观，RGB的数值则无法快速分辨。

我们常用的灰色色值有#333333、#666666、#999999、#cccccc，换算成HSB值分别是H0  S0  B20、H0  S0  B40、H0  S0  B60、H0  S0  B80，这样我们就只需要记住B在变化就可以了。