今天做的事情：

做任务三

明天要做的事情：

做任务九

遇到的问题：

暂无

收获：

图标设计原则

01.表意准确

功能图标的第一原则是表意准确，要让用户看到图标第一时间就能理解它的含义。同时，功能图标还具有通用性，

符合所有的用户的使用习惯，不要试图去改变用户日积月累沉淀下来的记忆。微信底部的Tab栏，已经很多年没换过了，

由于微信用户群体庞大机构复杂，牵一发而动全身，谁也不敢随便的改变用户多年积累的认知记忆。

可能从美观角度还有很大发挥的空间，但是用户更多的会认为，熟悉的就是最好的。

02.可预见性

预见性是指人对事物发展的预判和前瞻，而人对功能图标预见性的强弱取决于用户对该图标的认知强弱，

当我们把绘制好的图标放入页面时我们要考虑用户是否可以很快的找到该图标？当用户找到该图标时，

用户是否会很快的理解图标代表什么意思？当用户在点击图标前是否已经大约预测到点击该图标后的界面大体样式或内容？

03.偶数规则

元素周期表中相邻的两元素，原子序数为偶数的，其在地壳中的平均含量常大于奇数元素的含量。对于同一元素而言，

质量数为偶数的同位素，在地壳中的平均含量大于相邻奇数同位素的平均含量。这是人们根据分析的实际数据，

经验归纳而得出的元素和同位素在地壳中的分布规则之一，称为偶数规则。在UI界面设计对于偶数原则基本保持一致态度。

在图标设计中主要就是两种声音，4的倍数和8的倍数？48之间的争斗不仅体现在图标尺寸的规范上也体现在珊格系统的规范制定中。

那么怎么根据强有力的依据去决定到底是用4的倍数还是8的倍数呢？换言之就是到底用ios的规范还是用Material design的规范?

04.ios的规范4的倍数

iPhone上最小的点击区域,官方推荐是44px×44px。

为什么ios的规范4的倍数？因为苹果改变了游戏的规则，以前大家一起玩耍的时候都用px物理像素(physical pixel)来定义大小的尺寸，

突然苹果推出retina屏幕改变了普通屏幕的物理尺寸。在不同的屏幕上(普通屏幕 vs retina屏幕)，css像素所呈现的大小(物理尺寸)是一致的，

不同的是1个css像素所对应的物理像素个数是不一致的。

在普通屏幕下，1个css像素 对应 1个物理像素(1:1)。

在retina 屏幕下，1个css像素对应 4个物理像素(1:4)。

03Material design的规范8点网格

Material design建立8点为一个单位的网格，所有的元素尺寸都是8的倍数。有些屏幕会很难调整适应这个系统，

比如iPhone6开始的375×667的尺寸，但是解决方法也很简单。保持填充和空隙（padding & margin）的尺寸统一遵循规则，

剩余的空间可以用块状的元素来填充。有一些元素的尺寸是奇数的也没关系，只要他们能让整体遵守这套规则就好。