Design

设计

Sketch

Segmented circles : Sketch plugin creates circular graphics for diagrams, instrumentation and analytics.

Color Palette

Diagram | 绘图

isoflow.io : Create beautiful cloud diagrams in minutes Easily create isometric diagrams, for presentations, documentation and illustrations.
drawio : draw.io is an online diagramming web site that delivers the source in this project.
blush: 一个可以在线操作的插画素材网站，这个网站的插画素材，可以在线更该肤色、身体、头部、配饰等。
2019-Excalidraw : Excalidraw is a whiteboard tool that lets you easily sketch diagrams that have a hand-drawn feel to them.
2021-D2 : D2 is a modern diagram scripting language that turns text to diagrams.

Flow

UML

Svgbob https://ivanceras.github.io/svgbob-editor/ Diagrams: ascii-to-all Archetype https://fatiherikli.github.io/archetype/ Diagrams: ascii-drawing Textik https://textik.com/ Diagrams: ascii-drawing ASCIIFlow http://asciiflow.com/ Diagrams: ascii-drawing BPMN Sketch Miner https://www.bpmn-sketch-miner.ai/ Diagrams: BPMN/flow Webgraphviz http://www.webgraphviz.com/ Diagrams: graphviz Edotor https://edotor.net/ Diagrams: graphviz nomnoml http://www.nomnoml.com/ Source: https://github.com/skanaar/nomnoml Diagrams: activity, class CodeUML (dead) http://codeuml.com/ Source: https://github.com/oazabir/codeuml Diagrams: uml yuml https://yuml.me/diagram/scruffy/class/draw Diagrams: uml PlantText http://www.planttext.com/planttext Diagrams: activity, class, component, object, use case, state, graphviz, sequence, gui, earth PlantUML http://www.plantuml.com/plantuml/uml/ Diagrams: activity, class, component, object, use-case, sequence, state, deployment, timing, gui, archimate, gantt, mindmap, tree, math, entity-relationship Umple Online http://cruise.site.uottawa.ca/umpleonline/ Diagrams: class, state, composite ZenUML https://app.zenuml.com/ Diagrams: sequence DotUML https://dotuml.com/playground.html Diagrams: class, use case, sequence, state, deployment, graphviz dbdiagram https://dbdiagram.io/home Diagrams: sequence WebSequenceDiagrams https://www.websequencediagrams.com/ Diagrams: sequence SVG Sequence Diagram http://sullerandras.github.io/SVG-Sequence-Diagram/ Diagrams: sequence JUMLY (dead) http://jumly.tmtk.net Source: https://github.com/tmtk75/jumly Diagrams: sequence js sequence diagrams http://bramp.github.io/js-sequence-diagrams/ Diagrams: sequence swimlanes https://swimlanes.io/ Diagrams: sequence SequenceDiagram https://sequencediagram.org/ Diagrams: sequence GraphUp (broken) https://graphup.co/ Diagrams: sequence, gantt Text Diagram http://weidagang.github.io/text-diagram/ Diagrams: ascii sequence ASCII Sequence Diagram Creator https://textart.io/sequence Diagrams: ascii sequence Chart Mage http://chartmage.com/index.html Diagrams: sequence, flow flowchart.js http://flowchart.js.org/ Diagrams: flow drawthe http://go.drawthe.net/ Source: https://github.com/cidrblock/drawthe.net Diagrams: network mermaid https://mermaidjs.github.io Diagrams: flow, sequence, class, state, entity-relationship, gantt, pie, journey Diagram.codes https://www.diagram.codes/ Diagrams: flow, sequence, graph, tree, onion, stack, system, timeline, mindmap Blockdiag http://interactive.blockdiag.com/ Diagrams: block, activity, network, rack/stack, packet MetaUML (dead) https://metauml.denksoft.com Railroad Diagram Generator http://www.bottlecaps.de/rr/ui#_StringLiteral Diagrams: railroad/syntax Gleek https://www.gleek.io/ Diagrams: architecture Kroki https://kroki.io/ Penrose https://github.com/penrose/penrose Diagrams: penrose code2flow https://app.code2flow.com/ Diagrams: flow WaveDrom https://wavedrom.com/editor.html Diagrams: timing

图片处理

Remove Image Background: 100% automatically – in 5 seconds – without a single click.
vdx : 🎞️ An intuitive CLI for processing video, powered by FFmpeg

OCR

MathPix: Take a screenshot of math and paste the LaTeX into your editor, all with a single keyboard shortcut.

图床管理

2018-PicGo : 🚀A simple & beautiful tool for pictures uploading built by electron-vue

相似度识别

imgdiff : Faster than the fastest in the world pixel-by-pixel image difference tool.

Screen Recorder | 录屏与分享

Kap : Capture your screen, An open-source screen recorder built with web technology.
Zappy : The fastest, all-in-one way to share screenshots, GIFs, and recordings with your teammates.
Screenity : The most powerful screen recorder & annotation tool for Chrome 🎥

其他

Reactive Resume: 在线简历设计器。

模板

MicroSoft PPT Templates:
叮当设计: 免费的 PPT 模板与设计资源下载。
Woodo 幻灯片: Woodo 幻灯片比其他 PPT 模板网站牛逼的地方就在于：这里不仅可以下载，还可以在线编辑，更重要的是，这里嵌入了超大量级的素材库（包含配图和矢量图），完全是 PPT 制作的效率神器！！！
创客贴: 创客贴拥有海量精美的 ppt 模板设计模板和 ppt 模板设计素材，每一个模板都可编辑。文字图片背景皆可修改，简单 3 步即可完成在线 ppt 模板设计制作
稿定设计: 一个跟 Chuangkit 类似的设计网站，PPT 的水准也是相当不错，完全能满足我们日常汇报、方案的需求了。
Canva: 在线设计
PPTmall: PPTmall 是一套高效的可视化 PPT 素材库系统，提供了强大的模板分类索引功能。

Materials | 素材

wannathis: 一个非常精致的 3D 小人素材网站。最近很多大厂的官网页面都是 3D 风，其中 3D 小人最为突出。而这个网站里面的 3D 小人，每一个都很精致。

图标

Icons8: 汇集了许多的动效图片。
SuperTinyIcons : Under 1KB each! Super Tiny Icons are miniscule SVG versions of your favourite website and app logos

视频

Pexels: The best free stock videos shared by the Pexels community.

设计

配色

Adobe Color: 透過 Adobe Color，您就能存取我們強大的色彩調和引擎，用於建立完美的色彩主題並在 Adobe 產品中使用。請從探索 Color 社群的主題開始您的色彩之旅。
Web Gradients : WebGradients is a free collection of 180 linear gradients that you can use as content backdrops in any part of your website.
Color Hunt: Color Hunt is a free and open platform for color inspiration with thousands of trendy hand-picked color palettes

动画

Motionity : Motionity is a free and open source animation editor in the web. It’s a mix of After Effects and Canva, with powerful features like keyframing, masking, filters, and more, and integrations to browse for assets to easily drag and drop into your video.

Links

最近更新于 2023-04-16