紀野はるか/総合研究I をテンプレートにして作成

開始行:
#settableborder(none) //*HSPの情報デザイン研究 #image(top.png) ~ ~ ~ [[プレゼンテーションページ🌱>紀野はるか/myantenna]] ~ ~ ~ **&color(#0094A1){概要}; ***これは何？ //{これは何か・・を簡潔に}; ~ インフォグラフィックスを活用したモーショングラフィックス... 動的なコンテンツを駆使し、SNS・WEBサイトでHSPの情報発信を... ~ ~ ***はじめに ~ 　HSP（Highly Sensitive Person）は、Aron(1996)が提起した... ~ ~ ***背景と目的 //{プロジェクトの背景と目的}; ~ 　近年、HSPに関する一般書籍の出版数が著しく増加した。特に... 　このことから、HSPに関する学術的な情報を正しく発信し、一... ~ ~ ***調査 ~ -目的 インターネット上にある情報と心理学による学術的なHSPについ... ~ -調査方法 ①情報収集に用いられる代表的なツールを使用し情報収集を行う ②論文や心理学者の著作などの学術的な情報源を用いての調査を... ~ -インターネット上でのHSP 単語検索およびハッシュタグ検索を行い、コンテンツ内容のリ... --①Instagram Instagram内のハッシュタグ検索結果では、164万件の投稿（202... 人気投稿欄に表示される20投稿のうち、すべての投稿に情報の... --②X(旧Twitter ) Xでは、日常のつぶやきに加え、HSP同士のコミュニティを広げ... --③Youtube・YouTube short・Tiktok YouTubeでは、HSPあるあるや自身の体験談、HSP診断、HSPの紹... ここでも出典元や参考文献の記載がないものがほとんどである... TikTokやYouTubeショートなどの短い縦型動画では、HSPである... --④webサイト Googleの検索結果一覧では、1ページ内の52記事中、心療内科や... --⑤インターネット上でのHSP調査から HSPに関するコンテンツには、「生きづらさ」に焦点を当てたも... これらのインターネット上の情報を元に、新たな情報コンテン... ~ -学術的なHSP HSPは心理学用語である。心理学研究としてHSPについて書かれ... --①HSPとは HSPは環境感受性という特性がとても高い人たちを表す言葉であ... --②環境感受性とは 環境感受性とは、「ネガティブとポジティブ両方の環境に対す... --③HSP尺度 Aron&Aron(1997)は、SPS（感覚処理感受性）の概念が内向性や... その後、HSP 尺度の邦訳を作成し、信頼性と妥当性を確認し、... したがって、学術的なHSP尺度では「HSPか非HSPか」を「診断」... --④DOES 環境感受性の下位概念にあたる感覚処理感受性（SPS）とは、生... D：情報を深く処理してしまう（Depth of processing） O：刺激を受けやすい（Overstimulated） E：情動反応が強く共感しすぎてしまう（Emotional reactivity... S：周囲の些細な変化に気付いてしまう（Sensitivity to subtl... それぞれの頭文字から「DOSE」と呼ばれる。それぞれが独立し... --⑤学術的なHSPの調査から HSPは環境感受性が相対的に高い人たち（20～35%）を指すラベ... ~ -調査まとめ 現情、インターネット上でみられるHSPコンテンツは、学術的な... インターネット上のHSPに関するコンテンツの多くは、ネガティ... ~ ~ ***コンセプト //{基本的な考え方、枠組み、視点など}; ~ -（１）学術的な説明を取り入れる 現状のHSPコンテンツは、学術的な説明が不足している問題から... -（２）ネガティブなイメージの転換 HSPのネガティブなイメージがインターネット上の発信方法によ... -（３）コンテンツ インターネット上でのHSPコンテンツによって誤解が広まってい... ~ ~ ***成果物の仕様 //{成果物の形式・サイズ・時間尺等}; ~ ''HSP基礎知識編'' +HSPってナニ？ +HSP診断の誤解 +HSPの誤解 ~ #youtube(-dJmAMd9F_8) #youtube(_m7GSRRpXns) #image(tmn03.jpg) [ナレーションPDF]　 %%🔗[[Googleドライブ>https://drive.google.com/file/d/12Wgf... 🔗[[Googleドキュメント__HSP基礎知識編（改訂版）__>https://... ~ ''似顔絵Instagram「◉◉」'' 「◉◉」Instagram🔗__[[@kino__tch>https://www.instagram.com/... 似顔絵とアンテナを紹介するInstagramアカウント -不定期更新 -イベント企画 -100人作成を目標 ~ ''WEB'' #image(webframe.jpg) #image(webdemoa.png) #image(webdemob.png) --概要 --キャラクター紹介 --各SNSに飛ばす //|30|3|30|3|30|c //|#youtube(e7hSBE7ZzXE)| |#youtube(ropaFplJvPM)| |#youtu... ~ ~ ***制作ツール ~ -Illustrator -AfterEffects ~ ~ ~ **&color(#0094A1){プロジェクト管理}; ***スケジュール ~ 🗓️　__[[スプレッドシート>https://docs.google.com/spreadsh... ~ ~ ***ToDo //{やるべきこと（タスク）を箇条書きにします。}; //{完了後は「%%取り消し線%%」あるいは「// コメントアウト... ~ -%%情報のリストアップ%% -%%情報をカテゴリー分けする%% -%%ビジュアルの再検討%% -%%キャラクター設定を考える%% -%%図書館に行って資料集め%% -%%SNSごとの情報のリスト分け%% -%%スケジュールの再設定%% -%%タイトルロゴの再検討%% -%%基礎知識編のスケッチ%% 重要度★★★ -概要作成 -動画制作 -%%色の統一%% 重要度★★ -%%ナレーション収録%% -%%似顔絵肌の色の変更%% -%%Webのワイヤーフレームを作成%% 重要度★ -似顔絵修正・追加 -曲と効果音 重要ではないけどやりたいもの -SNSのワイヤーフレームを作る -イベント企画 ~ //***NotToDo //&color(red){やらないこと：何をするかではなく「何をしな... //&color(red){例：10人以上の会議には出ない。苦手なことは... ~ ~ #hr CENTER:''進捗記録'' //{最新の情報を一番上に記載して下さい（古い記事が下へ沈む... #hr ~ ~ ~ **&color(#0094A1){2023.10.29}; ~ ***調査 モーショングラフィックスの動画を用いたプロモーションの利点 ~ -1. 複雑な情報を分かりやすく伝える モーショングラフィックスは、テキストやイラスト、シンボル... -2. ブランドイメージの向上 ブランドのトーンやスタイルに合わせたグラフィックを動かす... -3. 視聴者の関心を引きやすい 静止画像やテキストだけのプロモーションよりも、動きのある... -4. 感情に訴えかける モーショングラフィックスは音楽や効果音と組み合わせること... -5. SEOやSNSでの効果向上 動画コンテンツは検索エンジンやSNSアルゴリズムでも優遇され... -6. 低コストで柔軟なカスタマイズが可能 実写動画と比較すると、コストを抑えつつ、必要に応じてデザ... ~ ~ ~ **&color(#0094A1){2023.10.29}; ~ ***調査 モーショングラフィックスを活用した動画コンテンツが視聴者... ~ -''1. 注意喚起とエンゲージメントの向上'' ・視覚的な動きやアニメーションを使用することで視聴者の注... ・動画内での動きが視覚的興味を引き起こし、視聴者がより集... ・動きの要素は物語やナレーションに感情的な深みを与え、メ... -''2. 複雑な情報の簡素化'' ・抽象的なアイデアや複雑なデータを視覚的に整理し、分かり... ・グラフや統計などの情報を動的に提示することで、理解が促... ・色や形、レイアウトなどのデザイン要素が情報の解釈を助け... -''3. 感情的共鳴の創出'' ・感情的なつながりを促進するための視覚的メタファーを使用... ・メンタルヘルスの分野でのコミュニケーションに有用 ・カラー心理学やストーリーテリングの技術を組み合わせたモ... -''4. 音響と映像の統合による影響'' ・音声と視覚の統合も視聴者への影響を強める ・効果的な音響設計がモーショングラフィックスの映像と結び... ・マルチメディアの融合が、感情的な反応を引き出すため、視... ~ ~ ~ **&color(#0094A1){2023.10.26}; ~ ***学会発表 ~ 2024年度 日本デザイン学会 第５支部での発表 以下、質疑応答でのコメント~ -動画はどこで閲覧できるか 完成次第、YouTubeやWEBサイトに投稿します。 また、似顔絵を投稿しているInstagramでも同様に動画を投稿す... 年内の投稿を想定しています。~ -広めないというアプローチ方法について 基礎知識編「03.学術的なHSPとのズレ」では、誤った認識が広... HSPに限らず、発信する側が「参考文献や学術的根拠の記載をす... →以下、考察 HSP、ADHDなどの概念が広がっていく理由を__[[ChatGPT>https:... 1. メンタルヘルスへの関心の高まり 2. 多様な個性への理解が進んでいる 3. SNSやインターネットの情報拡散 4. 社会環境の変化によるストレスの増加 5. 適切なサポートへのニーズが高まっている 加えて、自己理解によるアイデンティティの確立なども考えら... 多様な個性を尊重する社会の流れによって、自己理解を通して... 多様化した社会では、自己理解や「自分は何者か」を知りたい... ~ HSPやADHDなどの概念が浸透したデメリットは以下のものが挙げ... 1. 誤った自己診断とそれに伴うリスク 2. レッテル貼りによる自己制限 3. 他者からの理解不足や偏見の助長 4. 医療の重要性が軽視される可能性 5. SNSでの自己診断情報の氾濫と不安の増幅 6. ラベルに依存してしまうことによる自己受容の難しさ 調査同様、誤った理解や偏った解釈が広まっている。信頼性の... ~ ''広めないというアプローチ'' 1. 正確な情報提供と教育の強化 2. 簡易診断ツールや自己診断のリスクの啓発 3. 多面的な自己理解の重要性を強調 本研究にも通づる３点に着目した。 また、「広めないというアプローチ」について重要だと考える... ''2. 簡易診断ツールや自己診断のリスクの啓発''　である。 SNSやウェブ上の簡易診断ツールが誤解を生みやすい原因の一つ... それこそ、適切な支援を受けられないリスクを高め、自己受容... '' 1.自己診断が推奨される背景'' 自己診断の推奨には、「自分のことをよく知り、自分に合った... ''2.自己診断をさせない方が流行を抑えられるか？'' SNSやインターネットで自己診断のツールや情報が身近でなけれ... ~ 結論：正確な情報提供と情報氾濫の啓発 これにより''広めないというアプローチ''になりえるのか？ 多様な個性を尊重する社会では、現実的に難しいのでは… 自論：広がる要素の一つとして、占いや血液型診断のように「... ~ ~ ~ **&color(#0094A1){2023.10.03}; ~ ***動画制作 ~ 02.HSP診断の誤解 #youtube(_m7GSRRpXns) ~ -OPのタイトルコールに複数の声を使用する案 -ナレーションの間隔を狭め、短縮化 ~ ToDo -EDをつくる -文字間の調整 -グラフィックの追加 -サムネイルイメージとの統一 ~ ~ ~ **&color(#0094A1){2023.10.02}; ~ ***フィードバック ~ 九州産業大学学生相談室常勤カウンセラー 臨床心理士　幸地英理子先生に研究概要のフィードバックをい... ~ ''研究内容について'' -講習会などでも、病気・性質等の説明から行い、正確な情報の... -HSP診断の内容のように、スペクトラム（連続分布）として、... ~ ''動画コンテンツについて'' -言葉や専門用語で難しいので、スピードをゆっくりにした方が... -それかもう少し噛み砕いて説明や、理解しやすい表現を用いた... -文字だけではなく、反応例などを入れるとよい ~ ''似顔絵コンテンツについて'' -似顔絵コンテンツを実施することにより、自己理解を行うきっ... -自己理解は自己肯定につながっていく -自分のことを外に出すことで自己理解を深める（カウンセリン... -客観的・俯瞰的に見ることが可能になる ~ ~ ~ **&color(#0094A1){2023.09}; ~ ***サムネイル作成 ~ //|30|0|30|0|30|c |#image(tmn01.jpg)| |#image(tmn02.jpg)| |#image(tmn03.jpg)| ~ YouTubeの動画のサムネイルを作成 ~ ~ ~ **&color(#0094A1){2023.09}; ~ ***研究概要の更新 ~ [[word-研究論文_MyAntenna>https://ksumail-my.sharepoint.c... ~ ~ ~ **&color(#0094A1){2023.09}; ~ ***WEBワイヤーフレーム ~ #image(webframe.jpg) ~ #image(webdemoa.png) #image(webdemob.png) ~ WEBのサイトマップとワイヤーフレームを作成 -TOP（Abuto、アンテナとは） -Movie（基礎知識編の動画コンテンツの紹介） -Character（キャラクターの紹介） -Portraits（Abuto、似顔絵コンテンツの紹介） -Other（参考文献、HSP関係のWEBサイト） ~ ~ ~ **&color(#0094A1){2023.09}; ~ ***動画制作 ~ #youtube(7sQTu24DF6c) ~ 動画コンテをもとに、試作を制作 キャラクターの動きは未完了 ~ 試作から -OPのタイトルコールに複数の声を使用する案 -ナレーションの間隔を狭め、短縮化するか -EDをつくる -文字のモーションはもっと統一すべきか -文字のみの説明にグラフィックを足すべきか ~ ~ ~ **&color(#0094A1){2023.09}; ~ ***カラー統一 ~ 背景 &color(#0086AD){◼️ #0086AD}; &color(#FF6BAF){◼️ #ff6baf}; &color(#FFEF60){◼️ #ffef60};... &color(#51D1FF){◼️ #51ddff}; &color(#FF9959){◼️ #ff9969};... ~ ~ ~ **&color(#0094A1){2023.08}; ~ ***BGM検討 ~ -ポップ -教育・教養的 -リズミカル の要素を持ったBGMを検討し、以下候補 ~ -https://artlist.io/royalty-free-music/song/bubbles/125236 -https://artlist.io/royalty-free-music/song/the-cycle-con... -https://artlist.io/royalty-free-music/song/brand-new-toy... ~ -https://artlist.io/royalty-free-music/song/bubbles/125236 を仮採用 少し幼すぎる印象があるので、継続的に検討する ~ ~ ~ **&color(#0094A1){2023.08}; ~ ***ナレーション収録 ~ 友人に協力を得て、ナレーション収録を行った ~ Googleドキュメント[[__HSP基礎知識編　内容（改訂版）__>htt... ~ ~ ~ **&color(#0094A1){2023.07}; ~ ***似顔絵ビジュアルの再検討 ~ 動画コンテンツのキャラクターと似顔絵アバターの統一を検討 動画コンテンツに寄せた似顔絵アバターを再作成した ~ #image(port_re.png) ~ -肌の色を変更 -目の調整 -アンテナの形を変更 -色の調整 ~ アンテナの形は揃えていく方向 肌の色を変更したことで、不気味な印象が出るので要検討 ~ ~ ~ **&color(#0094A1){2023.06.6}; ~ ***動画絵コンテ ~ //|15|0|15|0|15|0|15|0|15|0|15|c |#image(03a.jpg)| |#image(03b.jpg)| |#image(03c.jpg)| |#i... ~ 03 | 学術的なHSPのズレ　の絵コンテを作成 ~ ~ ~ **&color(#0094A1){2023.07.08}; ~ #youtube(G4dcEi5Eyl8) ~ ***動画絵コンテ作成 ~ ~ 01 | HSPって何？の動画のブラッシュアップ ~ -テクスチャの追加 -文字モーションの修正 -トランジションの追加 -文字間の調整 -フォントの変更 ~ ブラッシュアップ動画の改善点 -トランジションの種類と場所の再検討 -似顔絵コンテンツとの調和性をどう持たせるか -タイトルロゴの変更を行う ~ ~ ~ **&color(#0094A1){2023.07.06}; ~ ***フォントの再検討 ~ ~ #image(font.png) ~ 角ばった英字フォントとA1ゴシック親和性・A1ゴシックとコン... ~ -日本語フォント　モボフォント -英字フォント　Citrine Pro（モリサワ） ~ ~ ~ **&color(#0094A1){2023.06.14}; ~ ***動画絵コンテ作成 ~ ~ //|20|0|20|0|20|0|20|0|20|c |#image(conte01b.jpg)| |#image(conte01c.jpg)| |#image(con... ~ 基礎知識編　02｜HSP診断の誤解の絵コンテを作成 ~ ~ ~ **&color(#0094A1){2023.06.10}; ~ ***動画コンテ作成 ~ ~ #youtube(DpxVCVXIFk8) ~ 絵コンテからナレーションをつけた動画コンテを作成 動画コンテを作成するにあたって、内容と絵コンテを修正 ~ ~ //|20|0|20|0|20|0|20|0|20|c |#image(conte01b.jpg)| |#image(conte02b.jpg)| |#image(con... ~ ~ ~ **&color(#0094A1){2023.06.6}; ~ ***動画絵コンテ ~ //|20|0|20|0|20|0|20|0|20c |#image(conte01.jpg)| |#image(conte02.jpg)| |#image(conte... ~ ラフスケッチを元に、絵コンテを作成 ~ ~ ~ **&color(#0094A1){2023.05.27}; ~ ***動画コンテンツの内容の修正 ~ Googleドキュメント[[__HSP基礎知識編　内容（改訂版）__>htt... ~ コンテンツの仕様を以下に変更 ~ ''HSP基礎知識編'' ~ +HSPってナニ？ +HSP診断の誤解 +HSPの誤解 ~ ~ ~ **&color(#0094A1){2023.05.19}; ~ ***OP試作3 ~ #image(OPtest.gif) ~ 👀瞬き　→　タイトル　→　アイコンと副題　→　カットイン モーションをつけて試作。（8秒） ~ ~ ~ **&color(#0094A1){2023.05.01}; ~ ***OP試作 ~ #image(idea01.jpg) ~ OP案のスケッチ。 👀瞬き　→　タイトル　→　アイコンと副題　→　カットイン ~ 試作にあたって -タイトルの動きを試作してみる -最初のインを👀の瞬き or アンテナの揺れにするか ~ ~ ***タイトルのモーション試作 ~ |49|1|49|c |#image(title1.gif)| |#image(title2.gif)| |#image(title3.gif)| |#image(title4.gif)| ~ -1（左上）　横からスライド 味気ない -2（右上）　拡大イン　 文字間が狭いので窮屈 -3（左下）　あちこちから スタイリッシュ、コンセプトに不一致？ -4（右下）　バウンドイン かわいい ~ ~ ***OP試作2 ~ #image(title5.gif) ~ 試作から1と4を合体させた5を作成してみた ポップさと可愛さがあり、コンセプに近い ~ ~ ~ **&color(#0094A1){2023.05.01}; ~ ***調査 ~ -目的 インターネット上でHSPに関するネガティブな情報が広く拡散さ... ~ ~ -調査方法 ①Instagram、X（旧Twitter）、YouTube・YouTube shortやTikTo... ②論文や心理学者の著作などの学術的な情報源を用いての調査を... ~ ~ -インターネット上でのHSP 現在、インターネット上で発信されているHSP情報とコンテンツ... ~ --①Instagram Instagram内のハッシュタグの検索結果では、164万件の投稿（2... ~ --②X(旧Twitter ) Xでは、HSPであることに関する悩みや、HSPの人々へのアドバイ... ~ --③Youtube・YouTube short・Tiktok YouTubeでは、自身がHSPであることについて話す内容や、HSPな... 同様に、TikTokやYouTubeショートなどの短い縦型動画でも、HS... ~ --④webサイト Googleの検索結果一覧では、1ページ内の52記事中、心療内科や... ~ ~ -学術的なHSP HSPは心理学用語である。心理学用語からみたHSPについて論文... ~ --①HSPとは HSPとは、アメリカの心理学者エレイン・アーロン博士が提唱し... ~ --②HSP尺度 Aron&Aron(1997)は、SPS（感覚処理感受性）の概念が内向性や... 尺度(Highly Sensitive Person Scale)を開発した。 その後、HSP 尺度の邦訳を作成し、信頼性と妥当性を確認し修... ~ --③DOES 周囲からの刺激に過敏に反応してしまう感覚処理感受性（SPS）... D：情報を深く処理してしまう（Depth of processing） O：刺激を受けやすい（Overstimulated） E：情動反応が強く共感しすぎてしまう（Emotional reactivity... S：周囲の些細な変化に気付いてしまう（Sensitivity to subtl... という特徴を呈しており、頭文字をとったDOES（ダズ）と呼ば... ~ ~ -調査結果 調査から、SNSで発信されている情報と学術的なHSPに関する研... の情報が不十分であり、更新されていないことから、誤ったHSP... ~ ~ ~ **&color(#0094A1){2023.12.19}; ~ ***アンケート調査 ~ %%Google Forms　__[[📝アンケート調査>https://forms.gle/vkR... ~ %%HSPが世間にどのような印象を持たれているか、その原因につ... ~ ~ ~ **&color(#0094A1){2023.12.14}; ~ 概要（途中）__[[word>https://ksumail-my.sharepoint.com/:w... ~ ~ ~ **&color(#0094A1){2023.12.14}; ~ ***今後のスケジュール ~ 🗓️　__[[スプレッドシート>https://docs.google.com/spreadsh... ~ -1月15日までに動画構成案の作成 -2月29日までに基礎知識編の動画制作 - ~ ~ ~ **&color(#0094A1){2023.12.13}; ~ ***MyAntennaタイトルロゴ試作 ~ #image(myantenna_logo.jpg) ~ タイトルロゴ -font：Seravek - medium（スムース化で角を丸く） -A1ゴシック シンボルマーク、アイコンは未定 副題として「あなただけの敏感で繊細な感受性」を設定 「My Antenna」に込めた意味を副題に入れることで分かりやす... 「敏感」「繊細」という言葉を使用することでHSP情報であると... ~ ~ ~ **&color(#0094A1){2023.12.11}; ~ ***イベント企画の検討 ~ |45|3|43|c |#image(insta.jpg)| |#image(instb.jpg)| ~ 「◉◉」[[@kino__tch>https://www.instagram.com/kino__tch/]] 似顔絵とアンテナを紹介するInstagramアカウント とMyAntennaを結びつけた展示イベントを企画したい ~ -イベント日時 --未定 -展示会場 --未定 -展示内容 --Instagramに投稿している似顔絵をアンテナと共に展示 --来客者のアンテナをリアルタイムで展示 --来客者の似顔絵を作成する -展示方法 --プロジェクションマッピングを使用した映像 -グッズ販売 --MyAntennaのグッズを制作する --NFT、ネット販売等 ~ ~ ~ **&color(#0094A1){2023.12.08}; ~ ***成果物の修正 ~ ''HSP基礎知識編'' +HSPってナニ？ +HSP診断の誤解 +HSPは生きづらい？ +HSPの誤解 [ナレーションPDF]　 🔗[[Googleドライブ>https://drive.google.com/file/d/12WgfQb... ~ ''アンテナ編'' +道端の小さな花や生き物を見つけること +猫の顔を覚える +風向きに敏感 +雲の匂いで季節のうつろいを察知 +隠し味を当てる +その人特有のクセを見つけるのが得意 +足音で人物を特定 +相手が学生時代にやっていた部活を当てる +人の香水が変わったらすぐに気づく +美味しいパン屋さんを見つけること ~ ''似顔絵Instagram「◉◉」'' 「◉◉」[[@kino__tch>https://www.instagram.com/kino__tch/]] 似顔絵とアンテナを紹介するInstagramアカウント -不定期更新 -イベント企画 -100人作成を目標 ~ ''全体のコンテンツとして'' -縦動画 ( ~1分以内 ) --YouTube short --TikTok --Instagramリール -横動画 ( ~2分程度 ) --YouTube --X -WEB --概要 --キャラクター紹介 --各SNSに飛ばす ~ ~ ~ **&color(#0094A1){2023.12.07}; ~ ***logoの検討 ~ |45|3|50|c |#image(logo.jpg)| |#image(logob.jpg)| ~ タイトルロゴの試作 font：Seravek - medium（スムース化で角を丸く） ~ ''タイトルロゴの要素案'' -アンテナ -個々の色(カラフルさ) -副題 ~ ~ ~ **&color(#0094A1){2023.11.30}; ~ ***シンボルマークの検討 ~ #image(mark.jpg) ~ ロゴと並行してシンボルマークの作成を検討中 上段　-キャラの要素を取り入れた 中段　-アンテナに注目した 下段　-カラフルさを取り入れた ~ ''シンボルマークの要素案'' -アンテナ -個々の色(カラフルさ) -お花 -目 -SNSアイコン用の丸い形 ~ ~ ~ **&color(#0094A1){2023.11.30}; ~ ***アンテナ紹介編の場所スケッチ ~ |30|3|30|3|30|c |#image(locaa.png)| |#image(locab.png)| |#image(locac.png)| |CAFF店内| |街中| |図書館| ~ ~ ~ **&color(#0094A1){2023.11.29}; ~ ***アンテナ紹介編のリスト化 ~ 🔗[[スプレッドシート>https://docs.google.com/spreadsheets/... ~ ~ ~ **&color(#0094A1){2023.11.23}; ~ ***ナレーション文の作成 ~ ''HSP基礎知識編'' ~ 🔗PDF [[HSP基礎知識編>https://drive.google.com/file/d/17Sw... 🔗PDF [[HSP基礎知識編(省略化)>https://drive.google.com/fil... ~ 以下、ナレーション分の作成において変更した点 ~ -③DOES、⑦心理学からみたHSP二つの項目を削除 -ナレーションの長さを加味し、内容を合同させた省略化版の作成 --HSPってナニ？ --HSPは生きづらい？ --HSPの誤解 ~ ~ ナレーション動画時間 ~ HSP基礎知識編 ~ [[🔈①HSPってナニ？>https://drive.google.com/file/d/1iusa_K... [[🔈②環境感受性とは？>https://drive.google.com/file/d/1FSQ... [[🔈③HSPと非HSP>https://drive.google.com/file/d/1DUH8MZUOi... [[🔈④HSPは生きづらい？>https://drive.google.com/file/d/1di... [[🔈⑤HSPの誤解>https://drive.google.com/file/d/1JhrTSJBvaw... ~ HSP基礎知識編(省略化) ~ [[🔈①HSPってナニ？>https://drive.google.com/file/d/1iusa_K... [[🔈②HSPは生きづらい？>https://drive.google.com/file/d/1di... [[🔈③HSPの誤解>https://drive.google.com/file/d/1JhrTSJBvaw... ~ ~ ~ **&color(#0094A1){2023.11.22}; ~ ***場所設定 ~ アンテナ紹介編で使用する場所を設定 ~ -足音で人物を特定 --人物が後ろから登場できる場所 --部屋の扉を開けて登場 --階段を登る音の方が分かりやすいか？ -声のトーンで人の気持ちを変化を察知 --未定 --キャラが声を出さないといけない -道端の小さな花や生き物を見つけること --人や車が多く行き交う街中 --コンクリート(レンガ)歩道に咲くお花を見つける -人の香水が変わったらすぐに気づく --未定 -雲の匂いで季節のうつろいを察知 --街中を歩いている --匂いで木の葉っぱが一枚赤くなっているのに気づく -温度の変化に敏感 --未定 -友達の新しい服や靴に気づける --未定 -水の味の違いが分かる --未定 -その人特有のクセを見つけるのが得意 --大学の講義中 --教壇に立つ先生の癖に気づく --隣に座る友達の癖に気づく -光に敏感 --太陽が照りつけるビーチ --窓の外が曇り --夜の街中 --いずれもサングラスをかける -隠し味を当てる --レストランなどの --隠し味が当たっているかの確認をどう表現するか --食卓で会話形式にする -猫の顔を覚える --公園 --複数の野良猫に懐かれている -美味しいパン屋さんを見つけること --店が並ぶ街中 --何もない裏路地から匂いを辿ってパン屋に辿り着くなど -相手が学生時代にやっていた部活を当てる --未定 -風向きに敏感 --ゴルフ場 ~ ~ ~ **&color(#0094A1){2023.11.16}; ~ ***絵コンテ ~ ''アンテナ紹介編(縦動画)'' ~ |20|2|20|2|20|2|20|c |#image(h_skea.jpg)| |#image(h_skeb.jpg)| |#image(h_skec.... ~ アンテナ紹介編 | 足音で人物を特定の絵コンテを作成 そこから動画を組み立ててみた #youtube(0PyXvqZFmyg?feature=share) ~ 動画時間　00:39 -アンテナ紹介編にHSPの話をするか -つなぎ(EDに繋げる)の部分をどうするか ~ ~ ~ **&color(#0094A1){2023.10.26}; ~ ***コンテンツリスト ~ ''HSP基礎知識編'' ~ +HSPってナニ？ --Highly Sensitive Personの略 --この言葉はエレイン・アーロン博士が提唱 --HSP=環境感受性が高い人のラベル +環境感受性 --ポジティブとネガティブの両方の環境からの影響の受けやす... --環境からの影響の受けやすさは同じじゃない --影響に対して同じ反応をするわけではない --誰もが持っている特性 +DOES --A&A夫婦が提唱 --感覚処理感受性とは、環境の刺激に対する敏感さを表す特性 --D(Depth of Processing):環境刺激に対する深い処理&br;O(Ov... +HSPは生きづらい? --良くも悪くも影響を受けやすい(ポジ環境からポジ・ネガ環境... --良い特性でも悪い特性でもない、ニュートラルな特性 --HSP＝生きづらいは❌ --環境で生きづらくも、生きやすくもある +HSPと非HSP --環境感受性は誰もが持つ特性 --非HSPには感受性がないというのは❌ --感受性はグラデーションになっている --点数で決められているものではなく、診断するものでもない +HSPの誤解 --◯◯型HSP ---学術ではタイプ別に呼んだり区別したりしない ---タイプに当てはまるHSPはいるけど、囚われすぎないように... --HSPはうつ病になりやすい ---うつ病は脳の慢性炎症、HSPは気質 ---ネガティブな環境からストレスを受けやすい ---自己判断は適切な支援につながらない --HSPを使った悪徳ビジネス ---HSPは病気ではなく気質 ---ネットのHSP診断・まとめサイトを信じすぎない +心理学から見たHSP --みんな感受性を持っている、平均より高い人をHSPというラベ... --感受性はグラデーションであり、境界線はない --HSPは生きづらい、自己肯定感が低い、というのは環境のせい... --感受性の高低を花で例える ---低い：どのような環境下でも力強く咲く ---平均：ある程度の環境があれば綺麗に咲く ---高い：環境に気を使うことで美しく咲く&br;適した環境でみ... ~ ''アンテナ編'' ~ -足音で人物を特定 -声のトーンで人の気持ちを変化を察知 -道端の小さな花や生き物を見つけること -人の香水が変わったらすぐに気づく -雲の匂いで季節のうつろいを察知 -温度の変化に敏感 -友達の新しい服や靴に気づける -水の味の違いが分かる -その人特有のクセを見つけるのが得意 -光に敏感 -隠し味を当てる -猫の顔を覚える -美味しいパン屋さんを見つけること -相手が学生時代にやっていた部活を当てる -風向きに敏感 ~ ''全体のコンテンツとして'' ~ -縦動画 ( ~1分以内 ) --YouTube short --TikTok --Instagramリール -横動画 ( ~3分程度 ) --YouTube --X -WEB --概要 --キャラクター紹介 --各SNSに飛ばす ~ ~ ~ **&color(#0094A1){2023.10.12}; ~ ***ビジュアルの再検討 ~ ''キャラクターのブラッシュアップ'' ~ |30|3|30|3|30|c |#image(orchan.png)| |#image(tuli.png)| |#image(popo.png)| |#image(kid.png)| |#image(lip.png)| |#image(tan.png)| ~ 感受性の高い・平均的・低い人たちを花の「蘭」「チューリッ... に例えることから、それぞれの花をモチーフにしたキャラクタ... 現状、女の子のキャラクターのみだったので、男の子を作成し... 男の子のキャラクターも、感受性の高い・平均的・低い人たち... ~ ~ ~ **&color(#0094A1){2023.10.05}; ~ ***スケジュールの作成 ~ 🗓️ [[研究スケジュール>https://docs.google.com/spreadsheet... ~ ~ ~ **&color(#0094A1){2023.9.27}; ~ ***名前の再検討 ~ ''My Antenna'' #image(myantenna.jpg) ※logoはまだ検討中 ~ 「I'm HSP」の問題点 -HSPに焦点を合わせ過ぎるタイトルではないか -他のHSPコンテンツとの区別があまりない -研究の目的に合わないのではないか ~ 「My antenna」 -コンセプトの「自分の個性を認める」「アンテナを共有する」... -キャラクターのアンテナと相応している -アンテナを焦点に当てることで、他のHSPコンテンツとの区別... ~ ~ ~ **&color(#0094A1){2023.9.20}; ~ ***ビジュアルの再検討 ~ ''キャラクターのブラッシュアップ'' ~ |30|3|30|3|30|c |#image(ran.png)| |#image(tuli.png)| |#image(popo.png)| ~ 感受性の高い・平均的・低い人たちを花の「蘭」「チューリッ... に例えることから、それぞれの花をモチーフにしたキャラクタ... ~ ~ |48|3|48|c |#image(dose.png)| |#image(dose2.png)| ~ HSPとされる4つの基準の頭文字をとって「DOSE」と呼ばれるこ... それぞれのキャラクターを作成してみた。 ~ ~ ~ **&color(#0094A1){2023.9.20}; ~ ***目的の再検討 ~ ''HSPのPR　から　ニュートラルな特性の認知'' 　しかし、このようなHSPの概念が広まりつつある一方で、SNS... ~ ~ ~ **&color(#0094A1){2023.06.07}; ~ ***インフォグラフィックについての調査 ~ ''インフォグラフィックとは'' ~ 情報、データ、知識を視覚的に表現したものである。 インフォグラフィックは情報を素早く簡単に表現したい場面で... また、計算機科学や数学、統計学においても、概念的情報を分... 科学的情報の可視化にも広く適用される。 RIGHT:&color(gray){&size(9){Wikipedia参照};}; ~ ''インフォグラフィックが効果的な理由'' ~ -脳へ送られる情報の90%が視覚に関するものである -視覚情報は文字より6万倍も速く処理される -40%の人が、文字よりも視覚情報に対して良い反応を起こす -93%のコミュニケーションは非言語である -口頭のみのプレゼンテーションよりも視覚情報を利用したプレ... -人は視覚で得た情報の80%を覚えている&size(10){（「読む」... -インフォグラフィックはテキストの記事よりも30倍程度多く読... RIGHT:&color(gray){&size(9){参照：[[Market Domination Med... ~ ~ ~ **&color(#0094A1){2023.6.5}; ~ ***ビジュアルの再検討 ~ ''キャラクターのブラッシュアップ2'' ~ #image(motion_test01.gif) #image(motion_test02.gif) #image(motion_test03.gif) ~ illustratorで作成したキャラクターを動かしてみる。 実際に動かしてみて、角は２つあったほうがキャラクターが愛... ~ ~ ~ **&color(#0094A1){2023.6.2}; ~ ***ビジュアルの再検討 ~ ''キャラクターのブラッシュアップ'' ~ |30|3|30|3|30|c |#image(sk_01.jpg)| |#image(sk_02.jpg)| |#image(sk_03.jpg)| ~ スケッチをもとに、illustratorでキャラクターを作成した。 3案×3バリエーションの9つを試作した。 ~ ~ ~ **&color(#0094A1){2023.5.31}; ~ ***ビジュアルの再検討 ~ ''キャラクターのアイデアスケッチ'' ~ |37|3|60|c |#image(idea.jpg)| |#image(idea02.jpg)| ~ 前回のキャラクターのブラッシュアップ案を考えた。 ~ ~ ~ **&color(#0094A1){2023.5.18}; ~ ***先行事例 ~ |50|3|50|c |#youtube(3r0kX-bmGmY)| |#youtube(hCYT_yowJPE)| |&size(8){CalorieMate commercial from Japan};| |&size(8){... ~ |50|3|50|c |#youtube(VYQCyYwoQas)| |#youtube(nZIGast6bUw)| |&size(8){3分で分かるワールドコーポレーション};| |&size(8... ~ |50|3|50|c |#youtube(4pLdC7rMRAE)| |#youtube(vzum2nbhzJ8)| |&size(8){WALLETポイントで賢くお得な生活/au};| |&size(8){... ~ ~ ~ **&color(#0094A1){2023.5.11}; ~ ***ToDoの追加 ~ -情報のリストアップ &size(14){どの情報をどの媒体で扱うかリストを作成する}; -対象者に向けた情報をカテゴリー分けする &size(14){「基礎知識」「HSPさん向け」「非HSPさん向け」の... -ビジュアルの再検討 &size(14){ビジュアルのブラッシュアップをする}; -キャラクター設定を考える &size(14){HSP・HSE・HSS型HSP・HSS型HSEのキャラクターに個... ~ ~ ~ **&color(#0094A1){過去作品}; ~ ***HSPに関する過去作品 ~ 「I'm HSP」[[情報デザイン研究Ⅱ>https://design.kyusan-u.ac... ~ |30|3|30|3|30|c |#youtube(e7hSBE7ZzXE)| |#youtube(ropaFplJvPM)| |#youtube... ~ ~ ~ ~ ~ ~ ~

