【博客开发】Icon 图标设计

简介: 【博客开发】Icon 图标设计

博客虽然是个小玩意,但麻雀虽小,五脏俱全,需要的技能也要求是综合性的(当然了,比起个人,可能更适合团队来做)。做为一个开发,前端后端都能做,但在UI这层着实够呛,还好有个哥们是个设计,让他给我出了两个页面,放在蓝湖上。结果我把前端基础环境和后端基础环境,前后端对接都弄利索了,准备来实现界面时,发现我那哥们没给我切图。好的吧,现在也不大好意思再找他了,想想还是自己动手了。


待实现的图标如下:


image.png


其实在2019年的时候,我也是学习过 AI 软件的,当时买了一本《Adobe Illustrator CC 2018》,跟着书,我把书里教的东西都在自己电脑上实现了一遍。在那之后,在设计自己的个人LOGO 时启用过 AI,基本上没怎么动过了。这次启动 AI 是有实际需求的,但打开之后,各个功能按钮都不记得怎么用了,想起自己还有本书,赶紧拿出来回顾了第一章,把第一章里头的案例又实现了一遍。过程中,发现好多年前学习的知识又记起来了点,看来还没忘,只是放在了记忆里的某个角落。


image.png


icon 图标实现起来其实不怎么复杂,主要就是各种图形组合,但对于一个非专业人士来说,亲手把这些做出来,还是蛮有成就感了。而且把以前学习的知识给用到了,真的好开心!


image.png


导出了多种尺寸的png图片,还有svg图片。

image.png

可以看到文件夹里头已经能看到了。

image.png


打卡几个图片看看,还是挺满意的。









目录
相关文章
|
前端开发 JavaScript 安全
从前端性能优化角度谈JavaScript代码压缩与混淆
本文从前端性能优化的角度出发,探讨了JavaScript代码压缩与混淆的重要性及实现方式,通过分析不同压缩混淆工具的特点和效果,为开发者提供了实用的指导和建议。
|
Java 应用服务中间件 测试技术
深入探索Spring Boot Web应用源码及实战应用
【5月更文挑战第11天】本文将详细解析Spring Boot Web应用的源码架构,并通过一个实际案例,展示如何构建一个基于Spring Boot的Web应用。本文旨在帮助读者更好地理解Spring Boot的内部工作机制,以及如何利用这些机制优化自己的Web应用开发。
269 3
|
JavaScript API 开发者
GraphQL API开发入门:比RESTful更高效的数据查询方式
**GraphQL API开发入门摘要** GraphQL是一种更高效的数据查询方式,解决RESTful API的过度或不足获取数据问题。它允许客户端按需获取数据,减少网络传输,支持一次请求获取多资源。强类型和自描述特性方便了开发。文章通过一个简单的Node.js示例,展示如何使用`apollo-server-express`搭建GraphQL服务器,包括定义Schema、实现Resolver和创建服务器。通过测试,显示了GraphQL如何提供精确数据和优化查询效率。对于复杂数据需求,GraphQL是现代API设计的有效选择。
262 0
|
JavaScript 前端开发
JavaScript 中 this 的使用方法详解
JavaScript 中 this 的使用方法详解
225 1
|
消息中间件 监控 关系型数据库
实时计算 Flink版产品使用问题之运行后,怎么进行监控和报警
实时计算Flink版作为一种强大的流处理和批处理统一的计算框架,广泛应用于各种需要实时数据处理和分析的场景。实时计算Flink版通常结合SQL接口、DataStream API、以及与上下游数据源和存储系统的丰富连接器,提供了一套全面的解决方案,以应对各种实时计算需求。其低延迟、高吞吐、容错性强的特点,使其成为众多企业和组织实时数据处理首选的技术平台。以下是实时计算Flink版的一些典型使用合集。
|
Unix Linux Go
Linux中的chmod权限问题
Linux中的chmod权限问题
297 0
|
存储 监控 Ubuntu
Linux的几种备份、恢复系统方式
Linux的几种备份、恢复系统方式
|
NoSQL Java MongoDB
Java一分钟之-Spring Data MongoDB:MongoDB集成
【6月更文挑战第11天】Spring Data MongoDB简化Java应用与MongoDB集成,提供模板和Repository模型。本文介绍其基本用法、常见问题及解决策略。包括时间字段的UTC转换、异常处理和索引创建。通过添加相关依赖、配置MongoDB连接、定义Repository接口及使用示例,帮助开发者高效集成MongoDB到Spring Boot应用。注意避免时间差、异常处理不充分和忽视索引的问题。
371 0
|
存储 关系型数据库 MySQL
MySQL数据库——存储过程-游标(介绍-声明游标、打开游标、获取游标记录、关闭游标,案例)
MySQL数据库——存储过程-游标(介绍-声明游标、打开游标、获取游标记录、关闭游标,案例)
960 0
|
域名解析 Cloud Native 应用服务中间件
重磅官宣:Nacos2.0发布,性能提升10倍
​Nacos2.0 作为一个跨代版本,彻底解决了 Nacos1.X 的性能问题,将性能提升了 10 倍。
12064 98