文字类

文字类的icon设计中，需要注意文字在各种尺寸下清晰有辨识度。在小尺寸的icon中，中文建议只放一个字，英文3个字母以内。

案例：万里牛

STEP 1：服务市场检索，拿到官方原本logo。

STEP 2：从多字logo中选择最有特点和视觉稿，也最能代表品牌的字。

STEP 3：对文字进行“形”的优化，并按照规范尺寸制作。

STEP 4：对色彩优化，按照设计规范要求使配色更符合平台需要，同时也尽量保持原品牌的特性，选用与原本品牌色接近的色彩。

STEP 5：根据不同尺寸区别化设计，关注几种主要尺寸的效果，最终输出120和240px两种尺寸，并提交审核。

logo类

已有较为成熟的logo设计时，可直接选用logo用于icon，但需要对色彩和形进行细微调整。

案例：聚星台

STEP 1：服务市场检索，拿到官方原本logo。

STEP 2：选择用logo图形作为icon，对图形进行“形”的优化，并按照规范尺寸制作。

STEP 3：对色彩优化，按照设计规范要求使配色更符合平台需要，同时也尽量保持原品牌的特性，选用与原本品牌色接近的色彩。

STEP 4：logo类的可以不考虑区别化设计，直接输出两种尺寸，并提交审核。

图形类

没有成熟的logo图形设计，也没有文字设计，仅有一张传达服务核心的图片。如图形有一定的代表性，可以选择对图形进行优化设计。

案例：赤兔名品客服绩效管理

STEP 1：服务市场检索，拿到官方原本logo。

STEP 2：基于原本图形，进行设计和优化。

STEP 3：对色彩优化，按照设计规范要求使配色更符合平台需要，同时也尽量保持原品牌的特性，选用与原本品牌色接近的色彩。

STEP 4：图形类的可以不考虑区别化设计，直接输出两种尺寸，并提交审核。

设计tips：

1. 活用工具，多多参考。对于不知道怎么设计的icon去iconfont检索，找到灵感，适合的可以直接修改使用。http://www.iconfont.cn/
2. 设计完成之后，一定要还原到平台中整体来看。如以下，千牛工作台首页。

FAQ