作者 | Bestony
今天逛「掘金」的时候,发现一个特别有趣的项目,所以我跟作者申请了一下授权,把项目分享给大家看看。
Logoly.Pro 是一个在线的 PornHub 风格 Logo 生成工具,可以帮助你快速生成类似 PornHub 风格的 Logo。
链接:https://logoly.pro
我自己平时经常要做一些 Side Project ,在做 Side Project 的时候,就涉及到了要做 Logo ,但是作为一个没有设计感的程序员,在做 Logo 时总是会做出一些很丑的 Logo ,于是痛定思痛,想想有没有什么有用的工具可以帮助我生成好看的 Logo。
对于我来说,也不需要太过复杂,能够满足我自己的要求就行。
那么这就要求这个 Logo 有一些特点:
经过一番筛选,PornHub 的 Logo 进入到我的视线。
在开发之前,我先进行了产品方面的考虑,看看我需要做哪些功能,哪些不做,最终得到了这样一个清单:
要做的项目
不做的项目
后续迭代实现的
在完成了产品的功能,我又进行了布局的设计,这次我用的是 Adobe XD,最近很喜欢用这个工具来设计产品的界面,非常的方便。最终设计完成的版本如下:
设计完成后,就要开始准备开始编码了。
一开始,我考虑使用一些 UI Framework ,不过,由于一开始没有引入 UI Framework, 快写完了才发现基本不需要组件库,干脆将错就错,这样用了。
在完成了基本的界面后,就是涉及到的一些库的使用了,这里要感谢前端生态圈的繁荣,我从 Picas 和 Carbon 的源码里找到了我想要用的库。
其他我用到的库还有
在完成了开发后,将代码上传到 GitHub,准备部署。
在前面提到,我考虑用 Netlify 进行部署,这里非常方便,在 Netlify 上直接创建项目,选择你的项目,然后填入命令即可。
并配置一下域名,将自己的域名设置为主域名
稍等一会,就会自动为你的域名签注 Let's Encrypt 的证书。