快捷搜索:  汽车  科技

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

图标设计教程大全:如何强化图标设计的细节 我总结了12个关键点所有的图标都将建立在基础网格之上,图标的每个部分都应该放在像素网格内。

如果在设计过程中发现图标变得很复杂,大胆尝试去做减法,删除不必要的细节,只留下最重要的部分。

三、风格统一

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

在Dribbble中搜索“icons”,会看到很多不同风格的图标样式,但同一个集合中的图标都会保持统一的设计风格。

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

不同风格的图标可以在设计中穿插使用。例如在APP底部导航中,使用线形风格的图标作为基本状态,点击选中时可以变换为面性风格,用来区分不同的状态。

四、基础网格

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

网格有助于我们建立一个明确的尺寸规范,常见的网格尺寸有16×16、24×24、32×32、48×48、64×64、96×96。

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

所有的图标都将建立在基础网格之上,图标的每个部分都应该放在像素网格内。

五、安全区域

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

猜您喜欢: