快捷搜索:  汽车  科技

图标设计教程大全:如何强化图标设计的细节 我总结了12个关键点

图标设计教程大全:如何强化图标设计的细节 我总结了12个关键点边长a为18px,方形的面积为324px²。最后算一下矩形的面积:

图标的主体部分应该保持在安全区域内,这种情况适用于大多数的场景。安全区域可以作为设计建议,而不是一项必须的规则,如果有需要,我们完全可以在安全区域外扩展图标的形状。

图标设计教程大全:如何强化图标设计的细节 我总结了12个关键点(1)

六、关键形状

图标设计教程大全:如何强化图标设计的细节 我总结了12个关键点(2)

如果想让一组图标放在一起看起来很和谐,那这些图标的视觉权重应该保持一致。在设计前首先确定图标的基本形状,例如圆形、正方形、矩形等,能有效帮助我们确定图标的比例关系。

可以用数学面积公式来计算一下不同形状图标的权重,找出近似值。来吧,先从圆形开始:

图标设计教程大全:如何强化图标设计的细节 我总结了12个关键点(3)

在这个例子中,直径d是20px,半径r是10px,圆的面积约等于314px²。把圆的面积开个根号√,方形的边长a大约为17.7px,四舍五入到整数,那么边长a为18px,接下来算算方形的面积:

图标设计教程大全:如何强化图标设计的细节 我总结了12个关键点(4)

边长a为18px,方形的面积为324px²。最后算一下矩形的面积:

图标设计教程大全:如何强化图标设计的细节 我总结了12个关键点(5)

猜您喜欢: