#author("2024-12-09T10:20:14+09:00","default:member","member") #author("2024-12-16T09:16:46+09:00;2024-12-09T10:20:14+09:00","default:member","member") *絵本時間 絵本を紹介するWebサイト #image(情報デザイン研究Ⅱサイト.jpg) -''Saki Miyaji'' -'''Keywords：Picture book, Website, KSU Library''' -https://skmyj.github.io/library_site/ -[[概要集>https://drive.google.com/file/d/1SBhkKzp-LslmSc-_VvTlFSpIEoZJ3Rcy/view?usp=sharing]] //-__[[相互評価シート>https://www.example.com]]__ ← ここからコメントをお願いします。 ~ //***CONTENTS //#contents2_1 //~ **概要 ***これは何？ //&color(red){これは何か・・を簡潔に}; 絵本を紹介するWebサイト ~ ***背景と目的 //&color(red){プロジェクトの背景と目的}; 子どもの頃読んだ、絵本。しかし、絵本は子どもが読む本というだけではない、大人も楽しめる様々な魅力があると考えた。 この研究を通して、大人になって絵本に触れる機会を提供することを目指す。 ~ ***コンセプト //&color(red){基本的な考え方、枠組み、視点など}; 絵本から離れてしまった10代後半から20代の学生に向けて、九産大図書館に蔵書されている約6000冊の絵本の中から、今読んでも面白い、子どもの頃とは違った感じ方ができる絵本を紹介するWebサイトの制作を行う。 ~ ***成果物の仕様 //&color(red){&small(成果物の形式・サイズ・時間尺等);}; -[[Webサイト>https://skmyj.github.io/library_site/]] -[[概要集>https://drive.google.com/file/d/1SBhkKzp-LslmSc-_VvTlFSpIEoZJ3Rcy/view?usp=sharing]] //-サイトマップ、ワイヤーフレーム //|#image(サイトマップ改.png)|#image(ワイヤーフレーム改.png)| ~ //***メンバー //&color(red){共同プロジェクトの場合のみ｜メンバーと役割分担を明記}; ~ ***制作ツール //&color(red){使用するツール｜ハードウエア・ソフトウエア}; -illustrator -photoshop -HTML -CSS -Javascript ~ ***プロジェクトの期間 2024.09.16 - 2024.12.22 -情報デザイン研究Ⅱ Webサイト制作 //-卒業研究 //Webサイト完成、Instagramでの発信、図書館での展示 //&color(red){プロジェクトの期間｜20XX.XX.XX - 20XX.XX.XX }; ~ ***まとめ //&color(red){プロジェクトが完結したら「まとめ」を記載して下さい。}; ・九産大図書館に蔵書されている絵本に絞り、10代後半から20代の学生をターゲットにしたサイトを制作することができた。 ・実際の絵本コーナーの写真をメイン画像にすることで、サイトを見た人が、実際に館内で読むイメージを与えることができた。 ・紹介されている絵本に、図書館のOPACのリンクをつけることで、実際に図書館に行って絵本を手に取る流れをサイト内で表現することができた。 ~ ~ **調査 ***現状調査 //&color(red){プロジェクトのテーマに関わる社会の現状と問題の洗い出し}; -[[文字のない絵本展>https://libwww2.kyusan-u.ac.jp/news/002632.html]] -[[文字のない絵本の効果>https://kinarino.jp/cat7/43206]] -[[絵本ナビ 絵本の魅力って何？>https://www.ehonnavi.net/about/picturebooks.asp?srsltid=AfmBOoqR5GBklUUWeCRWTtYaiorifXO8wE_lmEhBpQDn9fh4Ok1BOQ7N]] ~ ***先行事例 //&color(red){プロジェクトのテーマに該当する先行事例の紹介、傾向分析など}; -[[福音館書店>https://www.fukuinkan.co.jp]] -[[絵本カフェ測量船>https://ehoncafe.com]] -[[ニジノ絵本屋>http://nijinoehonya.shop]] ~ ***技法・技術情報 //&color(red){プロジェクトの遂行に必要な技法・技術に関する調査}; -figureを使った表示 ~ ~ **プロジェクト管理 ***スケジュール //&color(red){計画的な遂行のために、進行管理表を作成してリンクして下さい。}; -[[スケジュール表（後期）>https://docs.google.com/spreadsheets/d/1kUz-71uxLX2E0JRzL1Jgbn_nHUx9VGqebcI8Mbxvp_o/edit?usp=sharing]] ~ ***ToDo //&color(red){やるべきこと（タスク）を箇条書きにします。}; //&color(red){完了後は「%%取り消し線%%」あるいは「// コメントアウト」」}; -%%絵本についての勉強%% --%%絵本の種類%% %%[[絵本の種類_資料>https://drive.google.com/drive/folders/1rKLDtTnoAHAYxec0L8vHifVfA5LMVpxp?usp=drive_link]]%% --%%絵本を読む%% -サイト制作 --%%サイトマップ%% --%%ワイヤーフレーム%% //***NotToDo //&color(red){やらないこと：何をするかではなく「何をしないか」を考える}; ~ ~ #hr CENTER:''進捗記録'' //&color(red){最新の情報を一番上に記載して下さい（古い記事が下へ沈む）。}; #hr ~ ~ **2024.12.16 最終発表を聞いた。 -作業 --サイトのブラッシュアップ --概要集のブラッシュアップ ~ ~ **2024.12.09 最終発表を行なった。 -講評 --井上先生 ・図書館の図面を入れる。 絵本がどこにあるかはOPACを見れば確認できるが、 絵本コーナーがどこにあるのかの場所がわかるといい。 ・サイト内に自己紹介 誰がセレクトした絵本なのか、管理者情報が必要。 --永嶋先生 ・文字の行間コントロール コメントと絵本情報の違いがわかるように間隔でまとまりをつくる。 ・自分の情報 10冊を選んだ理由がわかる様に、コメントを書いた自分の情報を載せる。 --岩田先生 ・サイトの雰囲気 絵本の紹介をまとめたサイトだが、さらっと淡白に見えるので、 絵本の世界に飛び込んだみたいなワンポイントがあるといい。 ・絵本の詳細 基本情報がまとめられているだけなので、1冊1冊を丁寧に書く。 なんでこの絵本がおすすめなのか、もう少し情報が欲しい。 -今後の流れ 最終的な作品提出日にむけて、サイトのブラッシュアップを行う ~ ~ **2024.12.02 -サイト制作 --レスポンシブ対応 --コメント記載 --サイト内の配置（ブラッシュアップ） -概要集 --先生チェック --作成、修正 -発表準備 ~ ~ **2024.11.25 -サイトマップ、ワイヤーフレーム 改 |#image(サイトマップ改.png)|#image(ワイヤーフレーム改.png)| -サイト制作 --絵本の種類をまとめたブロックをなくし、絵本の紹介に振り切る。 --九産大図書館に蔵書されている絵本の中から10冊サイトに表示。 --著作権について [[福音館書店>https://www.fukuinkan.co.jp/copyright.html]] →この中から、申請不要の作家さんたちの作品を選出。 -概要集作成 -図書館写真撮影（許可取り済） ~ ~ **2024.11.18 ***制作 -サイト制作 -概要集制作 ~ ~ **2024.11.11 ***制作 -サイト制作 ~ ~ **2024.10.28 ***中間発表続き ~ ***制作 -絵本のページレイアウト --絵本の楽しみ方（絵本の種類） --載せる絵本（6冊） 旅の絵本シリーズ こんとあき 翻訳できない世界のことば ラチとらいおん りんごかもしれない -サイト制作 ~ ~ **2024.10.21 ***中間発表 -早急に絵本の紹介ページをどう記載するか形にする。 ~ ***調査 -各絵本出版社の著作権利用について --[[福音館書店>https://www.fukuinkan.co.jp/copyright.html]] --[[フレーベル館>https://www.froebel-kan.co.jp/copyright]] --[[ポプラ社>https://www.poplar.co.jp/copyright/]] --[[偕成社>https://www.kaiseisha.co.jp/information/copyrights]] --[[童心社>https://www.doshinsha.co.jp/company/guideline.php]] --[[岩崎書店>https://www.iwasakishoten.co.jp/news/n10454.html]] --[[教育画劇>http://kyouikugageki.co.jp/copyright/index.html]] --[[金の星社>https://www.kinnohoshi.co.jp/copyright/]] ~ ***制作 -サイト制作 ~ **2024.10.14 ***制作 -参考サイトデザイン --[[森の企画室>https://kikaku.yamatowa.co.jp/about]] --[[僕と私と株式会社>https://boku-to-watashi-and.com]] --[[絵本翻訳コンクールサイト>https://e.kobe-c.ac.jp/translation_competition/]] --[[Pinterest>https://jp.pinterest.com/miyamiya384saki/情報デザイン研究iiサイトデザイン集/]] -サイトマップ #image(サイトマップ.png,50%) -ワイヤーフレーム #image(ワイヤーフレーム.png,50%) ~ ***図書館での作業 -絵本についての勉強 [[絵本の種類_資料>https://drive.google.com/drive/folders/1rKLDtTnoAHAYxec0L8vHifVfA5LMVpxp?usp=drive_link]] --絵本の事典 --日本の絵本史 ~ ***検討内容 岩田先生より↓ -サイト（HTML or WordPress？） --HTML…シングルページのまま、発信はSNSに振り切る --WordPress …情報の追加、更新がしやすい。 -絵本の紹介方法 --6000冊全て…サイトの充実になる。SNS発信よりサイトがおすすめ --何冊か選ぶ…誰のセレクトで何冊？ 私or司書or図書館アルバイターor司書課程受講者？10冊？おすすめTOP10とか？ →永嶋先生との話し合いの結果…HTMLに決定★ 卒業研究でWordPressに移行し、サイトの充実とSNSの発信を行う （WordPressのテーマとして活かせるかもしれない） ~ ~ **2024.10.07 ***先行事例 -[[名嘉はな/卒業研究>名嘉はな/卒業研究]] -[[絵本カフェ測量船>https://ehoncafe.com]] -[[ニジノ絵本屋>http://nijinoehonya.shop]] →九産大図書館にある絵本の中から大人が読んでも楽しめる絵本をセレクトするのはどうか？ ~ ***調査 -[[絵本学会>https://ehongakkai.com]] -[[なぜ今絵本が大人の心に刺さるのか>https://bunshun.jp/articles/-/41368]] -[[絵本のある暮らし 月刊MOE>https://www.moe-web.jp]] -[[EHON HOTEL>https://ehonhotel.jp]] -[[絵本は大人も楽しめるアート>https://www.3l-museum.com/column/learn/l0011/]] -[[絵本ナビ 絵本の魅力って何？>https://www.ehonnavi.net/about/picturebooks.asp?srsltid=AfmBOoqR5GBklUUWeCRWTtYaiorifXO8wE_lmEhBpQDn9fh4Ok1BOQ7N]] -[[絵本が持つ「力」を信じて>https://www.nhk.or.jp/fukuoka/lreport/article/001/78/]] -[[大人向け絵本のおすすめランキング>https://ranking.goo.ne.jp/select/20395#headline_14256089]] ~ ***図書館での作業 -絵本についての勉強 --絵本の事典 --日本の絵本史 //|#image(資料1.png,center,50%)|#image(資料.png,center,50%)| ~ ***絵本の種類 ◉…図書館にある絵本 -大型絵本 -しかけ絵本 --カラーモンスター / アナレナス ◉ -サイレントブックス --アンジュール / ガブリエル・バンサン ◉ --イエローバタフライ / オレクサンドル・シャトヒン ◉ -デジタル絵本 -アート絵本 -写真絵本 -ブックスタート ~ ***新しく読んだ絵本 //はかれないものをはかる ◉ -木のうた ◉ -まっくらな世界がおしえてくれたこと / 菊田まりこ -もうじきたべられるぼく / はせがわゆうじ -くまとやまねこ / 湯本香樹実 ◉ -君がいるから / まなつ&まふゆ -きみのことがだいすき / いぬいさえこ -かみはこんなにくちゃくちゃだけど / ヨシタケシンスケ -おしごとそうだんセンター / ヨシタケシンスケ //翻訳できない世界のことば ◉ //誰も知らない世界のことわざ ~ ***相談結果 ⚪︎絵本の魅力のまとめ方をどうする？ 絵本の紹介？ サイレントブックスに特化したまとめ？ 大人も楽しめる！ってどう伝える？ →サイレントブックにこだわらず、まずは絵本を学ぶことから始める。 最終的にWebサイトをまとめる。 ~ ~ **2024.09.30 ***内容選び（案） [[Z世代の価値観>https://www.gon-dola.com/lift/marketing-general/5908/#z5]] -「モノ消費」だけではない体験 -多様性・自分らしさ -共感・親近感 -社会問題への配慮 -効率性 →何気ない日常を切り取る、多様性、自分らしさの意識 ~ ***調査 -10月2日（水）文字のない絵本について [[ビブリオキッズ司書・読書アドバイザー 安藤宣子氏 講演会>https://libwww2.kyusan-u.ac.jp/news/002632.html]] [[ギャラリートーク>https://libwww2.kyusan-u.ac.jp/news/002636.html]] →参加済み --絵本 子どもが生まれて初めて出会う芸術作品。 テキスト（ことば・文）とイラストレーション（絵）による総合芸術 赤ちゃんにとっては、文字も絵に見える --文字のない絵本 没入感。音が聞こえてくる。 ▶︎▶︎▶︎絵本の魅力をまず知ってもらう。（後期） ~ ***先行事例 -[[堀田七海/卒業研究>堀田七海/卒業研究]] -[[福音館書店>https://www.fukuinkan.co.jp]] ~ ***相談結果 ⚪︎自分が一番研究したいこと→絵本と映像の融合 文字がない→伝えるために文字が必要なテーマがある Z世代→Z世代が絵本を手に取るには？絵本を見ることで起きる結果とは？ 表現方法→文字がなくても伝わるイラスト、ストーリー制作 （提案された内容） 絵本の序章を動画にし、動画を見た人が絵本を手に取る。 動画をループさせる、2個の動画で、どっちか見てもいい 動画はプロモーションとして活かすのか、作品として使うのか。 ~ ~ **2024.09.23 ***スケジュール -[[スケジュール表（後期）>https://docs.google.com/spreadsheets/d/1kUz-71uxLX2E0JRzL1Jgbn_nHUx9VGqebcI8Mbxvp_o/edit?usp=sharing]] 3年後期：内容決め、キャラクター作成 4年前期：絵本製本、アニメーション制作 4年後期：アニメーション完成、WEBサイト制作 絵本と動画の作成は並行して進めていく ~ ***成果物の仕様 -絵本（5〜10個程度） -1分程度のアニメーション動画（5〜10個程度） ~ ***先行事例 -文字のない絵本 --[[イエローバタフライ>https://cocreco.kodansha.co.jp/ehon/news/fejk3]] --[[アンジュール>https://mi-te.kumon.ne.jp/contents/article/11-7323/]] -アニメーション --[[お文具さん>https://www.youtube.com/@imoko_iimo]] -雰囲気 --[[櫻井翔 未来への言葉展>https://wordsforthefuture.jp/s/wftf/?ima=5039]] ~ ~ **2024.09.16 ***研究テーマ案 -取り組みたいキーワード Z世代、感情、共感 //--女性の体調変化に寄り添う --Z世代の感情検索 --文字のない絵本 →Z世代の感情検索（共感、知りたい、多様性）×文字のない絵本（想像力）を情報デザインで考えたい。 keyword:エモーショナルデザイン ~ ***調査 -文字のない絵本（サイレントブックス） 絵だけでストーリーやテーマが展開される絵本のこと。 文字がないので、読み手が自由にイメージや視野を広げることができる。 絵…万国共通の視覚言語 →言葉がわからない、読み書きが困難な人でも絵を通して楽しめる。 →バリアフリーの絵本ともいえる。 --[[文字のない絵本展>https://libwww2.kyusan-u.ac.jp/news/002632.html]] --[[文字のない絵本の効果>https://kinarino.jp/cat7/43206]] -[[若者の感情検索>https://www.hakuhodody-holdings.co.jp/topics/2024/02/4684.html]] -[[Z世代の新しい価値観>https://new-standard.co.jp/posts/16426]] -[[エモーショナルデザインとは>https://spice-factory.co.jp/design/what-is-emotional-design/]] //-[[推し活が及ぼす影響>https://otsp.jp/blogs/otalife/202305_08]] //-[[女性の体調変化>https://jp.sofygirls.com/ja/teens/womens_health/basic_knowledge_01.html]] ~ //***先行事例 //-[[名嘉はな/卒業研究>名嘉はな/卒業研究]] //-[[宮崎あゆ/情報デザイン研究Ⅱ>宮崎あゆ/情報デザイン研究II]] //-[[中尾日香梨/卒業研究>中尾日香梨/卒業研究II]] //-[[紀野はるか/情報デザイン研究II>紀野はるか/情報デザイン研究II]] //-[[久保絢菜/卒業研究>久保絢菜/卒業研究]] ~ ~ ~