田代飛凱/卒業研究II
をテンプレートにして作成
HOME
ABOUT
最新の更新
2021
MEMBER 2021
青木暁光
石坂大翔
出光美心
岩崎貴生
岩下雄真
内尾颯太
江川珠貴
大中啓旦
亀田日向
川村洸太
木村円香
久保絢菜
倉員優実
桑原歩未
鴻上早紀
崔昊
佐光美憂
柴田一輝
竹谷匠冬
田籠祐貴
田代爽乃
内藤彩乃
西山実伶
濱有希子
濱田侑里
藤本唯人
松岡佑樹
松藤陽
村山陽菜
山田宗周
渡邊来美
渡辺侑貴
中西華子
原田朋奈
水田修太朗
宮副咲葉
猪須大翔
川面翔太
隈翔太
柴田葉月
角祐菜
豊岡壮大朗
吉井麻吏菜
2022
MEMBER 2022
棈松智也
梅木悠民
江頭奏
大井このか
大石颯
太田糸音
太田姫奈
越智楓
鎌田真幸
楠田佑月
興梠媛愛
後藤太成
坂井彩華
指方依緒
徐泰陽
杉野市之助
堤晴司
角田雄一
中井千尋
原朋恵
平嶋明日花
増田里奈
深町彩海
藤島早希
宮路咲希
梁井英翔
山口愛麗
山本彩花
松田葉奈
松本龍太郎
石松匡広
上田莉帆
宇田川春稀
宇美希美
佐野美和
竹之内咲希
土斐崎種定
野村優亜
福田千紗
山川彩香
山田侑加子
重松優花
2023
MEMBER 2023
秋月靖雅
浅田真優花
阿南慶子
荒谷唯斗
安藤貴仁
池邉成
井上大河
岩本愛結
梅﨑美和
浦朱里
江村梨里香
大場こころ
勝田喜一
亀崎瑞穂
神田舞
白井くるみ
髙市遥
竹松莉羽
寺田圭志
中村心香
原晴紀
菱谷実来
日山晃良
平崎千夏
福井涼
堀玲二
山口恵
早稲田加奈恵
渡邊優希
石井彩晶
大神槙之介
大熊玄樹
大山花音
岡萌絵子
荻野美咲
鐘ヶ江雅
金田桜子
北村美優香
清野梨果
高庄玲衣
津覇稜也
中川飛鳥
福屋早希乃
脇山千寛
2024
STAFF
専任教員一覧
伊藤敬生
井上貢一
井上友子
岩田敦之
桜井祐
永嶋さゆり
北島己佐吉
OBOG
2023年度卒業生
2022年度卒業生
2021年度卒業生
2020年度卒業生
2019年度卒業生
SESSION
専門科目一覧
ソーシャルデザイン概論
ソーシャルデザイン演習
情報デザイン演習IIA
情報デザイン演習IIB
地域ブランド企画演習IIA
地域ブランド企画演習IIB
視覚デザイン演習
Webデザイン演習
3DCG演習
情報デザイン研究I
地域ブランド企画研究I
卒業研究
教務ガイダンス
RecommendedVideo
BasicKnowledge
PROJECT
LINKS
SEARCH
開始行:
*KWF introduction
九産大プロレス研究部の
アーカイブサイト・ポスター
#image(田代飛凱/卒業研究I/メインタイトル.png,,100%) ;
-''Hyuga Tashiro''
-'''Keywords:web'''
-http://hyu1999.html.xdomain.jp/KWF/
~
**Overview
***Introduction / What is This
//&color(red){これは何か・・を簡潔に};
九産大プロレス研究部の
サイト【活動記録アーカイブ】・ポスター
~
***背景
//&color(red){プロジェクトの背景と目的};
コロナウィルスの影響により、イベントが開催出来ず、
プロレスに興味がある方や、イベント開催者の方々に
プロレスを認知してもらえない現状である。
その為、このサイト・ポスターを制作し、
プロレス関係者だけでなく、色々な年齢層の方々に
九産大プロレス研究部を、認知をしてもらう。
~
***コンセプト
//&color(red){基本的な考え方、枠組み、視点など};
九産大プロレス研究部のサイト・ポスターを制作し
これからの部活動に活用出来るようにして、認知度を高める。
~
***調査
-最近はコロナの影響もあり、
[[総務省>https://www.soumu.go.jp/johotsusintokei/whitepap...
PCよりもスマホの使用率が高い為、
スマホ対応のサイトを作ることがベストだと考えた。
-各団体のプロレスサイトを閲覧したが、どれもデザインが古く、
参考にしづらかったので、格闘ゲームサイト
[[ストリートファイター>https://www.capcom.co.jp/sfv/]]を...
***Output
//&color(red){成果物の直接掲載またはリンク誘導};
//&color(red){&small(プロジェクトの途上では、試作品等、視...
//&color(red){&small(成果物の形式・サイズ・時間尺等の基本...
-http://hyu1999.html.xdomain.jp/KWF/
~
***Tools
//&color(red){使用するツール|ハードウエア・ソフトウエア};
-Illustrator・Filezilla・Atom
~
***Term
//&color(red){プロジェクトの期間|20XX.XX.XX - 20XX.XX.XX...
4年次 2021.4.9〜卒業研究I
~
***まとめ
- 部員に使ってもらい、満足度を調査し完全ではないが、
プロレス研究部のサイトとして機能することができた。
-部員の意見をもとに、ブラッシュアップを重ね、
より良いサイトを制作していく。
//&color(red){プロジェクトが完結したら「まとめ」を記載し...
~
~
//**Survey
//***Present Status
//&color(red){現状調査、現状の問題の洗い出し};
//-サイトの完成・サイト完成の為の技術調査が必要
//-既存のパンフレットがあるので、
//良い情報は残しつつ、最新の状態にする
//-パンフレットの調達がまだ出来ていない、
//部員と連携を取り、準備をする
~
***Precedent
//&color(red){先行事例の紹介、傾向分析など};
**ポスター
-プロレスのポスターは、各試合によって
デザインが全く異なっていた。
また、各プロレス会社で、他団体のポスターと
どのように差を出しているのか調査。
基本的には、構図(イベント名・開催場所・開催日時・料金)が
大きなフォントで配置され、選手写真の配置が団体ごとに異な...
-[[新日本プロレスポスター>https://shop.njpw.co.jp/iwgp/?i...
-[[全日本プロレスポスター>http://alljapan.shop-pro.jp/]]
-[[女子プロレスポスター>http://champion-shop.jp/poster.ht...
-[[九州ADCアワード>https://award.k-adc.net/works/list/]]
(プロレスではないポスター作品)
**サイト
-格闘ゲームサイト[[ストリートファイター>https://www.capco...
自分の制作したい、理想像に近いサイトだったので、このサイ...
//#image(ワイヤーフレーム.jpeg,right,10%);
//#image(サイトマップ.jpeg,right,15%);
-最近はコロナの影響もあり、
[[総務省>https://www.soumu.go.jp/johotsusintokei/whitepap...
PCよりもスマホの使用率が高い為、
スマホ形式でサイトを作ることがベストだと考えた。
-下記のデザインサイトの構築が自分のサイトにも生かせると思...
・[[Arv>https://arv-design.jp]] ・[[京町家>https...
・[[ARIAFINA>https://ariafina.jp]] ・[[UNBUNDLE>htt...
~
***Technique / Technology
//&color(red){プロジェクトの遂行に必要な技法・技術に関す...
-Illustrator
~
~
**Project Management
***Schedule
//&color(red){計画的な遂行のために、進行管理表を作成して...
[[スケジュール>https://drive.google.com/file/d/1u5kQjkOoE...
~
***ToDo
//&color(red){やるべきこと(タスク)を箇条書きにします。};
//&color(red){完了後は「%%取り消し線%%」あるいは「// コメ...
-サイトの更新
-ポスター作成
-概要集の作成
-%%スケジュール作成%%
-
~
~
~
#hr
CENTER:''worklog''
//&color(red){最新の情報を一番上に記載して下さい(古い記...
#hr
-2021.12.4 ~ 2022.1.11
-サイト全体-
・全ページの背景を黒にし、統一性を持たせ
サイト全体を見えやすいようにした
・各ページのトップの文章を統一化し
サイトに規則性を持たせた
・自分が今どこのページにいるのかが分かるように
全ページの左上に現在いるサイト名を表示した
・PCサイトで、元々、リンクにアンダーラインがあったが
リンクをホバーするとアンダーラインが表示され
不透明度を50%にすることで、
リンクが飛べない所との差別化を図れた
-HOME-
・スライドショーの大きさを最大にし
スマホ、パソコン両サイトともに直感的に
プロレス研究部のサイトと理解できるようにした
・文字情報を下に、動画を上にすることで
サイトを訪問した人により分かりやすいサイトにした
-PLAYER-
・1人1人のサイトを作成
キャッチコピー・レスラー名
身長・体重・年齢・学年・必殺技を記載
-VIDEO-
・2021年度の動画だけでなく、
2020・2019年度の最新動画を6つずつ挿入
-LINK-
・九州産業大学プロレス研究部に関わるサイト
YouTube・Instagram・Twitterを記載
主にプロのプロレス団体のサイトを記載
-INFO-
・各お知らせごとに導入画像を変更
分け方としては
事務連絡や業務連絡
試合カード発表や試合結果
試合の決定や場所の説明 の3つに分ける
-2021.12.3
・全ページのサイト背景に画像を設置
・スライドショーを挿入することでサイト全体の
質素な感じをなくし、躍動感を出す
・全ページ、レスポンシブ化しスマホ対応サイトに
-2021.11.26
・全ページを共通のレイアウトに変更
・右サイドにYouTube、Twitterを設置
・ホームの背景変更、KWFを説明
・ヘッダーロゴのサイズ、間隔調整
-2021.11.19
・全体像の見直し
ヘッダーの文字・画像調整
サイトの色を全体的に統一
VIDEO.HTMLに動画を設置
-2021.11.12
・INFO.HTMLの編集
細かい位置・サイズ・調整
右側にYouTube・Twitterアカウントの設置
-2021.11.5
・RESULT.HTMLの編集
大会ごとに枠を分ける
試合が決まった時間・技の部分にYouTubeのハイパーリンクを...
-2021.11.3
・RESULT.HTMLの編集
最新の試合結果の情報編集
-2021.10.29
・LINK.HTMLの編集
Twitterの埋め込み、サイズ調整
YouTubeアカウントの埋め込み
-2021.10.27
・PLAYER.HTMLの編集
画像を挿入し、均等に配置
-2021.10.25
・サイトをレスポンシブに対応
・サイト全体の色調整
-2021.10.22
・メニュー別に仮ページを更新
・HOMEのページの大まかな配置、構成を設定
-2021.10.20
・ヘッダー内のメインタイトルの制作
・ヘッダー内のメインタイトル、ロゴの位置配置編集
-2021.10.18
・サイト制作
・メニューバーの制作
(CSSでnav内のテキストの色を変える要素)
//-2021.10.1
//-2021.9.24
//-2021.9.17
//'''卒業研究I のページから基本情報を複製するとともに、'''
//'''後期分の進捗報告を追加記載して下さい。'''
~
//'''卒業研究I のページに添付した画像は、このページに再添...
//#image(田代飛凱/卒業研究I/メインタイトル.png, center, 5...
~
~
~
終了行:
*KWF introduction
九産大プロレス研究部の
アーカイブサイト・ポスター
#image(田代飛凱/卒業研究I/メインタイトル.png,,100%) ;
-''Hyuga Tashiro''
-'''Keywords:web'''
-http://hyu1999.html.xdomain.jp/KWF/
~
**Overview
***Introduction / What is This
//&color(red){これは何か・・を簡潔に};
九産大プロレス研究部の
サイト【活動記録アーカイブ】・ポスター
~
***背景
//&color(red){プロジェクトの背景と目的};
コロナウィルスの影響により、イベントが開催出来ず、
プロレスに興味がある方や、イベント開催者の方々に
プロレスを認知してもらえない現状である。
その為、このサイト・ポスターを制作し、
プロレス関係者だけでなく、色々な年齢層の方々に
九産大プロレス研究部を、認知をしてもらう。
~
***コンセプト
//&color(red){基本的な考え方、枠組み、視点など};
九産大プロレス研究部のサイト・ポスターを制作し
これからの部活動に活用出来るようにして、認知度を高める。
~
***調査
-最近はコロナの影響もあり、
[[総務省>https://www.soumu.go.jp/johotsusintokei/whitepap...
PCよりもスマホの使用率が高い為、
スマホ対応のサイトを作ることがベストだと考えた。
-各団体のプロレスサイトを閲覧したが、どれもデザインが古く、
参考にしづらかったので、格闘ゲームサイト
[[ストリートファイター>https://www.capcom.co.jp/sfv/]]を...
***Output
//&color(red){成果物の直接掲載またはリンク誘導};
//&color(red){&small(プロジェクトの途上では、試作品等、視...
//&color(red){&small(成果物の形式・サイズ・時間尺等の基本...
-http://hyu1999.html.xdomain.jp/KWF/
~
***Tools
//&color(red){使用するツール|ハードウエア・ソフトウエア};
-Illustrator・Filezilla・Atom
~
***Term
//&color(red){プロジェクトの期間|20XX.XX.XX - 20XX.XX.XX...
4年次 2021.4.9〜卒業研究I
~
***まとめ
- 部員に使ってもらい、満足度を調査し完全ではないが、
プロレス研究部のサイトとして機能することができた。
-部員の意見をもとに、ブラッシュアップを重ね、
より良いサイトを制作していく。
//&color(red){プロジェクトが完結したら「まとめ」を記載し...
~
~
//**Survey
//***Present Status
//&color(red){現状調査、現状の問題の洗い出し};
//-サイトの完成・サイト完成の為の技術調査が必要
//-既存のパンフレットがあるので、
//良い情報は残しつつ、最新の状態にする
//-パンフレットの調達がまだ出来ていない、
//部員と連携を取り、準備をする
~
***Precedent
//&color(red){先行事例の紹介、傾向分析など};
**ポスター
-プロレスのポスターは、各試合によって
デザインが全く異なっていた。
また、各プロレス会社で、他団体のポスターと
どのように差を出しているのか調査。
基本的には、構図(イベント名・開催場所・開催日時・料金)が
大きなフォントで配置され、選手写真の配置が団体ごとに異な...
-[[新日本プロレスポスター>https://shop.njpw.co.jp/iwgp/?i...
-[[全日本プロレスポスター>http://alljapan.shop-pro.jp/]]
-[[女子プロレスポスター>http://champion-shop.jp/poster.ht...
-[[九州ADCアワード>https://award.k-adc.net/works/list/]]
(プロレスではないポスター作品)
**サイト
-格闘ゲームサイト[[ストリートファイター>https://www.capco...
自分の制作したい、理想像に近いサイトだったので、このサイ...
//#image(ワイヤーフレーム.jpeg,right,10%);
//#image(サイトマップ.jpeg,right,15%);
-最近はコロナの影響もあり、
[[総務省>https://www.soumu.go.jp/johotsusintokei/whitepap...
PCよりもスマホの使用率が高い為、
スマホ形式でサイトを作ることがベストだと考えた。
-下記のデザインサイトの構築が自分のサイトにも生かせると思...
・[[Arv>https://arv-design.jp]] ・[[京町家>https...
・[[ARIAFINA>https://ariafina.jp]] ・[[UNBUNDLE>htt...
~
***Technique / Technology
//&color(red){プロジェクトの遂行に必要な技法・技術に関す...
-Illustrator
~
~
**Project Management
***Schedule
//&color(red){計画的な遂行のために、進行管理表を作成して...
[[スケジュール>https://drive.google.com/file/d/1u5kQjkOoE...
~
***ToDo
//&color(red){やるべきこと(タスク)を箇条書きにします。};
//&color(red){完了後は「%%取り消し線%%」あるいは「// コメ...
-サイトの更新
-ポスター作成
-概要集の作成
-%%スケジュール作成%%
-
~
~
~
#hr
CENTER:''worklog''
//&color(red){最新の情報を一番上に記載して下さい(古い記...
#hr
-2021.12.4 ~ 2022.1.11
-サイト全体-
・全ページの背景を黒にし、統一性を持たせ
サイト全体を見えやすいようにした
・各ページのトップの文章を統一化し
サイトに規則性を持たせた
・自分が今どこのページにいるのかが分かるように
全ページの左上に現在いるサイト名を表示した
・PCサイトで、元々、リンクにアンダーラインがあったが
リンクをホバーするとアンダーラインが表示され
不透明度を50%にすることで、
リンクが飛べない所との差別化を図れた
-HOME-
・スライドショーの大きさを最大にし
スマホ、パソコン両サイトともに直感的に
プロレス研究部のサイトと理解できるようにした
・文字情報を下に、動画を上にすることで
サイトを訪問した人により分かりやすいサイトにした
-PLAYER-
・1人1人のサイトを作成
キャッチコピー・レスラー名
身長・体重・年齢・学年・必殺技を記載
-VIDEO-
・2021年度の動画だけでなく、
2020・2019年度の最新動画を6つずつ挿入
-LINK-
・九州産業大学プロレス研究部に関わるサイト
YouTube・Instagram・Twitterを記載
主にプロのプロレス団体のサイトを記載
-INFO-
・各お知らせごとに導入画像を変更
分け方としては
事務連絡や業務連絡
試合カード発表や試合結果
試合の決定や場所の説明 の3つに分ける
-2021.12.3
・全ページのサイト背景に画像を設置
・スライドショーを挿入することでサイト全体の
質素な感じをなくし、躍動感を出す
・全ページ、レスポンシブ化しスマホ対応サイトに
-2021.11.26
・全ページを共通のレイアウトに変更
・右サイドにYouTube、Twitterを設置
・ホームの背景変更、KWFを説明
・ヘッダーロゴのサイズ、間隔調整
-2021.11.19
・全体像の見直し
ヘッダーの文字・画像調整
サイトの色を全体的に統一
VIDEO.HTMLに動画を設置
-2021.11.12
・INFO.HTMLの編集
細かい位置・サイズ・調整
右側にYouTube・Twitterアカウントの設置
-2021.11.5
・RESULT.HTMLの編集
大会ごとに枠を分ける
試合が決まった時間・技の部分にYouTubeのハイパーリンクを...
-2021.11.3
・RESULT.HTMLの編集
最新の試合結果の情報編集
-2021.10.29
・LINK.HTMLの編集
Twitterの埋め込み、サイズ調整
YouTubeアカウントの埋め込み
-2021.10.27
・PLAYER.HTMLの編集
画像を挿入し、均等に配置
-2021.10.25
・サイトをレスポンシブに対応
・サイト全体の色調整
-2021.10.22
・メニュー別に仮ページを更新
・HOMEのページの大まかな配置、構成を設定
-2021.10.20
・ヘッダー内のメインタイトルの制作
・ヘッダー内のメインタイトル、ロゴの位置配置編集
-2021.10.18
・サイト制作
・メニューバーの制作
(CSSでnav内のテキストの色を変える要素)
//-2021.10.1
//-2021.9.24
//-2021.9.17
//'''卒業研究I のページから基本情報を複製するとともに、'''
//'''後期分の進捗報告を追加記載して下さい。'''
~
//'''卒業研究I のページに添付した画像は、このページに再添...
//#image(田代飛凱/卒業研究I/メインタイトル.png, center, 5...
~
~
~
ページ名: