平島功晴/情報デザイン研究II をテンプレートにして作成

開始行:
*Design 見やすいデザインをモーショングラフィックスで #image(header_2.gif ) -Hirashima Kousei -'''Keywords：motiongraphics,infographics,visibility''' - ~ **Overview ***What is this? //&color(red){これは何か・・を簡潔に}; 視認性などのデザインの見やすさについてのモーショングラフ... ~ ***Background and Purpose //&color(red){プロジェクトの背景と目的}; 背景:デザインを制作する上でどのようにデザインを制作すれば... 目的:私と同じようにデザインの見やすさ、伝わりやすさについ... ~ ***Concept //&color(red){基本的な考え方、枠組み、視点など}; デザインの見やすさを映像で表現 ~ ***Outputs //&color(red){&small(成果物の形式・サイズ・時間尺等);}; 3分程度の動画をyoutubeにアップロード #youTube(-bGAP9O5SWw) ~ ***Tools //&color(red){使用するツール｜ハードウエア・ソフトウエア}; Illustrator Aftereffects Premire pro ~ ***Term 2022.09.21-2022.12.21 //&color(red){プロジェクトの期間｜20XX.XX.XX - 20XX.XX.XX... ~ ***Conclusion //&color(red){プロジェクトが完結したら「まとめ」を記載し... -[[絵コンテ>https://drive.google.com/file/d/1rH2SJS6nh4UQ... -中間まとめ 現状では絵コンテに3つのアイディアを掲載 今後はアイディアを5個程度増やしてモーショングラフィックを... -まとめ --最低限形にすることができた。 --デザインの見やすさ伝わりやすさを映像で表現しても変化が... --動画の構成としては自分が考えていることが表現できている... --今後は動画にBGMを付けることと、時間の調節などのブラッシ... ~ ~ **Research ***Current Situation //&color(red){プロジェクトのテーマに関わる社会の現状と問... ~ ***Precedent //&color(red){プロジェクトのテーマに該当する先行事例の紹... -視認性 →目で何かを見た時に、対象物やその対象物がもつ意味合いにつ... -可読性 →読み取れる性質、読み取れる度合などを表す言葉。正確に早く... -判読性 →判読とははっきりしない文字、わかりにくい文意などを前後の... -[[視認性・可読性・判読性・・・似た意味を持つ言葉の違いを... -[[カラーリテラシー>https://color-literacy.com/color-lite... -[[インフォグラフィックス>https://liginc.co.jp/news/46707... ~ ***Technology //&color(red){プロジェクトの遂行に必要な技法・技術に関す... ~ ~ **Project Management ***Schedule -[[スケジュール>https://docs.google.com/spreadsheets/d/1s... //&color(red){計画的な遂行のために、進行管理表を作成して... ~ ***ToDo //&color(red){やるべきこと（タスク）を箇条書きにします。}; //&color(red){完了後は「%%取り消し線%%」あるいは「// コメ... -%%テーマ決め%% -%%視認性、可読性、判読性の意味について調査%% -%%モーショングラフィックについての調査%% -%%絵コンテ%% -%%試作%% -%%本制作%% -%%op,enの制作%% //メモ→現状で作られている動画の欠点や改善点を活かして動画... ~ ~ ~ #hr CENTER:''WORK LOG'' //&color(red){List the most recent information at the top... #hr ~ ~ **2023.1.15 ***指摘された点を修正 -背景の色を黄色から白に変更 |48|4|48|c |#image(r7.png )||#image(r3.png )| ~ -opをタイトル名と同じになるように修正 |48|4|48|c |#image(r5.png )||#image(r1.png )| ~ -目次にそれぞれの項目に対しての簡単な説明を追加 |48|4|48|c |#image(r6.png )||#image(r2.png )| ~ -字詰め |48|4|48|c |#image(r8.png )||#image(r4.png )| ~ -BGMを追加 ~ ~ **2022.12.21 ***取り組み 指摘された点の確認、修正すべき点の確認 ~ ~ **2022.12.14 ***取り組み -アニメーションの作成 ヘッダーの作成 ~ ~ **2022.12.6 ***取り組み -アニメーションの作成 -二つを比べた後に変化するモーショングラフィックスをつける... #image(d.jpg) ~ ~ **2022.11.30 ***取り組み -アニメーションの作成 -オープニングとエンディングの作成 ~ ~ **2022.11.23 ***取り組み -アニメーションの作成 -誘目性→stopの標識を色の変化によって誘目性を表現した。 -識別性→冷たい飲み物に対して青と赤を使い識別性を表現した。 |48|4|48|c |#youtube(SQaYwJ31kyQ)||#youtube(p2NONwBjdac)| ~ ~ **2022.11.16 ***取り組み -アニメーションの作成 -視認性→見やすい文字と見にくい文字を交互にアニメーション... -可読性→明朝体とゴシック体を交互に出すことで文章の見やす... |48|4|48|c |#youTube(SUo_IlUwpXI)||#youtube(1f5aGYu3srg)| ~ ~ **2022.11.9 ***取り組み -アニメーションの作成 ヘッダーの作成 ~ ~ **2022.11.2 ***取り組み -アイディアの見直し、指摘された点の見直し ~ ~ **2022.10.26 ***取り組み -中間報告の準備 -絵コンテ制作 ~ ~ **2022.10.19 ***取り組み -メインビジュアルの作成 //色による視認性、強弱表現の視認性(危険性や注意など)、ま... //https://321web.link/fonts-attribute/ ~ ~ **2022.10.12 ***調査 -視認性 →目で何かを見た時に、対象物やその対象物がもつ意味合いにつ... -可読性 →読み取れる性質、読み取れる度合などを表す言葉。正確に早く... -判読性 →判読とははっきりしない文字、わかりにくい文意などを前後の... -[[視認性・可読性・判読性・・・似た意味を持つ言葉の違いを... -[[カラーリテラシー>https://color-literacy.com/color-lite... ~ ~ **2022.10.5 ***テーマ案決定 視認性などについてのインフォグラフィック動画を作成 ~ ~ **2022.09.28 ***テーマ案に対する調査 -視認性について --[[WEBデザインで重要な視認性の意味とデザイン制作時のポイ... --[[視認性を高くする文字デザイン>https://www.nowhere.co.j... --[[優れたUIデザイン（ユーザインターフェース）を作るため... --[[UI（ユーザーインターフェース）デザインとは？>https://... //https://321web.link/readers-pattern/#index_id0 -色覚について --[[配色のバリアフリー>https://tsutawarudesign.com/univer... --[[色弱でも見やすい色とは？>https://mmmiyama.com/colorbl... -ユニバーサルデザインについて --[[ユニバーサルデザイン>https://uv-print.micg.co.jp/entr... ~ ~ **2022.09.20 ***テーマ案 -視認性の良いデザイン、悪いデザインとは -色覚障害の方でも見やすい色の表現とは -グラフィックデザインにおけるユニバーサルデザインとは これらのテーマをどのように表現するか検討 ~ ~ ~

