美国视频Youtube赚钱攻略

正经的我推荐一款超个性网站Logo生成器LogolyPro(人人必备)

-youtube风格logo在线制作 -youtube -项目
这两天一个小伙伴做了一款非常故意思的开源软件,我试用了一下感觉挺好玩,分享给大家。

在线试用了一下这款开源软件,给自己天生了一个 Logo ,大家看看效果:

固然也可以定制格式、颜色、字体大小,后期作者计划实现 YouTube 气势派头。

一股满满的极客风,是不是很风趣,下面为作者的开发经历,值得学习。

TL;DR

Logoly.Pro 是一个在线的 PornHub 气势派头 Logo 天生工具,可以帮助你快速天生类似 PornHub 气势派头的 Logo

现在项目已经上线:https://logoly.pro/

代码也已开源:https://github.com/bestony/logoly

欢迎列位前来试用 && 求 Star !

昨晚,我花了 5 个小时,在肝一个项目,现在,让他成功上线,我便向大家介绍一下他。

突发的灵感

我自己平常常常要做一些 Side Project ,在做 Side Project 的时间,就涉及到了要做 Logo ,但是作为一个没有计划感的程序员,在做 Logo 时总是会做出一些很丑的 Logo ,于是痛定思痛,想想有没有什么有效的工具可以帮助我天生悦目的 Logo。对于我来说,也不需要太过庞杂,可以或许满意我自己的要求就行。

那么这就要求这个 Logo 有一些特点

  1. 计划简单 :许多带祥瑞物的 Logo 就不合适我了,由于要去预备祥瑞物的图片。
  2. 辨识度高 :单纯的简单并没有太多的用处, Logo 需要让用户可以或许记着

经过一番筛选,PornHub 的 Logo 进入到我的视线。

计划产品

在开发之前,我先辈行了产品方面的思量,看看我需要做哪些功能,哪些不做,最终得到了这样一个清单:

要做的项目

  1. 项目使用 Vue 开发 ,由于可以快速上线
  2. 项目使用 Netlify 摆设 ,这样就可以使用自己的域名,并使用 SSL,速率还要比 Github Pages 快一些。
  3. 项目应当支持自定义文字 ,这个是最底子的功能需求,必须要做的。
  4. 项目应当支持自定义颜色 ,毕竟大概有其他的方面,需要类似气势派头,但是差别的颜色的 Logo
  5. 项目应当支持自定义文字大小 ,毕竟我导出的是 PNG,假如不能自定义大小,大家大概会很困扰。
  6. 项目应当参加 Google Analytics ,参加统计,就知道有几多人用过我的项目了,也是一种成绩感。
  7. 项目应当参加我的个人信息 ,用来给我自己推广,趁便刷一波脸。
  8. 社会化分享 ,应当有个方便的分享方法,这样才可以或许更好的帮助项目在前期发展。

不做的项目

  1. 自定义字体 :原汁原味的 PH 气势派头,怎能瞎改字体呢?
  2. 导出 JPG : 有了透明配景的 PNG,不透明的 JPG 的需求就没那么大了。