終了行:
#settableborder(none) //*HSPの情報デザイン研究 #image(top.png) ~ ~ ~ [[プレゼンテーションページ🌱>紀野はるか/myantenna]] ~ ~ ~ **&color(#0094A1){概要}; ***これは何？ //{これは何か・・を簡潔に}; ~ インフォグラフィックスを活用したモーショングラフィックス... 動的なコンテンツを駆使し、SNS・WEBサイトでHSPの情報発信を... ~ ~ ***はじめに ~ 　HSP（Highly Sensitive Person）は、Aron(1996)が提起した... ~ ~ ***背景と目的 //{プロジェクトの背景と目的}; ~ 　近年、HSPに関する一般書籍の出版数が著しく増加した。特に... 　このことから、HSPに関する学術的な情報を正しく発信し、一... ~ ~ ***調査 ~ -目的 インターネット上にある情報と心理学による学術的なHSPについ... ~ -調査方法 ①情報収集に用いられる代表的なツールを使用し情報収集を行う ②論文や心理学者の著作などの学術的な情報源を用いての調査を... ~ -インターネット上でのHSP 単語検索およびハッシュタグ検索を行い、コンテンツ内容のリ... --①Instagram Instagram内のハッシュタグ検索結果では、164万件の投稿（202... 人気投稿欄に表示される20投稿のうち、すべての投稿に情報の... --②X(旧Twitter ) Xでは、日常のつぶやきに加え、HSP同士のコミュニティを広げ... --③Youtube・YouTube short・Tiktok YouTubeでは、HSPあるあるや自身の体験談、HSP診断、HSPの紹... ここでも出典元や参考文献の記載がないものがほとんどである... TikTokやYouTubeショートなどの短い縦型動画では、HSPである... --④webサイト Googleの検索結果一覧では、1ページ内の52記事中、心療内科や... --⑤インターネット上でのHSP調査から HSPに関するコンテンツには、「生きづらさ」に焦点を当てたも... これらのインターネット上の情報を元に、新たな情報コンテン... ~ -学術的なHSP HSPは心理学用語である。心理学研究としてHSPについて書かれ... --①HSPとは HSPは環境感受性という特性がとても高い人たちを表す言葉であ... --②環境感受性とは 環境感受性とは、「ネガティブとポジティブ両方の環境に対す... --③HSP尺度 Aron&Aron(1997)は、SPS（感覚処理感受性）の概念が内向性や... その後、HSP 尺度の邦訳を作成し、信頼性と妥当性を確認し、... したがって、学術的なHSP尺度では「HSPか非HSPか」を「診断」... --④DOES 環境感受性の下位概念にあたる感覚処理感受性（SPS）とは、生... D：情報を深く処理してしまう（Depth of processing） O：刺激を受けやすい（Overstimulated） E：情動反応が強く共感しすぎてしまう（Emotional reactivity... S：周囲の些細な変化に気付いてしまう（Sensitivity to subtl... それぞれの頭文字から「DOSE」と呼ばれる。それぞれが独立し... --⑤学術的なHSPの調査から HSPは環境感受性が相対的に高い人たち（20～35%）を指すラベ... ~ -調査まとめ 現情、インターネット上でみられるHSPコンテンツは、学術的な... インターネット上のHSPに関するコンテンツの多くは、ネガティ... ~ ~ ***コンセプト //{基本的な考え方、枠組み、視点など}; ~ -（１）学術的な説明を取り入れる 現状のHSPコンテンツは、学術的な説明が不足している問題から... -（２）ネガティブなイメージの転換 HSPのネガティブなイメージがインターネット上の発信方法によ... -（３）コンテンツ インターネット上でのHSPコンテンツによって誤解が広まってい... ~ ~ ***成果物の仕様 //{成果物の形式・サイズ・時間尺等}; ~ ''HSP基礎知識編'' +HSPってナニ？ +HSP診断の誤解 +HSPの誤解 ~ #youtube(-dJmAMd9F_8) #youtube(_m7GSRRpXns) #image(tmn03.jpg) [ナレーションPDF]　 %%🔗[[Googleドライブ>https://drive.google.com/file/d/12Wgf... 🔗[[Googleドキュメント__HSP基礎知識編（改訂版）__>https://... ~ ''似顔絵Instagram「◉◉」'' 「◉◉」Instagram🔗__[[@kino__tch>https://www.instagram.com/... 似顔絵とアンテナを紹介するInstagramアカウント -不定期更新 -イベント企画 -100人作成を目標 ~ ''WEB'' #image(webframe.jpg) #image(webdemoa.png) #image(webdemob.png) --概要 --キャラクター紹介 --各SNSに飛ばす //|30|3|30|3|30|c //|#youtube(e7hSBE7ZzXE)| |#youtube(ropaFplJvPM)| |#youtu... ~ ~ ***制作ツール ~ -Illustrator -AfterEffects ~ ~ ~ **&color(#0094A1){プロジェクト管理}; ***スケジュール ~ 🗓️　__[[スプレッドシート>https://docs.google.com/spreadsh... ~ ~ ***ToDo //{やるべきこと（タスク）を箇条書きにします。}; //{完了後は「%%取り消し線%%」あるいは「// コメントアウト... ~ -%%情報のリストアップ%% -%%情報をカテゴリー分けする%% -%%ビジュアルの再検討%% -%%キャラクター設定を考える%% -%%図書館に行って資料集め%% -%%SNSごとの情報のリスト分け%% -%%スケジュールの再設定%% -%%タイトルロゴの再検討%% -%%基礎知識編のスケッチ%% 重要度★★★ -概要作成 -動画制作 -%%色の統一%% 重要度★★ -%%ナレーション収録%% -%%似顔絵肌の色の変更%% -%%Webのワイヤーフレームを作成%% 重要度★ -似顔絵修正・追加 -曲と効果音 重要ではないけどやりたいもの -SNSのワイヤーフレームを作る -イベント企画 ~ //***NotToDo //&color(red){やらないこと：何をするかではなく「何をしな... //&color(red){例：10人以上の会議には出ない。苦手なことは... ~ ~ #hr CENTER:''進捗記録'' //{最新の情報を一番上に記載して下さい（古い記事が下へ沈む... #hr ~ ~ ~ **&color(#0094A1){2023.10.29}; ~ ***調査 モーショングラフィックスの動画を用いたプロモーションの利点 ~ -1. 複雑な情報を分かりやすく伝える モーショングラフィックスは、テキストやイラスト、シンボル... -2. ブランドイメージの向上 ブランドのトーンやスタイルに合わせたグラフィックを動かす... -3. 視聴者の関心を引きやすい 静止画像やテキストだけのプロモーションよりも、動きのある... -4. 感情に訴えかける モーショングラフィックスは音楽や効果音と組み合わせること... -5. SEOやSNSでの効果向上 動画コンテンツは検索エンジンやSNSアルゴリズムでも優遇され... -6. 低コストで柔軟なカスタマイズが可能 実写動画と比較すると、コストを抑えつつ、必要に応じてデザ... ~ ~ ~ **&color(#0094A1){2023.10.29}; ~ ***調査 モーショングラフィックスを活用した動画コンテンツが視聴者... ~ -''1. 注意喚起とエンゲージメントの向上'' ・視覚的な動きやアニメーションを使用することで視聴者の注... ・動画内での動きが視覚的興味を引き起こし、視聴者がより集... ・動きの要素は物語やナレーションに感情的な深みを与え、メ... -''2. 複雑な情報の簡素化'' ・抽象的なアイデアや複雑なデータを視覚的に整理し、分かり... ・グラフや統計などの情報を動的に提示することで、理解が促... ・色や形、レイアウトなどのデザイン要素が情報の解釈を助け... -''3. 感情的共鳴の創出'' ・感情的なつながりを促進するための視覚的メタファーを使用... ・メンタルヘルスの分野でのコミュニケーションに有用 ・カラー心理学やストーリーテリングの技術を組み合わせたモ... -''4. 音響と映像の統合による影響'' ・音声と視覚の統合も視聴者への影響を強める ・効果的な音響設計がモーショングラフィックスの映像と結び... ・マルチメディアの融合が、感情的な反応を引き出すため、視... ~ ~ ~ **&color(#0094A1){2023.10.26}; ~ ***学会発表 ~ 2024年度 日本デザイン学会 第５支部での発表 以下、質疑応答でのコメント~ -動画はどこで閲覧できるか 完成次第、YouTubeやWEBサイトに投稿します。 また、似顔絵を投稿しているInstagramでも同様に動画を投稿す... 年内の投稿を想定しています。~ -広めないというアプローチ方法について 基礎知識編「03.学術的なHSPとのズレ」では、誤った認識が広... HSPに限らず、発信する側が「参考文献や学術的根拠の記載をす... →以下、考察 HSP、ADHDなどの概念が広がっていく理由を__[[ChatGPT>https:... 1. メンタルヘルスへの関心の高まり 2. 多様な個性への理解が進んでいる 3. SNSやインターネットの情報拡散 4. 社会環境の変化によるストレスの増加 5. 適切なサポートへのニーズが高まっている 加えて、自己理解によるアイデンティティの確立なども考えら... 多様な個性を尊重する社会の流れによって、自己理解を通して... 多様化した社会では、自己理解や「自分は何者か」を知りたい... ~ HSPやADHDなどの概念が浸透したデメリットは以下のものが挙げ... 1. 誤った自己診断とそれに伴うリスク 2. レッテル貼りによる自己制限 3. 他者からの理解不足や偏見の助長 4. 医療の重要性が軽視される可能性 5. SNSでの自己診断情報の氾濫と不安の増幅 6. ラベルに依存してしまうことによる自己受容の難しさ 調査同様、誤った理解や偏った解釈が広まっている。信頼性の... ~ ''広めないというアプローチ'' 1. 正確な情報提供と教育の強化 2. 簡易診断ツールや自己診断のリスクの啓発 3. 多面的な自己理解の重要性を強調 本研究にも通づる３点に着目した。 また、「広めないというアプローチ」について重要だと考える... ''2. 簡易診断ツールや自己診断のリスクの啓発''　である。 SNSやウェブ上の簡易診断ツールが誤解を生みやすい原因の一つ... それこそ、適切な支援を受けられないリスクを高め、自己受容... '' 1.自己診断が推奨される背景'' 自己診断の推奨には、「自分のことをよく知り、自分に合った... ''2.自己診断をさせない方が流行を抑えられるか？'' SNSやインターネットで自己診断のツールや情報が身近でなけれ... ~ 結論：正確な情報提供と情報氾濫の啓発 これにより''広めないというアプローチ''になりえるのか？ 多様な個性を尊重する社会では、現実的に難しいのでは… 自論：広がる要素の一つとして、占いや血液型診断のように「... ~ ~ ~ **&color(#0094A1){2023.10.03}; ~ ***動画制作 ~ 02.HSP診断の誤解 #youtube(_m7GSRRpXns) ~ -OPのタイトルコールに複数の声を使用する案 -ナレーションの間隔を狭め、短縮化 ~ ToDo -EDをつくる -文字間の調整 -グラフィックの追加 -サムネイルイメージとの統一 ~ ~ ~ **&color(#0094A1){2023.10.02}; ~ ***フィードバック ~ 九州産業大学学生相談室常勤カウンセラー 臨床心理士　幸地英理子先生に研究概要のフィードバックをい... ~ ''研究内容について'' -講習会などでも、病気・性質等の説明から行い、正確な情報の... -HSP診断の内容のように、スペクトラム（連続分布）として、... ~ ''動画コンテンツについて'' -言葉や専門用語で難しいので、スピードをゆっくりにした方が... -それかもう少し噛み砕いて説明や、理解しやすい表現を用いた... -文字だけではなく、反応例などを入れるとよい ~ ''似顔絵コンテンツについて'' -似顔絵コンテンツを実施することにより、自己理解を行うきっ... -自己理解は自己肯定につながっていく -自分のことを外に出すことで自己理解を深める（カウンセリン... -客観的・俯瞰的に見ることが可能になる ~ ~ ~ **&color(#0094A1){2023.09}; ~ ***サムネイル作成 ~ //|30|0|30|0|30|c |#image(tmn01.jpg)| |#image(tmn02.jpg)| |#image(tmn03.jpg)| ~ YouTubeの動画のサムネイルを作成 ~ ~ ~ **&color(#0094A1){2023.09}; ~ ***研究概要の更新 ~ [[word-研究論文_MyAntenna>https://ksumail-my.sharepoint.c... ~ ~ ~ **&color(#0094A1){2023.09}; ~ ***WEBワイヤーフレーム ~ #image(webframe.jpg) ~ #image(webdemoa.png) #image(webdemob.png) ~ WEBのサイトマップとワイヤーフレームを作成 -TOP（Abuto、アンテナとは） -Movie（基礎知識編の動画コンテンツの紹介） -Character（キャラクターの紹介） -Portraits（Abuto、似顔絵コンテンツの紹介） -Other（参考文献、HSP関係のWEBサイト） ~ ~ ~ **&color(#0094A1){2023.09}; ~ ***動画制作 ~ #youtube(7sQTu24DF6c) ~ 動画コンテをもとに、試作を制作 キャラクターの動きは未完了 ~ 試作から -OPのタイトルコールに複数の声を使用する案 -ナレーションの間隔を狭め、短縮化するか -EDをつくる -文字のモーションはもっと統一すべきか -文字のみの説明にグラフィックを足すべきか ~ ~ ~ **&color(#0094A1){2023.09}; ~ ***カラー統一 ~ 背景 &color(#0086AD){◼️ #0086AD}; &color(#FF6BAF){◼️ #ff6baf}; &color(#FFEF60){◼️ #ffef60};... &color(#51D1FF){◼️ #51ddff}; &color(#FF9959){◼️ #ff9969};... ~ ~ ~ **&color(#0094A1){2023.08}; ~ ***BGM検討 ~ -ポップ -教育・教養的 -リズミカル の要素を持ったBGMを検討し、以下候補 ~ -https://artlist.io/royalty-free-music/song/bubbles/125236 -https://artlist.io/royalty-free-music/song/the-cycle-con... -https://artlist.io/royalty-free-music/song/brand-new-toy... ~ -https://artlist.io/royalty-free-music/song/bubbles/125236 を仮採用 少し幼すぎる印象があるので、継続的に検討する ~ ~ ~ **&color(#0094A1){2023.08}; ~ ***ナレーション収録 ~ 友人に協力を得て、ナレーション収録を行った ~ Googleドキュメント[[__HSP基礎知識編　内容（改訂版）__>htt... ~ ~ ~ **&color(#0094A1){2023.07}; ~ ***似顔絵ビジュアルの再検討 ~ 動画コンテンツのキャラクターと似顔絵アバターの統一を検討 動画コンテンツに寄せた似顔絵アバターを再作成した ~ #image(port_re.png) ~ -肌の色を変更 -目の調整 -アンテナの形を変更 -色の調整 ~ アンテナの形は揃えていく方向 肌の色を変更したことで、不気味な印象が出るので要検討 ~ ~ ~ **&color(#0094A1){2023.06.6}; ~ ***動画絵コンテ ~ //|15|0|15|0|15|0|15|0|15|0|15|c |#image(03a.jpg)| |#image(03b.jpg)| |#image(03c.jpg)| |#i... ~ 03 | 学術的なHSPのズレ　の絵コンテを作成 ~ ~ ~ **&color(#0094A1){2023.07.08}; ~ #youtube(G4dcEi5Eyl8) ~ ***動画絵コンテ作成 ~ ~ 01 | HSPって何？の動画のブラッシュアップ ~ -テクスチャの追加 -文字モーションの修正 -トランジションの追加 -文字間の調整 -フォントの変更 ~ ブラッシュアップ動画の改善点 -トランジションの種類と場所の再検討 -似顔絵コンテンツとの調和性をどう持たせるか -タイトルロゴの変更を行う ~ ~ ~ **&color(#0094A1){2023.07.06}; ~ ***フォントの再検討 ~ ~ #image(font.png) ~ 角ばった英字フォントとA1ゴシック親和性・A1ゴシックとコン... ~ -日本語フォント　モボフォント -英字フォント　Citrine Pro（モリサワ） ~ ~ ~ **&color(#0094A1){2023.06.14}; ~ ***動画絵コンテ作成 ~ ~ //|20|0|20|0|20|0|20|0|20|c |#image(conte01b.jpg)| |#image(conte01c.jpg)| |#image(con... ~ 基礎知識編　02｜HSP診断の誤解の絵コンテを作成 ~ ~ ~ **&color(#0094A1){2023.06.10}; ~ ***動画コンテ作成 ~ ~ #youtube(DpxVCVXIFk8) ~ 絵コンテからナレーションをつけた動画コンテを作成 動画コンテを作成するにあたって、内容と絵コンテを修正 ~ ~ //|20|0|20|0|20|0|20|0|20|c |#image(conte01b.jpg)| |#image(conte02b.jpg)| |#image(con... ~ ~ ~ **&color(#0094A1){2023.06.6}; ~ ***動画絵コンテ ~ //|20|0|20|0|20|0|20|0|20c |#image(conte01.jpg)| |#image(conte02.jpg)| |#image(conte... ~ ラフスケッチを元に、絵コンテを作成 ~ ~ ~ **&color(#0094A1){2023.05.27}; ~ ***動画コンテンツの内容の修正 ~ Googleドキュメント[[__HSP基礎知識編　内容（改訂版）__>htt... ~ コンテンツの仕様を以下に変更 ~ ''HSP基礎知識編'' ~ +HSPってナニ？ +HSP診断の誤解 +HSPの誤解 ~ ~ ~ **&color(#0094A1){2023.05.19}; ~ ***OP試作3 ~ #image(OPtest.gif) ~ 👀瞬き　→　タイトル　→　アイコンと副題　→　カットイン モーションをつけて試作。（8秒） ~ ~ ~ **&color(#0094A1){2023.05.01}; ~ ***OP試作 ~ #image(idea01.jpg) ~ OP案のスケッチ。 👀瞬き　→　タイトル　→　アイコンと副題　→　カットイン ~ 試作にあたって -タイトルの動きを試作してみる -最初のインを👀の瞬き or アンテナの揺れにするか ~ ~ ***タイトルのモーション試作 ~ |49|1|49|c |#image(title1.gif)| |#image(title2.gif)| |#image(title3.gif)| |#image(title4.gif)| ~ -1（左上）　横からスライド 味気ない -2（右上）　拡大イン　 文字間が狭いので窮屈 -3（左下）　あちこちから スタイリッシュ、コンセプトに不一致？ -4（右下）　バウンドイン かわいい ~ ~ ***OP試作2 ~ #image(title5.gif) ~ 試作から1と4を合体させた5を作成してみた ポップさと可愛さがあり、コンセプに近い ~ ~ ~ **&color(#0094A1){2023.05.01}; ~ ***調査 ~ -目的 インターネット上でHSPに関するネガティブな情報が広く拡散さ... ~ ~ -調査方法 ①Instagram、X（旧Twitter）、YouTube・YouTube shortやTikTo... ②論文や心理学者の著作などの学術的な情報源を用いての調査を... ~ ~ -インターネット上でのHSP 現在、インターネット上で発信されているHSP情報とコンテンツ... ~ --①Instagram Instagram内のハッシュタグの検索結果では、164万件の投稿（2... ~ --②X(旧Twitter ) Xでは、HSPであることに関する悩みや、HSPの人々へのアドバイ... ~ --③Youtube・YouTube short・Tiktok YouTubeでは、自身がHSPであることについて話す内容や、HSPな... 同様に、TikTokやYouTubeショートなどの短い縦型動画でも、HS... ~ --④webサイト Googleの検索結果一覧では、1ページ内の52記事中、心療内科や... ~ ~ -学術的なHSP HSPは心理学用語である。心理学用語からみたHSPについて論文... ~ --①HSPとは HSPとは、アメリカの心理学者エレイン・アーロン博士が提唱し... ~ --②HSP尺度 Aron&Aron(1997)は、SPS（感覚処理感受性）の概念が内向性や... 尺度(Highly Sensitive Person Scale)を開発した。 その後、HSP 尺度の邦訳を作成し、信頼性と妥当性を確認し修... ~ --③DOES 周囲からの刺激に過敏に反応してしまう感覚処理感受性（SPS）... D：情報を深く処理してしまう（Depth of processing） O：刺激を受けやすい（Overstimulated） E：情動反応が強く共感しすぎてしまう（Emotional reactivity... S：周囲の些細な変化に気付いてしまう（Sensitivity to subtl... という特徴を呈しており、頭文字をとったDOES（ダズ）と呼ば... ~ ~ -調査結果 調査から、SNSで発信されている情報と学術的なHSPに関する研... の情報が不十分であり、更新されていないことから、誤ったHSP... ~ ~ ~ **&color(#0094A1){2023.12.19}; ~ ***アンケート調査 ~ %%Google Forms　__[[📝アンケート調査>https://forms.gle/vkR... ~ %%HSPが世間にどのような印象を持たれているか、その原因につ... ~ ~ ~ **&color(#0094A1){2023.12.14}; ~ 概要（途中）__[[word>https://ksumail-my.sharepoint.com/:w... ~ ~ ~ **&color(#0094A1){2023.12.14}; ~ ***今後のスケジュール ~ 🗓️　__[[スプレッドシート>https://docs.google.com/spreadsh... ~ -1月15日までに動画構成案の作成 -2月29日までに基礎知識編の動画制作 - ~ ~ ~ **&color(#0094A1){2023.12.13}; ~ ***MyAntennaタイトルロゴ試作 ~ #image(myantenna_logo.jpg) ~ タイトルロゴ -font：Seravek - medium（スムース化で角を丸く） -A1ゴシック シンボルマーク、アイコンは未定 副題として「あなただけの敏感で繊細な感受性」を設定 「My Antenna」に込めた意味を副題に入れることで分かりやす... 「敏感」「繊細」という言葉を使用することでHSP情報であると... ~ ~ ~ **&color(#0094A1){2023.12.11}; ~ ***イベント企画の検討 ~ |45|3|43|c |#image(insta.jpg)| |#image(instb.jpg)| ~ 「◉◉」[[@kino__tch>https://www.instagram.com/kino__tch/]] 似顔絵とアンテナを紹介するInstagramアカウント とMyAntennaを結びつけた展示イベントを企画したい ~ -イベント日時 --未定 -展示会場 --未定 -展示内容 --Instagramに投稿している似顔絵をアンテナと共に展示 --来客者のアンテナをリアルタイムで展示 --来客者の似顔絵を作成する -展示方法 --プロジェクションマッピングを使用した映像 -グッズ販売 --MyAntennaのグッズを制作する --NFT、ネット販売等 ~ ~ ~ **&color(#0094A1){2023.12.08}; ~ ***成果物の修正 ~ ''HSP基礎知識編'' +HSPってナニ？ +HSP診断の誤解 +HSPは生きづらい？ +HSPの誤解 [ナレーションPDF]　 🔗[[Googleドライブ>https://drive.google.com/file/d/12WgfQb... ~ ''アンテナ編'' +道端の小さな花や生き物を見つけること +猫の顔を覚える +風向きに敏感 +雲の匂いで季節のうつろいを察知 +隠し味を当てる +その人特有のクセを見つけるのが得意 +足音で人物を特定 +相手が学生時代にやっていた部活を当てる +人の香水が変わったらすぐに気づく +美味しいパン屋さんを見つけること ~ ''似顔絵Instagram「◉◉」'' 「◉◉」[[@kino__tch>https://www.instagram.com/kino__tch/]] 似顔絵とアンテナを紹介するInstagramアカウント -不定期更新 -イベント企画 -100人作成を目標 ~ ''全体のコンテンツとして'' -縦動画 ( ~1分以内 ) --YouTube short --TikTok --Instagramリール -横動画 ( ~2分程度 ) --YouTube --X -WEB --概要 --キャラクター紹介 --各SNSに飛ばす ~ ~ ~ **&color(#0094A1){2023.12.07}; ~ ***logoの検討 ~ |45|3|50|c |#image(logo.jpg)| |#image(logob.jpg)| ~ タイトルロゴの試作 font：Seravek - medium（スムース化で角を丸く） ~ ''タイトルロゴの要素案'' -アンテナ -個々の色(カラフルさ) -副題 ~ ~ ~ **&color(#0094A1){2023.11.30}; ~ ***シンボルマークの検討 ~ #image(mark.jpg) ~ ロゴと並行してシンボルマークの作成を検討中 上段　-キャラの要素を取り入れた 中段　-アンテナに注目した 下段　-カラフルさを取り入れた ~ ''シンボルマークの要素案'' -アンテナ -個々の色(カラフルさ) -お花 -目 -SNSアイコン用の丸い形 ~ ~ ~ **&color(#0094A1){2023.11.30}; ~ ***アンテナ紹介編の場所スケッチ ~ |30|3|30|3|30|c |#image(locaa.png)| |#image(locab.png)| |#image(locac.png)| |CAFF店内| |街中| |図書館| ~ ~ ~ **&color(#0094A1){2023.11.29}; ~ ***アンテナ紹介編のリスト化 ~ 🔗[[スプレッドシート>https://docs.google.com/spreadsheets/... ~ ~ ~ **&color(#0094A1){2023.11.23}; ~ ***ナレーション文の作成 ~ ''HSP基礎知識編'' ~ 🔗PDF [[HSP基礎知識編>https://drive.google.com/file/d/17Sw... 🔗PDF [[HSP基礎知識編(省略化)>https://drive.google.com/fil... ~ 以下、ナレーション分の作成において変更した点 ~ -③DOES、⑦心理学からみたHSP二つの項目を削除 -ナレーションの長さを加味し、内容を合同させた省略化版の作成 --HSPってナニ？ --HSPは生きづらい？ --HSPの誤解 ~ ~ ナレーション動画時間 ~ HSP基礎知識編 ~ [[🔈①HSPってナニ？>https://drive.google.com/file/d/1iusa_K... [[🔈②環境感受性とは？>https://drive.google.com/file/d/1FSQ... [[🔈③HSPと非HSP>https://drive.google.com/file/d/1DUH8MZUOi... [[🔈④HSPは生きづらい？>https://drive.google.com/file/d/1di... [[🔈⑤HSPの誤解>https://drive.google.com/file/d/1JhrTSJBvaw... ~ HSP基礎知識編(省略化) ~ [[🔈①HSPってナニ？>https://drive.google.com/file/d/1iusa_K... [[🔈②HSPは生きづらい？>https://drive.google.com/file/d/1di... [[🔈③HSPの誤解>https://drive.google.com/file/d/1JhrTSJBvaw... ~ ~ ~ **&color(#0094A1){2023.11.22}; ~ ***場所設定 ~ アンテナ紹介編で使用する場所を設定 ~ -足音で人物を特定 --人物が後ろから登場できる場所 --部屋の扉を開けて登場 --階段を登る音の方が分かりやすいか？ -声のトーンで人の気持ちを変化を察知 --未定 --キャラが声を出さないといけない -道端の小さな花や生き物を見つけること --人や車が多く行き交う街中 --コンクリート(レンガ)歩道に咲くお花を見つける -人の香水が変わったらすぐに気づく --未定 -雲の匂いで季節のうつろいを察知 --街中を歩いている --匂いで木の葉っぱが一枚赤くなっているのに気づく -温度の変化に敏感 --未定 -友達の新しい服や靴に気づける --未定 -水の味の違いが分かる --未定 -その人特有のクセを見つけるのが得意 --大学の講義中 --教壇に立つ先生の癖に気づく --隣に座る友達の癖に気づく -光に敏感 --太陽が照りつけるビーチ --窓の外が曇り --夜の街中 --いずれもサングラスをかける -隠し味を当てる --レストランなどの --隠し味が当たっているかの確認をどう表現するか --食卓で会話形式にする -猫の顔を覚える --公園 --複数の野良猫に懐かれている -美味しいパン屋さんを見つけること --店が並ぶ街中 --何もない裏路地から匂いを辿ってパン屋に辿り着くなど -相手が学生時代にやっていた部活を当てる --未定 -風向きに敏感 --ゴルフ場 ~ ~ ~ **&color(#0094A1){2023.11.16}; ~ ***絵コンテ ~ ''アンテナ紹介編(縦動画)'' ~ |20|2|20|2|20|2|20|c |#image(h_skea.jpg)| |#image(h_skeb.jpg)| |#image(h_skec.... ~ アンテナ紹介編 | 足音で人物を特定の絵コンテを作成 そこから動画を組み立ててみた #youtube(0PyXvqZFmyg?feature=share) ~ 動画時間　00:39 -アンテナ紹介編にHSPの話をするか -つなぎ(EDに繋げる)の部分をどうするか ~ ~ ~ **&color(#0094A1){2023.10.26}; ~ ***コンテンツリスト ~ ''HSP基礎知識編'' ~ +HSPってナニ？ --Highly Sensitive Personの略 --この言葉はエレイン・アーロン博士が提唱 --HSP=環境感受性が高い人のラベル +環境感受性 --ポジティブとネガティブの両方の環境からの影響の受けやす... --環境からの影響の受けやすさは同じじゃない --影響に対して同じ反応をするわけではない --誰もが持っている特性 +DOES --A&A夫婦が提唱 --感覚処理感受性とは、環境の刺激に対する敏感さを表す特性 --D(Depth of Processing):環境刺激に対する深い処理&br;O(Ov... +HSPは生きづらい? --良くも悪くも影響を受けやすい(ポジ環境からポジ・ネガ環境... --良い特性でも悪い特性でもない、ニュートラルな特性 --HSP＝生きづらいは❌ --環境で生きづらくも、生きやすくもある +HSPと非HSP --環境感受性は誰もが持つ特性 --非HSPには感受性がないというのは❌ --感受性はグラデーションになっている --点数で決められているものではなく、診断するものでもない +HSPの誤解 --◯◯型HSP ---学術ではタイプ別に呼んだり区別したりしない ---タイプに当てはまるHSPはいるけど、囚われすぎないように... --HSPはうつ病になりやすい ---うつ病は脳の慢性炎症、HSPは気質 ---ネガティブな環境からストレスを受けやすい ---自己判断は適切な支援につながらない --HSPを使った悪徳ビジネス ---HSPは病気ではなく気質 ---ネットのHSP診断・まとめサイトを信じすぎない +心理学から見たHSP --みんな感受性を持っている、平均より高い人をHSPというラベ... --感受性はグラデーションであり、境界線はない --HSPは生きづらい、自己肯定感が低い、というのは環境のせい... --感受性の高低を花で例える ---低い：どのような環境下でも力強く咲く ---平均：ある程度の環境があれば綺麗に咲く ---高い：環境に気を使うことで美しく咲く&br;適した環境でみ... ~ ''アンテナ編'' ~ -足音で人物を特定 -声のトーンで人の気持ちを変化を察知 -道端の小さな花や生き物を見つけること -人の香水が変わったらすぐに気づく -雲の匂いで季節のうつろいを察知 -温度の変化に敏感 -友達の新しい服や靴に気づける -水の味の違いが分かる -その人特有のクセを見つけるのが得意 -光に敏感 -隠し味を当てる -猫の顔を覚える -美味しいパン屋さんを見つけること -相手が学生時代にやっていた部活を当てる -風向きに敏感 ~ ''全体のコンテンツとして'' ~ -縦動画 ( ~1分以内 ) --YouTube short --TikTok --Instagramリール -横動画 ( ~3分程度 ) --YouTube --X -WEB --概要 --キャラクター紹介 --各SNSに飛ばす ~ ~ ~ **&color(#0094A1){2023.10.12}; ~ ***ビジュアルの再検討 ~ ''キャラクターのブラッシュアップ'' ~ |30|3|30|3|30|c |#image(orchan.png)| |#image(tuli.png)| |#image(popo.png)| |#image(kid.png)| |#image(lip.png)| |#image(tan.png)| ~ 感受性の高い・平均的・低い人たちを花の「蘭」「チューリッ... に例えることから、それぞれの花をモチーフにしたキャラクタ... 現状、女の子のキャラクターのみだったので、男の子を作成し... 男の子のキャラクターも、感受性の高い・平均的・低い人たち... ~ ~ ~ **&color(#0094A1){2023.10.05}; ~ ***スケジュールの作成 ~ 🗓️ [[研究スケジュール>https://docs.google.com/spreadsheet... ~ ~ ~ **&color(#0094A1){2023.9.27}; ~ ***名前の再検討 ~ ''My Antenna'' #image(myantenna.jpg) ※logoはまだ検討中 ~ 「I'm HSP」の問題点 -HSPに焦点を合わせ過ぎるタイトルではないか -他のHSPコンテンツとの区別があまりない -研究の目的に合わないのではないか ~ 「My antenna」 -コンセプトの「自分の個性を認める」「アンテナを共有する」... -キャラクターのアンテナと相応している -アンテナを焦点に当てることで、他のHSPコンテンツとの区別... ~ ~ ~ **&color(#0094A1){2023.9.20}; ~ ***ビジュアルの再検討 ~ ''キャラクターのブラッシュアップ'' ~ |30|3|30|3|30|c |#image(ran.png)| |#image(tuli.png)| |#image(popo.png)| ~ 感受性の高い・平均的・低い人たちを花の「蘭」「チューリッ... に例えることから、それぞれの花をモチーフにしたキャラクタ... ~ ~ |48|3|48|c |#image(dose.png)| |#image(dose2.png)| ~ HSPとされる4つの基準の頭文字をとって「DOSE」と呼ばれるこ... それぞれのキャラクターを作成してみた。 ~ ~ ~ **&color(#0094A1){2023.9.20}; ~ ***目的の再検討 ~ ''HSPのPR　から　ニュートラルな特性の認知'' 　しかし、このようなHSPの概念が広まりつつある一方で、SNS... ~ ~ ~ **&color(#0094A1){2023.06.07}; ~ ***インフォグラフィックについての調査 ~ ''インフォグラフィックとは'' ~ 情報、データ、知識を視覚的に表現したものである。 インフォグラフィックは情報を素早く簡単に表現したい場面で... また、計算機科学や数学、統計学においても、概念的情報を分... 科学的情報の可視化にも広く適用される。 RIGHT:&color(gray){&size(9){Wikipedia参照};}; ~ ''インフォグラフィックが効果的な理由'' ~ -脳へ送られる情報の90%が視覚に関するものである -視覚情報は文字より6万倍も速く処理される -40%の人が、文字よりも視覚情報に対して良い反応を起こす -93%のコミュニケーションは非言語である -口頭のみのプレゼンテーションよりも視覚情報を利用したプレ... -人は視覚で得た情報の80%を覚えている&size(10){（「読む」... -インフォグラフィックはテキストの記事よりも30倍程度多く読... RIGHT:&color(gray){&size(9){参照：[[Market Domination Med... ~ ~ ~ **&color(#0094A1){2023.6.5}; ~ ***ビジュアルの再検討 ~ ''キャラクターのブラッシュアップ2'' ~ #image(motion_test01.gif) #image(motion_test02.gif) #image(motion_test03.gif) ~ illustratorで作成したキャラクターを動かしてみる。 実際に動かしてみて、角は２つあったほうがキャラクターが愛... ~ ~ ~ **&color(#0094A1){2023.6.2}; ~ ***ビジュアルの再検討 ~ ''キャラクターのブラッシュアップ'' ~ |30|3|30|3|30|c |#image(sk_01.jpg)| |#image(sk_02.jpg)| |#image(sk_03.jpg)| ~ スケッチをもとに、illustratorでキャラクターを作成した。 3案×3バリエーションの9つを試作した。 ~ ~ ~ **&color(#0094A1){2023.5.31}; ~ ***ビジュアルの再検討 ~ ''キャラクターのアイデアスケッチ'' ~ |37|3|60|c |#image(idea.jpg)| |#image(idea02.jpg)| ~ 前回のキャラクターのブラッシュアップ案を考えた。 ~ ~ ~ **&color(#0094A1){2023.5.18}; ~ ***先行事例 ~ |50|3|50|c |#youtube(3r0kX-bmGmY)| |#youtube(hCYT_yowJPE)| |&size(8){CalorieMate commercial from Japan};| |&size(8){... ~ |50|3|50|c |#youtube(VYQCyYwoQas)| |#youtube(nZIGast6bUw)| |&size(8){3分で分かるワールドコーポレーション};| |&size(8... ~ |50|3|50|c |#youtube(4pLdC7rMRAE)| |#youtube(vzum2nbhzJ8)| |&size(8){WALLETポイントで賢くお得な生活/au};| |&size(8){... ~ ~ ~ **&color(#0094A1){2023.5.11}; ~ ***ToDoの追加 ~ -情報のリストアップ &size(14){どの情報をどの媒体で扱うかリストを作成する}; -対象者に向けた情報をカテゴリー分けする &size(14){「基礎知識」「HSPさん向け」「非HSPさん向け」の... -ビジュアルの再検討 &size(14){ビジュアルのブラッシュアップをする}; -キャラクター設定を考える &size(14){HSP・HSE・HSS型HSP・HSS型HSEのキャラクターに個... ~ ~ ~ **&color(#0094A1){過去作品}; ~ ***HSPに関する過去作品 ~ 「I'm HSP」[[情報デザイン研究Ⅱ>https://design.kyusan-u.ac... ~ |30|3|30|3|30|c |#youtube(e7hSBE7ZzXE)| |#youtube(ropaFplJvPM)| |#youtube... ~ ~ ~ ~ ~ ~ ~

ページ名: