V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
d2ly
V2EX  ›  分享创造

分享一套自己画的开源软件用的的 “fork me on xxx” 彩带

  •  
  •   d2ly · 2018-07-11 22:37:28 +08:00 · 1763 次点击
    这是一个创建于 2344 天前的主题,其中的信息可能已经有所发展或是发生改变。

    banner

    D2 Ribbons 是一套为开发者准备的开源社区绶带资源,你你可以下载图片到你的项目中使用或者直接使用仓库资源链接。

    素材地址 https://github.com/d2-projects/d2-ribbons

    Features

    • 扁平化风格
    • Github Gitlab Gitee 三套图标
    • 六色主题
    • 半透明 / 不透明样式
    • 文字 / 图标样式
    • @2x 资源
    • 统一尺寸( 150 x 150 / 300 x 300 @2x )
    • 附带 Github 经典样式的绶带

    Story

    我想了想究竟是预览放在前面还是介绍放在前面,最后我觉得应该先写东西,因为预览图太多了

    萌生做这么一个项目是从做另一个开源项目 D2Admin 的时候,我想给我的项目页面角落加一个 “ Fork me on github ”,然后我就找了几个开源项目想看看他们用的是什么图片,都不很理想,后来找到了 Github 官方的 ribbons,但是和我的项目风格不是很搭配,Github 官方的 ribbons 还是以前的拟物风格,我希望有一个比较“扁平化”的绶带放在上面,于是我就临时画了一个放上去了,长这个样子:

    Snip20180711_32

    于是之后我就花了大概半天的事件,画了一套 ribbons 给以后用,自己用,也希望大家能用到,不仅有 github,还有 gitlab 和码云的版本,暂时只做了这些,以后有好的想法了再添加。

    Snip20180711_27 Snip20180711_29

    所有的东西都出自一个程序员之手,没有经过专业的设计学习,请大家觉得丑的话轻喷

    sketch 是我最喜欢的设计软件,推荐给大家。

    在设计这套图片的时候我也尽量发挥了 sketch 的特性,比如颜色配置,公用样式,symbol 等很好用的功能,这些都可以达到改一处动全部和事半功倍的效果。

    下面放上效果预览:

    Preview

    How to use

    没有固定的使用方法,都是图片,你可以下载下来用到你的项目里,或者直接使用本仓库的图片链接。每款绶带都有 @2x 版本

    后续还会陆续更新其它的图片资源。

    其实不论 github 还是码云,官方提供的都有类似的 ribbon,看个人喜好选择 D2 还是官方就好

    但是你把 d2-ribbons 收藏一下,以后不就不愁找了么~

    2 条回复    2020-02-25 19:58:01 +08:00
    msg7086
        1
    msg7086  
       2018-07-13 04:57:22 +08:00   ❤️ 1
    收藏硬币推荐三连支持一下(
    xflcx1991
        2
    xflcx1991  
       2020-02-25 19:58:01 +08:00
    感谢楼主的贡献,搜了下居然真的有人做了,特地登录感谢。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   3042 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 21ms · UTC 10:49 · PVG 18:49 · LAX 02:49 · JFK 05:49
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.