页面icon的3种设计趋势

来源：广州兄弟连IT培训学校时间：2018/12/21 15:21:29

1.icon图标的变化 由线转面

自ios7开始，苹果规范了2px的线性图标;到了ios10中，线性图标的选中状态变成背景填充样式;而在现在的ios11中，采用了面性图标，未选中和选中状态只有颜色上的区分，并且图标更加圆润。

2.给icon图标加上动效，更加有趣味

很多app已经给页面底部标签栏的icon加上微动效，这类动效起到的是画龙点睛的作用，不太会被注意，察觉到会让用户觉得很有趣味，比如阿里的淘宝等，我觉得企鹅的QQ做的最有意思，底部标签栏icon不仅有微动效，而且icon的笑脸会自动转向看向被点击的一侧，并且长按icon移动时它也会根据手指的方向转动，十分有意思，符合当下95后00后的用户心态。

3.icon的细节刻画越来越重要

目前icon的设计已经不单单只满足于简洁易懂为前提，同时细节的设计也十分重要。在色彩上可以加以渐变，线性图标也可以加以色彩的对比等等，会显得icon是精心设计过的，带给用户的感受也会上一个档次。