【博客开发】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


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









目录
相关文章
|
1月前
|
编解码 搜索推荐 前端开发
字节跳动出大招!IconPark图标库,自定义图标,好用到停不下来!
【11月更文挑战第10天】IconPark 是字节跳动推出的一款高质量图标库,提供超过 2400 个图标,涵盖 32 种分类,支持在线编辑颜色、线条粗细等属性,提供 SVG 和 PNG 格式下载,支持 React、Vue3 等组件代码导出,开源免费商用,适用于网页、移动和桌面应用。
|
5月前
|
开发者
小而美的IKUN-UI组件库源码学习(按钮 Button)
小而美的IKUN-UI组件库源码学习(按钮 Button)
35 0
1、小兔鲜icon图标制作
1、小兔鲜icon图标制作
177 0
1、小兔鲜icon图标制作
|
前端开发 搜索推荐
【博客美化】01.推荐和反对炫酷样式
【博客美化】01.推荐和反对炫酷样式
103 0
【博客美化】01.推荐和反对炫酷样式
|
搜索推荐
【博客美化】03.分享按钮
【博客美化】03.分享按钮
126 0
【博客美化】03.分享按钮
|
C#
那么小伙伴么,问题来了,WPF中,控件的Width="*"在后台怎么写?
原文:那么小伙伴么,问题来了,WPF中,控件的Width="*"在后台怎么写? 用到DataGrid的列是自动生成的,但是大家都知道,WPF的DataGrid会在最后多出一列,通常的解决办法都是在最后一列的列宽上这样设置 Width="*",这样,最后一列多出的就没有了 但是啊,后台生成可怎么写这...
1011 0
|
C#
WPF一步步实现完全无边框自定义Window(附源码)
原文:WPF一步步实现完全无边框自定义Window(附源码)    在我们设计一个软件的时候,有很多时候我们需要按照美工的设计来重新设计整个版面,这当然包括主窗体,因为WPF为我们提供了强大的模板的特性,这就为我们自定义各种空间提供了可能性,这篇博客主要用来介绍如何自定义自己的Window,在介绍整个写作思路之前,我们来看看最终的效果。
1320 0
|
C#
WPF ScrollViewer(滚动条) 自定义样式表制作 图文并茂
原文:WPF ScrollViewer(滚动条) 自定义样式表制作 图文并茂 先上效果图 正常样式 拖动时样式 好下面 开始吧 ================================================================= 打开blend 新建...
1650 0