#author("2026-05-19T15:56:19+09:00;2026-05-19T14:42:47+09:00","default:art-gs","art-gs") #author("2026-05-19T16:22:09+09:00;2026-05-19T14:42:47+09:00","default:art-gs","art-gs") *デザイン総合研究 [[姚欣艺]] ~ ***&scale(130){研究课题}; &color(#333333){デジタルイラスト制作の階層的表現と初心者の理解に関する研究}; &scale(100){(数字插画制作的层级化表现与初学者理解的研究)}; ~ ~ **I. 研究背景 ***1. 視覚情報の普及： デジタル媒体の発展に伴い、画像やイラストは情報伝達の中核となっています。教材では、複雑な工程を理解するために視覚情報に頼ることが多くなっています。 ~ ***2. 複雑な工程を理解する上での障壁： 写実的なイラストを例にとると、その制作工程は多く、情報密度が高いです。単純なテキストによる説明は抽象的すぎ、未処理の視覚情報（長い動画など）は情報過多につながりやすく、初心者の認知負荷を高めてしまいます。 ~ ***3. 最適化された視覚表現の必要性： 画像は一般的にテキストよりも直感的であり、理解や記憶を助けると考えられています。しかし、視覚情報が多すぎたり、表現が不明瞭だったりすると、理解の負担が増加することもあります。UIデザイナーとして、私は「階層化と構成要素化」の概念を導入することで、この学習工程を最適化できると考えています。したがって、さまざまな視覚表現方法が理解に与える影響を研究する必要があります。 ~ ~ **II．研究目的 ***1. 表現方法と理解効率の関係性の探求： 本研究では、イラスト制作工程を対象とし、「線形情報（従来型提示形式）」と「階層情報（界面分解提示形式）」が理解に与える影響を比較します。 ~ ***2. 理解しやすい視覚模型の構築： イラスト制作工程を視覚化した試作ウェブサイトを構築し、多様な情報表現形式（従来型提示形式や、階層的な対話型構成要素による説明など）を実装します。比較分析を通じ、異なる表現手法が初心者の理解効率に与える影響を検証します。 上述の比較検証を行うため、イラスト制作工程を視覚化した試作ウェブサイトを構築し、階層的な対話型構成要素（動的なレイヤー切り替え機能など）を実装します。これにより、学習者の習熟度に応じた情報の「段階的開示」を可能にし、初心者の学習効率を向上させる実践的なシステム基盤を提示します。 ~ ***3. 実証的効果評価： 比較実験を通じ、この「階層的かつ構成要素基盤」の情報提示手法が、初心者の学習負荷（認知負荷）を効果的に軽減し、複雑な構造論理の理解精度を向上させることを証明します。最終的には、電子教育と情報設計のための定量化可能な基準を提供し、初心者が複雑な技術の学習障壁を克服できるよう支援することを目指します。 ~ ~ **III．先行研究の調査計画 ***1. 既存のイラスト教材における情報提示方法の現状調査： 既存の教材における情報の提示方法を分析し、複雑な工程における視覚的な課題を整理します。 ~ ***2. 視覚的な「情報密度」と認知負荷に関する研究 情報デザインの観点から、人間が一度に処理できる情報の限界と、理解を助ける視覚表現について先行研究を調査します。 ~ ***3. UIデザインにおける「階層化」手法の応用事例分析 __[[「階層化」>https://ja.wikipedia.org/wiki/%E9%9A%8E%E5%B1%A4%E6%A7%8B%E9%80%A0]]__や__[[「段階的開示」>https://ja.wikipedia.org/wiki/%E6%AE%B5%E9%9A%8E%E7%9A%84%E9%96%8B%E7%A4%BA]]__といったUIデザインの原則が、他分野の学習支援でどう活用されているか調査します。 ~ ~ **IV．研究方法 ***1. 開発： フロントエンド技術（HTML/CSS/JavaScript）を用い、複雑な制作工程を「階層化」して表示できるインタラクティブな学習システムを構築します。 ~ ***2. 比較実験の実施： 初心者を2つのグループ（既存の手法 vs 提案手法）に分け、同じ課題に対する理解度を検証します。 ~ ***3. 評価と分析： タスクの正解率と、__[[NASA-TLX>https://en.wikipedia.org/wiki/NASA-TLX]]__指標を用いて、提案手法の有効性を定量的に評価します。 ~ ~ **V．予想される成果 ***1. 視覚的整理による負荷の軽減： 情報の「階層化」表現により、複雑な工程の理解におけるユーザーの心理的負担（認知負荷）が大幅に軽減されることを立証します。 ~ ***2. 情報デザインの新たな基準： UIデザインの原則（段階的開示など）が複雑な情報の伝達に有効であることを検証し、「受動的な視聴」から「能動的な操作」への転換を提案します。 ~ ~