psd保存的文件图标是白色的,psd文件图标变成白色

首页 > 实用技巧 > 作者:YD1662023-11-22 04:22:44

2. 色彩体系

作为图标中最为重要的识别特征,颜色是用户最容易观察和产生联觉的部分。因此,保证图标颜色与原始应用程序品牌色的关联是文件图标色彩选择的重要原则。在那些拥有强烈色彩认知的图标中,我们尽可能地在微云的色彩体系下使其贴近原始的色彩感觉。

psd保存的文件图标是白色的,psd文件图标变成白色(13)

任何的规范都应该是提升设计效率和可用性的工具,而不是成为设计的限制。鉴于Office系列文件在微云中的重要性,我们让其突破了微云的色彩规范,单独选取了3个新的颜色。

文件是用户上传和备份到微云中的内容,我们无法控制其类型和数量,想要让这些内容从色彩比例上贴近我们的规范,看似并不现实。但利用我们调研获得的数据,我们仍然可以让其在一定范围内变得可控。

我们把已经分配颜色的文件类型进行整合,结合其上传的文件数量,即可得到一个宏观的色彩比例,再用这个比例和我们的色彩规范进行对照,那些不具备色彩倾向的图标就可以查缺补漏让整个色彩比例贴近我们的规范。(微云的文件夹图标是蓝色,且数量众多并置顶在列表顶部,由于数据没有统计文件夹的数量,所以从图表上看起来绿色占比更多)

psd保存的文件图标是白色的,psd文件图标变成白色(14)

虽然这个方法并不能保证每个独立场景下的颜色比例,但用户长期使用微云的过程中这些场景的叠加可以在用户印象里形成一定的品牌印记。

3. 图形符号

在图形符号方面,我们进一步弱化了图标的线面性,并通过栅格,让所有图标都拥有相近的视觉体量。对于字体类的图形,我们也参考其原始品牌的字体特点进行了优化。

psd保存的文件图标是白色的,psd文件图标变成白色(15)

为保证一致性能渗透到细节,我们对线宽、圆角、角度和层次制定了规则。

psd保存的文件图标是白色的,psd文件图标变成白色(16)

上一页12345下一页

栏目热文

文档排行

本站推荐

Copyright © 2018 - 2021 www.yd166.com., All Rights Reserved.