后续迭代实现的

  • 其他简单的 Logo :好比 Youtube.
  • 计划结构

    在完成了产品的功能,我又进行了结构的计划,这次我用的是 Adobe XD,近来很嘻歡用这个工具来计划产品的界面,非常的方便。最终计划完成的版本如下:

    计划完成后,就要开始预备开始编码了。

    找库

    一开始,我思量使用一些 UI Framework ,不外,由于一开始没有引入 UI Framework, 快写完了才发现基本不需要组件库,爽性将错就错,这样用了。

    在完成了基本的界面后,就是涉及到的一些库的使用了,这里要谢谢前端生态圈的繁荣,我从 Picas 和 Carbon 的源码里找到了我想要用的库。

    • dom-to-image : 将 Dom 元素转换成为图片,以备下载。
    • file-save : 在 Vue 组件里调用系统的下载接口,下载图片

    其他我用到的库另有

    • v-tooltips : 用户提示,之前用的 Vue-Tour,但是跳跃感太强了,以是弃用了。
    • vue-analytics : Vue 下的 Google Analytics 工具,可以很方便的调用 GA 进行统计。
    上线

    在完成了开发后,将代码上传到 Github,预备摆设。

    在前面提到,我思量用 Netlify 进行摆设,这里非常方便,在 Netlify 上直接创建项目,选择你的项目,然后填入下令即可。

    并设置一下域名,将自己的域名设置为主域名

    稍等一会,就会主动为你的域名签注 Let’s Encrypt 的证书。

    最后 关于这个项目标故事,我已经说完了全部我能想到的了,接下来,就是你的提问时间了,欢迎你针对项目对我提问,无论是产品、计划、编码,都可以~ 盼望大家可以或许给这个项目一个 Star: https://github.com/bestony/logoly

    本文分享自微信订阅号 - 纯洁的微笑(keeppuresmile),作者:Bestony

    原文出处及转载信息见文内具体说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

    原始发布时间:2019-04-09

    本文参与 腾讯云自媒体分享计划 ,欢迎正在阅读的你也参加,一起分享。

    youtube风格logo在线制作

    偶然我们会在网络上或日常生活中看到一些模拟各大知名网站气势派头 Logo 的图标 ,但对于没有平面计划本领的普通网友来说,想制作出类似效果的 Logo 门槛还是有点高。

    今日我们就来介绍一个能制作出 Pornhub 气势派头的 Logo 天生器 Logoly.Pro ,它可以让使用者只需通过简单的文字输入与设定,就能制作出超神似该知名网站的 Logo

    Logoly Pro 是一个在线创意 Logo 天生器,使用 Logoly Pro 可以天生类似于 Pornhub YouTube Logo 气势派头的图标。

    网站地点: https://logoly.pro/

    项目地点: https://github.com/bestony/logoly

    使用方法

    打开 Logoly Pro 网站地点后,只需以下 4 个简单步骤就可以得到一个不错的 Logo

      选择一个样式(比方:程度或垂直气势派头的 Pornhub Youtube 等)。

      在文本框中编辑你的 Logo 文本。

      自定义 Logo 的颜色、配景、字体大小等。

      最点击 「 导出 」 按钮,得到天生的 Logo 图标文件。

    由于 Logoly.Pro 网站仅有英文表现界面,为方便大家使用,我们将各项设定功能的作用整理如下。

      Prefix Text Color :前段文字表现颜色

      Suffix Text Color :后段文字表现颜色

      Suffix Background Color :后段文字配景色

      Transparent Background :使用透明配景色(输出后才会表现)

      Font Size :字体大小

      Reverse Highlight :反转前后段表现效果

    除了尺度的横式分列外,我们也能选择两行上下分列的 Logo 气势派头,制作方法与上述相同。

    下面我们来看一看两款差别气势派头 Logo 制作出的效果,是不是 一级棒 呢?哈哈哈!

    横排样式 Logo

    竖排样式 Logo

    除此之外,将来 Logoly.Pro 也会参加 YouTube 气势派头 Logo 的制作,但如今这项功能尚未开启。

    这么酷的 Logo ,岂非你就不需要一个吗?还在等什么呢,赶快去制作一个吧!

    参考文档
      https://www.google.com https://www.downol.com/zixun/zx20190707175045147.html https://buddhalikedoge.com/2019/05/09/logoly-pro-pornhub-youtube-style-logo-generator/

    在线logo—标记天生——矢量源文件下载的计划平台

    仅需1分钟,任何人都可以自助计划出专业,精致的LOGO,标记, 并可免费下载!简单易用,创新的LOGO在线计划就到klogo.cn!

    www.klogo.cn 2019-07

    - 评价 广告

    YouTube 终于换Logo啦!来看背后的计划故事! - 优设网 - UISDC

    2017年8月31日 - 徐小马:在已往的十二年里,YouTube 的 logo 是由两个过期的元素搅在一起构成的。YouTube 计划部分负责人 Christopher Bettig 说:“我们把单词 tube 塞进了 tube...

    www.uisdc.com/youtube-...

    - 百度快照

    YouTube界面大改版 Logo变深变圆润 - 标记谍报局

    之前也留意了关于YouTube改版的一些消息,今日偶然间访问YouTube时发现,用户可

    本文网址: http://www.2217pacific.com/pp/202133134540_1611_866746224/home