終了行:
*Design 見やすいデザインをモーショングラフィックスで #image(header_2.gif ) -Hirashima Kousei -'''Keywords：motiongraphics,infographics,visibility''' - ~ **Overview ***What is this? //&color(red){これは何か・・を簡潔に}; 視認性などのデザインの見やすさについてのモーショングラフ... ~ ***Background and Purpose //&color(red){プロジェクトの背景と目的}; 背景:デザインを制作する上でどのようにデザインを制作すれば... 目的:私と同じようにデザインの見やすさ、伝わりやすさについ... ~ ***Concept //&color(red){基本的な考え方、枠組み、視点など}; デザインの見やすさを映像で表現 ~ ***Outputs //&color(red){&small(成果物の形式・サイズ・時間尺等);}; 3分程度の動画をyoutubeにアップロード #youTube(-bGAP9O5SWw) ~ ***Tools //&color(red){使用するツール｜ハードウエア・ソフトウエア}; Illustrator Aftereffects Premire pro ~ ***Term 2022.09.21-2022.12.21 //&color(red){プロジェクトの期間｜20XX.XX.XX - 20XX.XX.XX... ~ ***Conclusion //&color(red){プロジェクトが完結したら「まとめ」を記載し... -[[絵コンテ>https://drive.google.com/file/d/1rH2SJS6nh4UQ... -中間まとめ 現状では絵コンテに3つのアイディアを掲載 今後はアイディアを5個程度増やしてモーショングラフィックを... -まとめ --最低限形にすることができた。 --デザインの見やすさ伝わりやすさを映像で表現しても変化が... --動画の構成としては自分が考えていることが表現できている... --今後は動画にBGMを付けることと、時間の調節などのブラッシ... ~ ~ **Research ***Current Situation //&color(red){プロジェクトのテーマに関わる社会の現状と問... ~ ***Precedent //&color(red){プロジェクトのテーマに該当する先行事例の紹... -視認性 →目で何かを見た時に、対象物やその対象物がもつ意味合いにつ... -可読性 →読み取れる性質、読み取れる度合などを表す言葉。正確に早く... -判読性 →判読とははっきりしない文字、わかりにくい文意などを前後の... -[[視認性・可読性・判読性・・・似た意味を持つ言葉の違いを... -[[カラーリテラシー>https://color-literacy.com/color-lite... -[[インフォグラフィックス>https://liginc.co.jp/news/46707... ~ ***Technology //&color(red){プロジェクトの遂行に必要な技法・技術に関す... ~ ~ **Project Management ***Schedule -[[スケジュール>https://docs.google.com/spreadsheets/d/1s... //&color(red){計画的な遂行のために、進行管理表を作成して... ~ ***ToDo //&color(red){やるべきこと（タスク）を箇条書きにします。}; //&color(red){完了後は「%%取り消し線%%」あるいは「// コメ... -%%テーマ決め%% -%%視認性、可読性、判読性の意味について調査%% -%%モーショングラフィックについての調査%% -%%絵コンテ%% -%%試作%% -%%本制作%% -%%op,enの制作%% //メモ→現状で作られている動画の欠点や改善点を活かして動画... ~ ~ ~ #hr CENTER:''WORK LOG'' //&color(red){List the most recent information at the top... #hr ~ ~ **2023.1.15 ***指摘された点を修正 -背景の色を黄色から白に変更 |48|4|48|c |#image(r7.png )||#image(r3.png )| ~ -opをタイトル名と同じになるように修正 |48|4|48|c |#image(r5.png )||#image(r1.png )| ~ -目次にそれぞれの項目に対しての簡単な説明を追加 |48|4|48|c |#image(r6.png )||#image(r2.png )| ~ -字詰め |48|4|48|c |#image(r8.png )||#image(r4.png )| ~ -BGMを追加 ~ ~ **2022.12.21 ***取り組み 指摘された点の確認、修正すべき点の確認 ~ ~ **2022.12.14 ***取り組み -アニメーションの作成 ヘッダーの作成 ~ ~ **2022.12.6 ***取り組み -アニメーションの作成 -二つを比べた後に変化するモーショングラフィックスをつける... #image(d.jpg) ~ ~ **2022.11.30 ***取り組み -アニメーションの作成 -オープニングとエンディングの作成 ~ ~ **2022.11.23 ***取り組み -アニメーションの作成 -誘目性→stopの標識を色の変化によって誘目性を表現した。 -識別性→冷たい飲み物に対して青と赤を使い識別性を表現した。 |48|4|48|c |#youtube(SQaYwJ31kyQ)||#youtube(p2NONwBjdac)| ~ ~ **2022.11.16 ***取り組み -アニメーションの作成 -視認性→見やすい文字と見にくい文字を交互にアニメーション... -可読性→明朝体とゴシック体を交互に出すことで文章の見やす... |48|4|48|c |#youTube(SUo_IlUwpXI)||#youtube(1f5aGYu3srg)| ~ ~ **2022.11.9 ***取り組み -アニメーションの作成 ヘッダーの作成 ~ ~ **2022.11.2 ***取り組み -アイディアの見直し、指摘された点の見直し ~ ~ **2022.10.26 ***取り組み -中間報告の準備 -絵コンテ制作 ~ ~ **2022.10.19 ***取り組み -メインビジュアルの作成 //色による視認性、強弱表現の視認性(危険性や注意など)、ま... //https://321web.link/fonts-attribute/ ~ ~ **2022.10.12 ***調査 -視認性 →目で何かを見た時に、対象物やその対象物がもつ意味合いにつ... -可読性 →読み取れる性質、読み取れる度合などを表す言葉。正確に早く... -判読性 →判読とははっきりしない文字、わかりにくい文意などを前後の... -[[視認性・可読性・判読性・・・似た意味を持つ言葉の違いを... -[[カラーリテラシー>https://color-literacy.com/color-lite... ~ ~ **2022.10.5 ***テーマ案決定 視認性などについてのインフォグラフィック動画を作成 ~ ~ **2022.09.28 ***テーマ案に対する調査 -視認性について --[[WEBデザインで重要な視認性の意味とデザイン制作時のポイ... --[[視認性を高くする文字デザイン>https://www.nowhere.co.j... --[[優れたUIデザイン（ユーザインターフェース）を作るため... --[[UI（ユーザーインターフェース）デザインとは？>https://... //https://321web.link/readers-pattern/#index_id0 -色覚について --[[配色のバリアフリー>https://tsutawarudesign.com/univer... --[[色弱でも見やすい色とは？>https://mmmiyama.com/colorbl... -ユニバーサルデザインについて --[[ユニバーサルデザイン>https://uv-print.micg.co.jp/entr... ~ ~ **2022.09.20 ***テーマ案 -視認性の良いデザイン、悪いデザインとは -色覚障害の方でも見やすい色の表現とは -グラフィックデザインにおけるユニバーサルデザインとは これらのテーマをどのように表現するか検討 ~ ~ ~

ページ名: