ChatGPT Claude Google Gemini DeepSeek Perplexity Grok GitHub Copilot Cursor Claude Code Ollama LM Studio Hugging Face LangChain OpenAI API Anthropic API Midjourney Stable Diffusion DALL·E Adobe Firefly Leonardo AI Runway Sora Kling AI HeyGen Synthesia ElevenLabs Suno Udio Whisper Descript Notion AI Gamma n8n Zapier Make

平面與 2D 設計 20

Adobe Photoshop Adobe Illustrator Adobe InDesign Adobe Lightroom Adobe Express Adobe Bridge Adobe Acrobat Pro CorelDRAW Affinity Designer Affinity Photo Affinity Publisher Canva Figma Procreate Inkscape GIMP Krita Capture One Snapseed Pixlr

3D 與空間 19

Blender SketchUp AutoCAD Cinema 4D Autodesk 3ds Max Autodesk Maya Rhinoceros 3D Spline Vectary Womp Adobe Substance 3D ZBrush Lumion Twinmotion Enscape KeyShot Unity Unreal Engine Adobe Dimension

UI/UX 與原型 25

Figma FigJam Adobe XD Sketch Framer Webflow InVision Axure RP Balsamiq Marvel Proto.io Principle Miro Whimsical Zeplin Storybook Maze UserTesting Hotjar Optimal Workshop Dovetail Design Tokens Material Design Human Interface Guidelines WCAG 2.2 Accessibility

影像與動態 20

Adobe Premiere Pro Adobe After Effects Adobe Media Encoder DaVinci Resolve DaVinci Fusion Final Cut Pro Apple Motion CapCut Sony Vegas Pro Filmora HitFilm Camtasia Blender VSE Cinema 4D Lite Red Giant Suite Topaz Video AI OBS Studio Streamlabs Handbrake FFmpeg

音樂與音訊（DAW） 25

FL Studio Ableton Live Logic Pro Pro Tools Cubase Studio One Reaper Bitwig Studio GarageBand BandLab Adobe Audition Audacity iZotope RX iZotope Ozone Melodyne Waves Plugins FabFilter Native Instruments Kontakt Serum Omnisphere MuseScore Sibelius Guitar Pro Serato DJ rekordbox

語言與框架 49

HTML5 CSS3 Sass JavaScript TypeScript PHP Python Java C C++ C# Go Rust Kotlin Swift Dart R MATLAB SQL Bash PowerShell Lua React Next.js Vue Nuxt Angular Svelte Tailwind CSS Bootstrap jQuery Alpine.js GSAP Three.js Node.js Express Laravel CodeIgniter Django Flask FastAPI Spring Boot .NET Flutter React Native Electron WordPress Blogger Shopify

資料庫與資料 24

MySQL MariaDB PostgreSQL SQLite Microsoft SQL Server Oracle Database MongoDB Redis Firebase Firestore Firebase Realtime Database Supabase Cloudflare D1 Amazon DynamoDB Elasticsearch Neo4j InfluxDB Google BigQuery Snowflake phpMyAdmin DBeaver Prisma Eloquent ORM Google Sheets API Airtable

基礎設施與 DevOps 34

Git GitHub GitLab Bitbucket GitHub Actions Jenkins Docker Kubernetes Nginx Apache XAMPP cPanel WHM Linux Ubuntu Server AWS Google Cloud Microsoft Azure Vercel Netlify Cloudflare DigitalOcean Railway Postman Insomnia REST API GraphQL WebSocket OAuth 2.0 JWT Stripe Midtrans Xendit Sentry

Microsoft 與生產力 35

Microsoft Word Microsoft Excel Microsoft PowerPoint Microsoft Outlook Microsoft OneNote Microsoft Access Microsoft Publisher Microsoft Project Microsoft Visio Microsoft Teams Microsoft SharePoint OneDrive Power BI Power Automate Power Apps Microsoft 365 Copilot Microsoft Forms Microsoft Loop Windows Server Visual Studio Visual Studio Code Google Docs Google Sheets Google Slides Google Drive Notion Obsidian Trello Asana Jira Confluence ClickUp Monday.com Slack Discord

演算法與分析 29

Data Structures Big-O Complexity Analysis Sorting & Searching Graph Algorithms Dynamic Programming Greedy Algorithms Recursion & Backtracking Object-Oriented Programming Design Patterns Clean Architecture Pseudocode & Flowcharting UML ERD DFD BPMN SDLC Agile & Scrum Kanban Systems Analysis & Design NumPy pandas scikit-learn TensorFlow PyTorch Jupyter Notebook Tableau Looker Studio SPSS Excel Solver

社群、SEO 與行銷 31

Instagram TikTok YouTube Studio Meta Business Suite Facebook LinkedIn X (Twitter) Threads Pinterest Snapchat WhatsApp Business Telegram Spotify for Artists SoundCloud Google Analytics 4 Google Search Console Google Tag Manager Google Ads Meta Ads Manager TikTok Ads Manager Google Business Profile Mailchimp Buffer Hootsuite Later Metricool Semrush Ahrefs Ubersuggest Screaming Frog Linktree

在面板內捲動可查看完整列表。

關於這套實踐

通才的直覺，營運者的紀律

這裡的每個設計決策都著眼於整個系統。利潤、工作流、基礎設施與長期維護，與字體和留白同樣重要 —— 這就是作品在上線很久之後依然管用的原因。

瞭解更多

五個實踐領域

學科領域

WFO · WFH · 遠端 —— 面向全球

合作方式

接受專案與職缺

目前狀態

聲音

實踐中的音樂面向

作曲、製作、混音與母帶 —— 已發行並可線上收聽。塑造配樂的那對耳朵，同樣塑造著動態影像。

按下播放 —— 播放器直接來自 Spotify。在 Spotify 開啟

工作方式

清晰可循的工作流程

每次合作都遵循相同的六個階段，讓您始終清楚下一步會發生什麼。

洞察

在動筆之前，先釐清目標、受眾與各項限制條件。

定義

將研究結果轉化為工作範圍、資訊架構與可衡量的目標。

設計

建構可及早驗證的線框圖、視覺系統與原型。

開發

實作整潔且易於維護的前端，並串接其背後的各項服務。

驗證

跨裝置測試、最佳化效能，並在上線前處理各種邊界情況。

交付

正式發布、移交文件，並持續為後續迭代提供支援。

01

洞察

在動筆之前，先釐清目標、受眾與各項限制條件。
02

定義

將研究結果轉化為工作範圍、資訊架構與可衡量的目標。
03

設計

建構可及早驗證的線框圖、視覺系統與原型。
04

開發

實作整潔且易於維護的前端，並串接其背後的各項服務。
05

驗證

跨裝置測試、最佳化效能，並在上線前處理各種邊界情況。
06

交付

正式發布、移交文件，並持續為後續迭代提供支援。

展開合作

有正在籌備的專案嗎？

接受產品設計、工程實作、媒體製作與全職工作 —— 駐場、居家或全遠端皆可。說說你正在做的東西，我會誠實回答是否合適。

與我聯絡 gadtanberiptyo@gmail.com