Kỹ năng

手绘架构图|Excalidraw Architecture Diagrams

Transform complex system ideas into clear, hand-drawn Excalidraw architecture diagrams. Visualize data flows and relationships effortlessly, making your designs instantly understandable.

手绘架构图|Excalidraw Architecture Diagrams preview 1
手绘架构图|Excalidraw Architecture Diagrams preview 2

Tác giả

K

Kangyuan.C

Danh mục

images

Công cụ

Hướng dẫn

**输入分析与抽象** 如果用户提供的是一大段文字(如系统描述、文档、需求说明等),请先执行以下步骤: 1. **完整阅读**用户输入的所有内容 2. **抽象关键逻辑**: - 识别核心模块/组件 - 理清模块之间的关系(数据流、依赖、层级) - 提取关键功能和角色 - 找出输入、处理、输出的流程 3. **结构化整理**:将复杂信息归纳为清晰的架构层级 4. **确认理解**:简要总结你理解的架构逻辑,确保没有遗漏关键信息 然后基于抽象后的逻辑,进入下一步生成。
生成架构图,使用以下风格定义: **核心风格:Excalidraw 手绘草图感** Excalidraw-style architecture sketch, hand-drawn wireframe aesthetic, slightly imperfect lines with organic wobble, cross-hatched sketch shading, rough-hewn boxes with hand-drawn borders, hand-lettered typography feel, whiteboard sketch aesthetic, warm and approachable technical drawing, loose and organic line quality, subtle rough edges on all shapes. **色彩方案(Anthropic 风格融合)**: - 背景色:Warm Off-white (#FAF9F5) — 温暖的米白色画板感 - 主线条/框线:Terracotta Orange (#DA7756) — 陶土橙,手绘马克笔质感 - 次要元素/备注:Muted Mint (柔和薄荷色) — 用于辅助说明 - 文字色:深灰色 (#2D2D2D) — 手写笔迹感 - 连接线:同色系深浅变化,略带手绘不规则感 **手绘特征(关键)**: - 线条带有轻微的手绘抖动/自然波浪感,避免完美的几何直线 - 框线边缘略微不规则,像手绘的矩形 - 使用交叉线(cross-hatching)或简单阴影增加草图质感 - 箭头线条略带弧度,有手绘的自然感 - 字体有手写字体的感觉,亲切自然 **布局**: - Generous white space — 像白板上的草图一样呼吸感 - Clear visual hierarchy - 16:9 或根据内容调整 **内容结构**(根据抽象后的逻辑填充): 1. [核心模块A] → 功能/子模块 2. [核心模块B] → 功能/子模块 3. [数据流向/连接关系] **连接关系**: - 手绘风格箭头,略带弧度 - 使用线条粗细和颜色深浅区分主次关系 - 标注简洁,像白板批注 **文字语言**: - 所有文字使用中文 - 专有名词可标注英文 **约束**: - 保持手绘草图的质朴感,不要过度精致 - 不要添加装饰性插图或图标 - 纯粹的技术架构草图,但有人手触碰的温度感
Hình ảnh

Related Skills

View all

Công cụ tạo infographic

Hãy tạm biệt những rắc rối khi phải tự tạo biểu đồ thủ công. Chỉ cần cung cấp dữ liệu có cấu trúc của bạn, Infographic Maker có thể tạo ra các infographic PNG chất lượng cao chỉ với một cú nhấp chuột. Ứng dụng này có 6 loại biểu đồ tích hợp sẵn (dòng thời gian, sơ đồ luồng, bảng xếp hạng, biểu đồ tỷ lệ, biểu đồ so sánh, biểu đồ phễu) và 5 phong cách trực quan được thiết kế tỉ mỉ (Xanh doanh nghiệp, Màu sắc sáng tạo, Công nghệ tối, Ấm áp thanh lịch, Đen trắng tối giản), dễ dàng đáp ứng mọi trường hợp từ báo cáo thường niên đến mạng xã hội. Hỗ trợ các kích thước Instagram Stories (9:16), Feed (4:5) và Square (1:1), ứng dụng cho phép dữ liệu của bạn tự nói lên tất cả.

Công cụ tạo infographic

Trực quan hóa dữ liệu

Tạo hình ảnh trực quan dựa trên dữ liệu do người dùng cung cấp, tuân thủ nguyên tắc Kể chuyện bằng dữ liệu (Storytelling with Data - SWD). Điều kiện kích hoạt: Kỹ năng này phải được sử dụng khi người dùng cung cấp dữ liệu và yêu cầu "vẽ biểu đồ", "tạo biểu đồ", "trực quan hóa", "tạo đồ thị" hoặc "cho tôi xem dữ liệu này", hoặc tải lên dữ liệu CSV/Excel/bảng tính và muốn xem biểu diễn đồ họa. Ngay cả khi người dùng chỉ nói "phân tích dữ liệu này" và dữ liệu phù hợp để trực quan hóa, kỹ năng này vẫn nên được sử dụng để tạo biểu đồ.

Trực quan hóa dữ liệu

Cách thể hiện lãng mạn các bức chân dung

Biến những bức ảnh chân dung thông thường thành ảnh hoạt hình 3D mô tả cảnh hoàng hôn yên bình dưới những tán cây hoa anh đào. Hỗ trợ ảnh đơn hoặc nhiều ảnh (nhiều ảnh sẽ được ghép lại), xuất ra hình ảnh độ phân giải cao 4K bằng model Nano Banana 2, mang đến bầu không khí thanh bình với những hình bóng được chiếu sáng từ phía sau.

Cách thể hiện lãng mạn các bức chân dung

Find your next favorite skill

Explore more curated AI skills for research, creation, and everyday work.

Explore all skills
手绘架构图|Excalidraw Architecture Diagrams - Kỹ năng YouMind