鎌田真幸/memo をテンプレートにして作成

開始行:
#setbgcolor(#fffdf6) #setheadercolor(#c2d294) *&color(#86715f){𝙼𝚎𝚖𝚘.}; ~ ~ **&color(#c2d294){卒業研究}; ***2025.10.10 -サブメニューの「診断する」はなくす →診断ページへの飛び方を一つだけにしてわかりやすく -推し活スタイル一覧は診断するボタンの隣へ →今回のサイトはサブメニューなくても大丈夫 -どんな人が何の目的で作っているのかわかるように →コピーライトのところからリンクを飛ばす -推し活とはをaboutに -ヘッダーを大きくしてそこにキャッチコピー ***2025.06.27 -タイプを断定するのではなく、チャートで表示 ~ ~ ***2025.06.13 診断以外のコンテンツを充実させる(推し活とは、推し活タイプ... ビジュアルを詰めていく(Figma) コードに着手(大枠に着手) タイプ分けの仕方 理解のしやすさ・わかりやすさ→４タイプ 二つの軸→分布させて表示（その場合は材料がたくさん必要） コレスポンデンス分析(統計的に出す)根拠がしっかりする クラスター分析 データの取り方で変わってくる ~ ***2025.05.23 中間発表 -サイトをどうやって構築していくか →今回一番大変な作業。本当に制作できるのか早急に確認する必... --質問はアンケートに書いている項目すべて使うのか？選択肢... -試作のナビゲーションの並び →サイトに飛んでいきなり「診断しよう」にはなりにくい サイトの説明や推し活についての説明があってから診断に行け... -試作の結果ページが全て同じページなので違う結果になるのが... -結果の７項目は決定なのか？減らすのか？またこの７項目に設... -結果のタイプに「推し活」という単語が入っているものがある →重複してしまうので別の言葉を用意 -行動傾向の部分は本格的に突き詰めるのか？簡易的にするのか？ →簡易的にして、手軽さ楽しさをメインにしたい →簡易的にするなら、簡易的なサイトの先行事例を見つけてサイ... -結果にあるタイプごとのおすすめの推し方の例が掲載されてい... -自分の推し方について指摘されたくない人について ~ ~ ***2025.05.09 -マジカルナンバーセブン --一度に把握しやすいのは7個くらい -推される人のタイプ(こんな人を推しがちですよ)、行動傾向(... 二つとも提案？ -最終的にしたいこと →診断結果に基づいた推し活の楽しみ方の提案 最初に何問あるか セクションごとに簡単に説明をつける 中間報告の際にアンケート呼びかけ ~ ~ ***2025.05.02 診断をやってみる よく出てくる項目をリスト化(エクセルやフリーボードで整理)... 階層構造 トップ、サイドメニュー ５項目くらい(推し活とは？など) タイトル、サブタイトルを決めておく アンケート→とにかく沢山情報を集める クロス集計 最終結果をどうするか 予備調査でタイプを聞いてみる どういうタイプの人がどういう傾向にあるのか ~ ~ ***2025.04.18 -自分のなりたいもの →はじめはお母さんであることが多い →真似をするからままごと -自分は持っていないもの, 相違点 -推しに対して感じていること -人と関わることで自己理解が進む -交流できるツール→カードゲーム 例：用意されたカードから自分が惹かれる(推しやすい傾向にあ... →選び合ったらお互いに見せ合い、交流 →なぜ好きなのか考えることで、自分の価値観や交流した相手の... ~ ~ ~ ~ ~ **&color(#c2d294){情報デザイン研究}; ~ ***2024.04.23 --現代の若者の生きづらさ --メンタルヘルス --医療用のゲーム //デザイン職能とジェンダーギャップ ~ ~ ***2024.04.23 -コンセプトって何書く？テーマやキャッチコピーとの違いは？ --「コンセプト 事例」などで検索 --場数を踏んでいくしかない --事例を見て真似してみる --"作戦"に近い感じ　目標達成に向けて ~ --ぬい活→子供の時と大人の時で関わり方が違う ~ ~ ~ ~ ~ **&color(#c2d294){WordPress}; -[[GHIBLI note.>http://mayyy02k.wp.xdomain.jp/wp-login.ph... ~ ~ **🤍 -リスト1 --リスト2 ---リスト3 ~ ~ ~ ~ ~ **&color(#c2d294){Webデザイン演習}; ~ -[[アイコン(google fonts)>https://fonts.google.com/icons]] -ワイヤーフレーム→PC用, スマートフォン用二つ作るのも◯ --アートボードサイズはピクセルで厳密に定めなくて良い (PC... ~ ~ ~ ~ ~ **&color(#c2d294){情報デザイン論}; ~ ***&color(#86715f){23.05.31.wed.}; ~ --個人情報について (昔は教員同士で共有) --電話帳 -情報がオープンだったことで便利だったこと、不便だったこと --地域社会に絆が生まれる ex.) 悪い人を近隣住人が追い払っ... --私立探偵 -情報をクローズドにしすぎ？ “情報をクローズドにして関係を切っていく・・ではなく、情報... ~ ~ ***&color(#86715f){23.05.10.wed.}; ~ -渡辺保史「情報デザイン入門」 ~ -とにかく情報を出す --「情報が無い」ことの明記も重要な情報 ~ ~ ***&color(#86715f){23.04.26.wed.}; ~ -デザインは計画・設計する段階からデザインに含まれる -学校の教科書だとデザインは美術に含まれる 　→デザイン=アートの延長、アートを商業化したものというイ... 　→その結果、デザインはいいけど使い勝手が悪い、という事態... --&color(red){これはいいデザインとは言えない！}; ~ -日本のデザイナーの立ち位置 (下流)　[ ←→上流：企業 ] &color(#86715f){デザインの領域}; 人間の三角形構造およびデザインの三角構造｜川添登 #image(triangle.png) ~ -一昔前まではCDの優先度が低かった 　→最近はCDに重きを置く学科が増えてきた -デザイン思考 --プロトタイプは必ず作る(時間は掛けない) --プロトタイプ→検証→プロトタイプ…… 納得のいく形になるまで... -[[日本の人口推移>https://www.bowlgraphics.net/tsutagra/0... -日本人の死亡の原因→若者の一位はぶっちぎりで「自殺」 -子供の不慮の事故が多い --人が生きる環境は子供達にとって危険が多過ぎる ~ ~ ***&color(#86715f){23.04.19.wed.}; ~ -informする→目に見えないものを形にして、見えるものにする --「見える化」する ~ -デザイン思考とPDCAサイクルの違い --PDCA→本来は工場の品質管理の際に使用 　　&color(red){これを人に対して使用して良いのか？数字だ... ~ -Sustainable Design --Sustainable　「持続可能な」 ~ -「物質とエネルギーはワンセット、情報だけ別物」で対比して... --物質…視覚・触覚で直感的に捉えるもの --エネルギー…直接的に見えないもの --情報…パターンの形になっているもの -「不安定なもの」はエネルギーを持っている -不安定なものと不安定なものが合わさるときにエネルギーが発... -考えるとアイデアは思い浮かばない --説教は情報量ゼロ --匂い広告 ~ ~ ~ ~ ~ **&color(#c2d294){情報デザイン演習IIB}; ~ ***&color(#86715f){23.06.02.fri.}; ~ 背景が白い名刺 　→Psで縁をつける 　　(Psで開く→新規レイヤー→⌘,A→編集→境界線を描く) ~ ~ ~ ***&color(#86715f){23.04.14.fri.　先行調査.}; &color(#c2d294){名刺デザイン (Pinterest)}; --[[📌>https://pin.it/3o4SXOI]] ~ &color(#f2bcbc){モーショングラフィックス 参考資料 (YouTub... -&color(#86715f){表現方法}; --[[&color(#86715f){かわいい系};>https://youtu.be/s5sdhtc... --[[&color(#86715f){かっこいい系};>https://youtu.be/Vuh9G... --[[&color(#86715f){液体の表現};>https://youtu.be/J16FUp-... -&color(#86715f){架空CM}; --[[&color(#86715f){靴屋のセール};>https://youtu.be/VAxIY... --[[&color(#86715f){Switch×Adobe};>https://youtu.be/xPE5U... -&color(#86715f){自己紹介動画}; --[[&color(#86715f){After Effects PortFolio｜自己紹介動画... --[[&color(#86715f){動画編集/ポートフォリオ(2021.03ver)};... ~ ~ ~ ~ ~ ~ RIGHT:&color(#f2bcbc){&size(12){#f2bcbc};}; RIGHT:&color(#c2d294){&size(12){#c2d294};}; RIGHT:&color(#86715f){&size(12){#86715f};}; RIGHT:&color(#aad7c7){&size(12){#aad7c7};};

