← AI開発 資料アーカイブ
要件定義

非エンジニア向け要件定義自動化体系のデザインアイデア

元ファイル: システム要件定義の分析と汎用化方法/ideas.md

要約

非エンジニア向けClaude Code要件定義自動化体系の成果物デザイン方針メモ。「テクニカル・ドキュメンタリー美学」を採用し、技術的信頼性と親しみやすさの両立を狙う。カラーパレット(深ネイビー/オフホワイト/テール/アンバー)、Space Grotesk+DM Sansのタイポグラフィ、非対称グリッド、番号バッジやコードブロック風表示などシグネチャ要素を定義する。

要点

要件定義デザイン非エンジニア向けUIドキュメンタリービジュアル設計

非エンジニア向けClaude Code要件定義自動化体系 — デザインアイデア

アプローチ選定

採用:テクニカル・ドキュメンタリー美学

デザイン哲学: 技術的な信頼性と非エンジニアへの親しみやすさを両立させる「ドキュメンタリー的誠実さ」。 情報を飾らず、構造で語る。

カラーパレット: - 背景:#0D1B2A(深いネイビー) - 前景:#F0F4F8(オフホワイト) - アクセント1:#00C2A8(テール) - アクセント2:#F5A623(アンバー) - サブテキスト:#6A8BA8

タイポグラフィ: - 見出し:Space Grotesk(技術的・権威的) - 本文:DM Sans(読みやすく親しみやすい)

レイアウト: - 非対称グリッド、左寄りのナビゲーション - セクション間に水平ルール - 番号付きステップとフロー図

シグネチャ要素: - グラデーションアクセントライン(アンバー→テール) - 番号バッジ(RYGカラー) - コードブロック風のドキュメント表示

↑ トップへ戻る