>100 Views
June 29, 26
スライド概要
はじめまして、yukikoと申します。 IT教育支援や、DX推進が可能です。 ◆ スキル LPIC レベル2 AI / Python Splunk BI(データ可視化・分析) ◆ その他 新卒・未経験の学生向けに、エンジニア転職を応援する資料を趣味で作成しています。 もしよろしければご活用ください。
しろうさぎアナウンサー 商用級・紙芝居動画 設計ブループリント 面白きこともなき世を面白く。認知科学とAIが創る学習体験 NEWS
デザインは感性ではなく「システム」である 直感と感性のデザイン 属人的なセンスに依存。 作成者によって品質がブレる。 認知科学に基づく設計 脳の処理プロセスに基づいたルール。 誰が作っても商用級の品質が担保される。 「認知の最適化」と「品質の自動保証」の両輪を回す
絶対原則:情報と安心を切り分ける 「空間のブループリント」 メイン画面 「説明内容に応じて 切り替える図解スライド」 淡い水彩風テクスチャ PiP小窓 「画面の端に常時固定。 画面が切り替わっても 『安心感』を担保」 下部テロップ 「Tipsや要点を常時ループ表示」
50msの勝負:脳をハックする視線制御 画面を見てからわずか 0.05秒でエッジや顔の パターンを捕捉する。 「良い構図」は情報の処 理をスムーズにし(流暢 性)、受け手の信頼感を 高める。 「引き算」の美学。散ら かった画面が学習を止め る。無駄な装飾を省く。
視線を誘導する「9つの構図」と「3/4の余白」 安定を生む型 動きを生む型 強調を生む型 三分割法 三角構図 対称構図 誘導ライン 対角線構図 黄金螺旋 日の丸構図 額縁構図 余白 画面の3/4を呼吸するための 余白として確保する。
心理状態を操る 「5幕構成の背景色遷移タイムライン」 第1幕:導入 第2幕:課題の提示 第3幕:解決策 第4幕:行動喚起 第5幕:クロージング 安定・基本セット 注意喚起。 キーメッセージを 脳に強く印象づける 背景を戻し、 安心感の回復と 視線誘導 熱意・親近感。 キャラクターが 語りかける ホワイトアウトに よる丁寧な挨拶と 学習の終了
認知負荷を極限まで下げる 「色彩設計の絶対法則」 メインカラー(25%): ディープネイビー/ #1A237E ベースカラー(70%): 淡い水彩風テクスチャ アクセントカラー(5%): オレンジ・黄色 視認性を担保する「4.5:1」の法則 白背景×濃紺文字 (疲労の原因) 白背景×濃紺文字=OK 黄色背景×白文字 (疲労の原因) 黄色背景×白文字=NG (疲労の原因)
直感に頼るな。よくある「構図の失敗」とシステムによる改善 NG:やりがちな失敗 スライド全面を埋める コントラスト無視の単調配色 方向性のない要素の羅列 OK:構図原則を活かした改善 余白を意図的に確保 主役と背景のトーン差を明確に 誘導ラインで「読む順序」を設計
明日から使える「スライド改善5つのステップ」 Step 1: 主役を1つに絞る 最も伝えたい1要素を決定。 Step 2: 余白で引き算 画面の3/4を呼吸する空間にする。 Step 3: 視線の動線を設計 左上から右下へ流れるZ字スキャンに合わせる。 Step 4: コントラストで強調 色・サイズに差をつけ 「注目の入口」を作る。 Step 5: 再度の引き算 「何を足せるか?」ではなく 「何を削れるか?」を自問する。
制約が生み出す「新規描画ゼロ」の 圧倒的な学習体験 「新規描画ゼロ」の力 新しいパーツを都度生成せず、 既存ソースの切り貼りと「色」の切り替えだけで 視聴者の集中モードをコントロールする。 固定レイアウトと色彩の制約は、表現を縛るものではない。 学習価値の創造にのみ集中するための、究極のシステムである。 面白きこともなき世