ebacb31506
Former-commit-id: f0ca8deaa10b01d140a67549a9830a831bd2e46c [formerly f0ca8deaa10b01d140a67549a9830a831bd2e46c [formerly f0ca8deaa10b01d140a67549a9830a831bd2e46c [formerly f0ca8deaa10b01d140a67549a9830a831bd2e46c [formerly 10472807956f3d59afd66ceca52b2f6cf698d247 [formerly 7e313104b9c19d38ce86954956dffb1b4995054c]]]]] Former-commit-id: 789b56b72d33f880d7a182a9cc982ccc548b79c7 Former-commit-id: 6ca3e9e517c5d16a98037f0c662420822d87b925 Former-commit-id: 725dfe830a4dca798b1d4de5b52555dd973482a9 [formerly 0cd470a3fd954baa1365a3d612a7505d2b1a378c] Former-commit-id: cc0f478e7e44790cea444e7cea41584db7f62afc Former-commit-id: eb3762fe2a11aa187b780e5f295e65d017bb8708 Former-commit-id: 13a477af4d982de8bd77d79319469fe4a7a06884 Former-commit-id: ae809f645548c054d0a313d8ec1bdba29db01500 Former-commit-id: 5fdfa8fe1b5a46a3c1da83c80450fa8cc4e3829b
91 lines
6.7 KiB
Markdown
91 lines
6.7 KiB
Markdown
---
|
||
sidebar: auto
|
||
---
|
||
|
||
|
||
|
||
D2 Ribbons 是一套为开发者准备的开源社区绶带资源，你你可以下载图片到你的项目中使用或者直接使用仓库资源链接。
|
||
|
||
项目地址 [https://github.com/d2-projects/d2-ribbons](https://github.com/d2-projects/d2-ribbons)
|
||
|
||
## Features
|
||
|
||
* 扁平化风格
|
||
* Github Gitlab Gitee 三套图标
|
||
* 六色主题
|
||
* 半透明 / 不透明样式
|
||
* 文字 / 图标样式
|
||
* @2x 资源
|
||
* 统一尺寸（150 x 150 / 300 x 300 @2x）
|
||
* 附带 Github 经典样式的绶带
|
||
|
||
## Story
|
||
|
||
> 我想了想究竟是预览放在前面还是介绍放在前面，最后我觉得应该先写东西，因为预览图太多了
|
||
|
||
萌生做这么一个项目是从做 [D2Admin](https://github.com/d2-projects/d2-admin) 的时候，我想给我的项目页面角落加一个 “Fork me on github”，然后我就找了几个开源项目想看看他们用的是什么图片，都不很理想，后来找到了 Github 官方的 ribbons，但是和我的项目风格不是很搭配，Github 官方的 ribbons 还是以前的拟物风格，我希望有一个比较“扁平化”的绶带放在上面，于是我就临时画了一个放上去了，长这个样子：
|
||
|
||
|
||
|
||
于是之后我就画了大概半天的事件，画了一套 ribbons 给以后用，自己用，也希望大家能用到，不仅有 github，还有 gitlab 和码云的版本，暂时只做了这些，以后有好的想法了再添加。
|
||
|
||
|
||
|
||
|
||
> 所有的东西都出自一个程序员之手，没有经过专业的设计学习，请大家觉得丑的话轻喷
|
||
|
||
sketch 是我最喜欢的设计软件，推荐给大家。
|
||
|
||
在设计这套图片的时候我也尽量发挥了 sketch 的特性，比如颜色配置，公用样式，symbol等很好用的功能，这些都可以达到改一处动全部和事半功倍的效果。
|
||
|
||
下面放上效果预览：
|
||
|
||
## Preview
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
## How to use
|
||
|
||
没有固定的使用方法，都是图片，你可以下载下来用到你的项目里，或者直接使用本仓库的图片链接。每款绶带都有 @2x 版本
|
||
|
||
后续还会陆续更新其它的图片资源。
|
||
|
||
其实不论 github 还是码云，官方提供的都有类似的 ribbon，看个人喜好选择 D2 还是官方就好 |