日识🔅
在敏敏的督促下,我的拖延症终于有所缓解,感恩身边促使我进步的小伙伴。
开始写文章也有几周了,一直想更换公众号的头像,可是我懒。。。终于昨天把它做完了。也许以后会在这个logo的基础上继续改良,不过今天想分享一下做这个图标初稿的思路,希望可以和需要设计图标的小伙伴们一起分享。
也欢迎大家在留言区交流你的设计思路。

1. logo的用处及联想
日识:名字的由来是指“每天学到的知识”而“识”又同音“食”
这样就联想到 :
“
太阳, 吃 , 嘴, 咬一口, Daily Learn, Learn, 识, 书, 笔记, 铅笔, 眼睛, 眼镜, 日历。。。
”
2. 在网上看一些相关图片和一些大公司成功图标案例的分析




3. 用笔将初稿画下来,多画一些最后筛选
(忘记拍照了,见谅)
最初画的时候画了一些纯文字的或纯图片的或者是文字变形重组的风格,最终觉得一个太阳被咬一口的思路来设计更符合“日识”这一主题,最终将它定为主要方向。
而下面加一个Daily Learn放上复古风类似可口可乐的字体的效果,时间久了更容易让人记住,(想到了山姆大叔那句经典标语“YOU CAN DO IT”) 所以最终决定把Daily learn放在太阳下面,也可以将文字的上线作为类似一个“地平线”的效果,撑起太阳。
4.在AI里设计图标,并利用黄金分割线及黄金比例的圆来切割



选择字体(在Google fonts网站免费下载)
如果要配文字,字体选择很重要,看了很多字体最终选出三款比较中意的。
✅最后决定使用“lobster字体” 因为它更符合我想要的复古风,而又轮廓很清晰醒目。
❎Abril Fatface 字体与其他两种比较起来有点死板
❎Pacifico字体虽然飘逸但在logo还没有被大家熟悉的时候用它不是很有辨识度

lobster字体

Abril Fatface

Pacifico
最后在AI里的初稿就完成了,放到Adobe库里在ps可以直接打开

5.在Ps里进行最后的修改与输出
拿出自己喜欢的配色放在旁边作为参考


最终预览
⭕️附加内容:
❎在Ai里为了逻辑清晰分了太多图层,导致最后想要去掉中间圆形与直线叠加部分时电脑运算不过来,只好去Ps里做这一步。
解决方法:在ai里分两到三个图层就够了,最后可以用置上/下一层来解决遮挡的问题
❎最开始做圆的切口时圆的排列太过单调
解决方法:大胆的把不同的圆分层次重叠堆放一起,反正最后只要轮廓线
✅最后为了然切口不那么可圆以用白箭头「A」将白把手叫出进行调整(这是就算不是圆形切口,但大小还是符合黄金比例的)
✅用渐变映射来改变主题色调
✅Ps里调整色时,在吸取色标颜色时可以对深度在同向更改,找到最适合的渐变颜色
✅在背景底层加一个纹理图案,并将混合模式改为「柔光」或者「叠加」
✅最后输出时用切片工具将每个图标切出,在cmd+shift+option+s 存储为WEB所用格式输出,每个切片会被单独输出。可以直接使用图标
✅可以在公众号上试一下,再进行最后调整
识别二维码即可订阅日识

网友评论