NOOTE ICO图标制作过程

作者: 一意孤行 分类: 设计笔记 发布时间: 2017-05-19 22:07

看到很多博客都有漂亮的ICO图标,心血来潮自己制作一个ICO图标,满脑子的想法,首先要好看,颜值排在第一位。其次要符合博客主题,结合NOOTE英文,以 做自己喜欢做的 为中心思想。

于是打开软件,运用菜的抠脚的技术开始了NOOTE博客ICO图标设计之路···第一想法是将NOOTE融合在一起,但是怎么整都不满意,好不容易整出一个,32×32像素导出后,发现变小了之后,炒鸡难看,直接删掉了,继续奋战···

为了考虑ICO图标很小,必须做的简洁、识别度高,有了下面的各种版本(之前弄了很多版本都没保存,保存时直接替换掉了)

ICO图标第一版

这个不是第一版,是我最后简单仿照开始的时候那个版本,

这里看到的只有一个圈圈,里面的TE融合在一起,融合后我把它称之为锁芯,

像是门上的锁,之前外面还有一个N,充当大门。N O O T E 刚好融合在一起

ICO图标第N个版本 ICO图标第N+1个版本
现在看到的是第N个版本,我把它叫做钥匙版本
锁弄不出来,就弄钥匙
N在钥匙把中间,OO组成钥匙把
整体看上去像个T,钥匙的匙是E
同样非常的不满意,几个小时的成果全部推翻…下面是简单粗暴的最终版本

NOOTE ICO图标
一个框框+大号的N

接下来就是将ICO图标放到网站上去,WordPress的ICO图标通常都是在主题文件中,和以前用的DEDECMS不一样,DEDE ICO图标默认在根目录。

NOOTE.CN的ICO图标路劲 http://noote.cn/wp-content/themes/noote/images/favicon.ico

ICO图标随便放哪里都可以,只要页面中引用的路劲正确就好了。ICP图标添加完毕后,通常要删除浏览器缓存才能更新出来,具体为什么我也不知道

ICO图标效果图

ICO图标效果图

如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!

发表评论

电子邮件地址不会被公开。 必填项已用*标注