记产品网页小图标设计
时间：2023-10-02 22:54:02 | 来源：网站运营
时间：2023-10-02 22:54:02 来源：网站运营
记产品网页小图标设计：网页小图标（favicon）“是展示网站个性的缩略logo标志，也可以说是网站头像,它显示在浏览器的地址栏、浏览器标签上或者在收藏夹上。”
特点：
- 比较小巧，常用的Favicon.ico图标有3种16×16、32×32、48×48；
- 格式上ico的适应范围比png广泛，可以通过在线转换器完成转换;
设计前think：
- 在有限的空间内精准的传达网站信息（网站是什么，网站可以做什么...），
- 贴合产品的业务，特点及产品所传递产生的价值，以BI产品为例，主要价值是帮助用户分析数据提供准却的商业参考，提取其主要的关键词：准确，严谨，可信赖，智能，
- 场景化拉近情感距离，可以融合BI业务场景中常出现的元素，色彩等。
在设计开始采用手绘的方式快速记录想法，该阶段创意可以天马行空不进行限制，也不必追求设计表达的精准度，以快速表达抓取思维为目的。接下来根据设计定位选区几个符合要求的方案进行初步的矢量化绘制。
在初版的绘制中主要考虑了BI字母，BI字母中常出现的饼图，折线图，柱状图，条形图等元素之间的相互交叉，将不同元素通过形象之间的联系，结合成一种新的形象。颜色上选取了网站的主体色作为主色，整体图标颜色控制在三项之内。
经过组内的讨论，考虑到表达的直接，小尺寸图标的易浏览，选取了BI字母+饼图的方案，接下来是对所选择的方案的细微调整，包括元素之间的间距，大小关系，字重等方面。
最终选取其中一项作为网站小图标使用
谨以此作为自己的成长记录。
在线咨询