終了行:
#setbgcolor(#fffdf6) #setheadercolor(#c2d294) *&color(#86715f){𝙼𝚎𝚖𝚘.}; ~ ~ **&color(#c2d294){卒業研究}; ***2025.10.10 -サブメニューの「診断する」はなくす →診断ページへの飛び方を一つだけにしてわかりやすく -推し活スタイル一覧は診断するボタンの隣へ →今回のサイトはサブメニューなくても大丈夫 -どんな人が何の目的で作っているのかわかるように →コピーライトのところからリンクを飛ばす -推し活とはをaboutに -ヘッダーを大きくしてそこにキャッチコピー ***2025.06.27 -タイプを断定するのではなく、チャートで表示 ~ ~ ***2025.06.13 診断以外のコンテンツを充実させる(推し活とは、推し活タイプ... ビジュアルを詰めていく(Figma) コードに着手(大枠に着手) タイプ分けの仕方 理解のしやすさ・わかりやすさ→４タイプ 二つの軸→分布させて表示（その場合は材料がたくさん必要） コレスポンデンス分析(統計的に出す)根拠がしっかりする クラスター分析 データの取り方で変わってくる ~ ***2025.05.23 中間発表 -サイトをどうやって構築していくか →今回一番大変な作業。本当に制作できるのか早急に確認する必... --質問はアンケートに書いている項目すべて使うのか？選択肢... -試作のナビゲーションの並び →サイトに飛んでいきなり「診断しよう」にはなりにくい サイトの説明や推し活についての説明があってから診断に行け... -試作の結果ページが全て同じページなので違う結果になるのが... -結果の７項目は決定なのか？減らすのか？またこの７項目に設... -結果のタイプに「推し活」という単語が入っているものがある →重複してしまうので別の言葉を用意 -行動傾向の部分は本格的に突き詰めるのか？簡易的にするのか？ →簡易的にして、手軽さ楽しさをメインにしたい →簡易的にするなら、簡易的なサイトの先行事例を見つけてサイ... -結果にあるタイプごとのおすすめの推し方の例が掲載されてい... -自分の推し方について指摘されたくない人について ~ ~ ***2025.05.09 -マジカルナンバーセブン --一度に把握しやすいのは7個くらい -推される人のタイプ(こんな人を推しがちですよ)、行動傾向(... 二つとも提案？ -最終的にしたいこと →診断結果に基づいた推し活の楽しみ方の提案 最初に何問あるか セクションごとに簡単に説明をつける 中間報告の際にアンケート呼びかけ ~ ~ ***2025.05.02 診断をやってみる よく出てくる項目をリスト化(エクセルやフリーボードで整理)... 階層構造 トップ、サイドメニュー ５項目くらい(推し活とは？など) タイトル、サブタイトルを決めておく アンケート→とにかく沢山情報を集める クロス集計 最終結果をどうするか 予備調査でタイプを聞いてみる どういうタイプの人がどういう傾向にあるのか ~ ~ ***2025.04.18 -自分のなりたいもの →はじめはお母さんであることが多い →真似をするからままごと -自分は持っていないもの, 相違点 -推しに対して感じていること -人と関わることで自己理解が進む -交流できるツール→カードゲーム 例：用意されたカードから自分が惹かれる(推しやすい傾向にあ... →選び合ったらお互いに見せ合い、交流 →なぜ好きなのか考えることで、自分の価値観や交流した相手の... ~ ~ ~ ~ ~ **&color(#c2d294){情報デザイン研究}; ~ ***2024.04.23 --現代の若者の生きづらさ --メンタルヘルス --医療用のゲーム //デザイン職能とジェンダーギャップ ~ ~ ***2024.04.23 -コンセプトって何書く？テーマやキャッチコピーとの違いは？ --「コンセプト 事例」などで検索 --場数を踏んでいくしかない --事例を見て真似してみる --"作戦"に近い感じ　目標達成に向けて ~ --ぬい活→子供の時と大人の時で関わり方が違う ~ ~ ~ ~ ~ **&color(#c2d294){WordPress}; -[[GHIBLI note.>http://mayyy02k.wp.xdomain.jp/wp-login.ph... ~ ~ **🤍 -リスト1 --リスト2 ---リスト3 ~ ~ ~ ~ ~ **&color(#c2d294){Webデザイン演習}; ~ -[[アイコン(google fonts)>https://fonts.google.com/icons]] -ワイヤーフレーム→PC用, スマートフォン用二つ作るのも◯ --アートボードサイズはピクセルで厳密に定めなくて良い (PC... ~ ~ ~ ~ ~ **&color(#c2d294){情報デザイン論}; ~ ***&color(#86715f){23.05.31.wed.}; ~ --個人情報について (昔は教員同士で共有) --電話帳 -情報がオープンだったことで便利だったこと、不便だったこと --地域社会に絆が生まれる ex.) 悪い人を近隣住人が追い払っ... --私立探偵 -情報をクローズドにしすぎ？ “情報をクローズドにして関係を切っていく・・ではなく、情報... ~ ~ ***&color(#86715f){23.05.10.wed.}; ~ -渡辺保史「情報デザイン入門」 ~ -とにかく情報を出す --「情報が無い」ことの明記も重要な情報 ~ ~ ***&color(#86715f){23.04.26.wed.}; ~ -デザインは計画・設計する段階からデザインに含まれる -学校の教科書だとデザインは美術に含まれる 　→デザイン=アートの延長、アートを商業化したものというイ... 　→その結果、デザインはいいけど使い勝手が悪い、という事態... --&color(red){これはいいデザインとは言えない！}; ~ -日本のデザイナーの立ち位置 (下流)　[ ←→上流：企業 ] &color(#86715f){デザインの領域}; 人間の三角形構造およびデザインの三角構造｜川添登 #image(triangle.png) ~ -一昔前まではCDの優先度が低かった 　→最近はCDに重きを置く学科が増えてきた -デザイン思考 --プロトタイプは必ず作る(時間は掛けない) --プロトタイプ→検証→プロトタイプ…… 納得のいく形になるまで... -[[日本の人口推移>https://www.bowlgraphics.net/tsutagra/0... -日本人の死亡の原因→若者の一位はぶっちぎりで「自殺」 -子供の不慮の事故が多い --人が生きる環境は子供達にとって危険が多過ぎる ~ ~ ***&color(#86715f){23.04.19.wed.}; ~ -informする→目に見えないものを形にして、見えるものにする --「見える化」する ~ -デザイン思考とPDCAサイクルの違い --PDCA→本来は工場の品質管理の際に使用 　　&color(red){これを人に対して使用して良いのか？数字だ... ~ -Sustainable Design --Sustainable　「持続可能な」 ~ -「物質とエネルギーはワンセット、情報だけ別物」で対比して... --物質…視覚・触覚で直感的に捉えるもの --エネルギー…直接的に見えないもの --情報…パターンの形になっているもの -「不安定なもの」はエネルギーを持っている -不安定なものと不安定なものが合わさるときにエネルギーが発... -考えるとアイデアは思い浮かばない --説教は情報量ゼロ --匂い広告 ~ ~ ~ ~ ~ **&color(#c2d294){情報デザイン演習IIB}; ~ ***&color(#86715f){23.06.02.fri.}; ~ 背景が白い名刺 　→Psで縁をつける 　　(Psで開く→新規レイヤー→⌘,A→編集→境界線を描く) ~ ~ ~ ***&color(#86715f){23.04.14.fri.　先行調査.}; &color(#c2d294){名刺デザイン (Pinterest)}; --[[📌>https://pin.it/3o4SXOI]] ~ &color(#f2bcbc){モーショングラフィックス 参考資料 (YouTub... -&color(#86715f){表現方法}; --[[&color(#86715f){かわいい系};>https://youtu.be/s5sdhtc... --[[&color(#86715f){かっこいい系};>https://youtu.be/Vuh9G... --[[&color(#86715f){液体の表現};>https://youtu.be/J16FUp-... -&color(#86715f){架空CM}; --[[&color(#86715f){靴屋のセール};>https://youtu.be/VAxIY... --[[&color(#86715f){Switch×Adobe};>https://youtu.be/xPE5U... -&color(#86715f){自己紹介動画}; --[[&color(#86715f){After Effects PortFolio｜自己紹介動画... --[[&color(#86715f){動画編集/ポートフォリオ(2021.03ver)};... ~ ~ ~ ~ ~ ~ RIGHT:&color(#f2bcbc){&size(12){#f2bcbc};}; RIGHT:&color(#c2d294){&size(12){#c2d294};}; RIGHT:&color(#86715f){&size(12){#86715f};}; RIGHT:&color(#aad7c7){&size(12){#aad7c7};};

ページ名: