深江沙羅/情報デザイン研究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
開始行:
*[[20世紀ことば展>http://bungei.html.xddomain.jp]]
短歌・俳句を展覧会風に紹介するWebサイト構築
~
&image(mvre.jpg);
~
-''深江沙羅''
-'''Keywords:Web Design(HTML,CSS,Javasprict) / Atom'''
-[[20世紀ことば展>http://bungei.html.xddomain.jp]]
~
~
**概要
~
#image(min_kyap.jpg,center,50%)
CENTER:短歌・俳句を展覧会のように魅力的に紹介する
''Webサイト制作。''
~
~
**研究背景・目的
~
***背景
-良いと思った短歌・俳句をメモに書き留めることが多い。
-そこで、それらを展示する静的サイトをつくり、オンラインの...
~
***目的
-文字(短歌・俳句)をWeb上で美しく見せる手法について学ぶ。
詩歌に興味がある人にWebサイトを見てもらう。
~
~
~
**調査
~
***先行研究
--[[新鋭短歌シリーズ>http://www.shintanka.com/shin-ei/]]
~
---作品に対しさまざまなフォントを使い分けている。
余白を十分にとった余裕のある画面。
~
***技法/技術の調査
--jquery、JavaSprictの理解
--展覧会の調査
---オンラインで行われているものは動画やストリートビューの...
---Webサイトで完結する展覧会は他にない。
~
~
~
**制作
~
***コンセプト
-作品をインタラクティブに楽しめる
Web上の電子美術館。
~
***制作物
-[[20世紀ことば展>http://bungei.html.xdomain.jp]]
#image(mocup.jpg,center,90%)
~
~
**まとめ
~
--いちからJSを構築するのが難しく思うように完成しなかった...
--文字を美しく見せる方法についても改良の余地があるので今...
~
~
**Overview
~
***Introduction
短歌・俳句を展覧会のように魅力的に紹介するWebサイト
~
***Background and Purpose
-良いと思った短歌・俳句をメモに書き留めることが多い。
-そこで、それらを展示する静的サイトをつくり、オンラインの...
~
***Target
文字言語に興味がある人
〜30代男女
~
***Output
Web
~
***Tools
-Adobe illustrator
~
***Term
3ヶ月間
~
~
**CurrentStatus
~
--ワイヤーフレーム
&image(flamek.jpg,,70%);
--サイトマップ
&image(sitemap_re.jpg,,70%);
~
~
**Project Management
***Schedule
[[進行管理表>https://docs.google.com/spreadsheets/d/198Ho...
~
***ToDo
-過去事例Webサイトの調査
-JavaSprictの学習
-展覧会の展示方法などを分析する
~
~
~
#hr
CENTER:''worklog''
#hr
~
***[ 2020.12.11]
***制作
--レスポンシブの試作
--Webサイト上の現在地の可視化
---fixedした左上のタイトルにページ名を記載することで、ユ...
--htmlの名前を統一
--行間調整の試行
--和欧混植の調整
---さわらび明朝とRoboto Slabを使用
***企画案
--サイトマップの更新
--MVの更新
~
***[ 2020.12.08]
***制作
--レスポンシブの試作
--コードエラーの発見、修正
~
***[ 2020.12.07]
***制作
--CSSを使ったホバーアニメーションの試作、適用
~
***[ 2020.12.04]
***制作
--CSSアニメーション(effect-fade・scroll)を使ったJSの試作...
***企画案
--ワイヤーフレームの練り直し、更新
~
***[ 2020.12.02]
***制作
--Illustrator・ジェネレーターでFV部分のGIF制作
~
***[ 2020.11.30]
***制作
--コーディング(HTML/CSS)
~
***[ 2020.11.21]
***制作
--コーディング(HTML/CSS)
---メニューボタン作成にかかるJqueryの学習、テスト
~
***[ 2020.11.17]
***制作
--コーディング(HTML/CSS)
~
***[ 2020.11.06]
***制作
--コーディング(HTML/CSS)
~
***[ 2020.10.29]
***企画案
--載せる情報の整理
~
***[ 2020.10.26]
***調査
--展覧会のフライヤー・概要の調査
~
***[ 2020.10.20]
***調査
--類似サイトの調査
[[制作イメージ>http://www.shintanka.com/shin-ei/]]
~
***[ 2020.10.19]
***制作
--コーディング(HTML/CSS)
~
***[ 2020.10.18]
***企画案
--ワイヤーフレーム制作
--サイトマップ制作
&image(sitemapk.jpg,,70%);
~
***制作
--コーディング(HTML/CSS)
--試作(http://bungei.html.xdomain.jp)をサーバーにアップロ...
~
***[ 2020.10.17]
***調査
--参考サイト(1カラム)
---http://mori.starfree.jp/charmstar/
---https://2020-keyakizaka.jp
---https://tensui.or.jp
---https://mirocomachiko-cm.exhibit.jp
--過去事例
---[[コトノハ歳時記>https://www.qualiart.co.jp/works/deta...
~
***[ 2020.10.12 ]
***企画案
--ワイヤーフレーム・サイトマップの構想
~
***[ 2020.10.07 ]
***企画案
--素案
---紹介するコンテンツ量を減らし、「短歌」「俳句」を掲載す...
---年代を区別し(現代・近現代)、絞り込みやチャートによって...
---定型詩の掲載は著作権侵害に抵触する可能性があるため、ご...
~
***[ 2020.10.06 ]
***企画案
--進行管理表の作成
~
***調査
--類似サイトの調査
[[文月悠光ポートフォリオサイト>http://fuzukiyumi.com/yomi...
[[田中ましろポートフォリオサイト>http://www.kokoiru.com]]
--言葉×映像
#youtube(y3rKku9w1ZY)
--言葉×写真
#youtube(Fvbf5aAN5BY)
~
~
***[ 2020.10.05 ]
***企画案
--サーバー確保(XFREE)
~
~
***調査
--類似サイトの調査
---[[新鋭短歌シリーズ>http://www.shintanka.com/shin-ei/ka...
似たようなサイトがなかなか見つからなかったが、現在想定し...
~
~
***[ 2020.09.23 ]
***企画案
--練り直し
~
~
**Link
~
-[[情報デザイン研究II>https://design.kyusan-u.ac.jp/socia...
-[[Iwata lab.>http://www.iwata.art.kyusan-u.ac.jp/wordpre...
~
~
~
終了行:
*[[20世紀ことば展>http://bungei.html.xddomain.jp]]
短歌・俳句を展覧会風に紹介するWebサイト構築
~
&image(mvre.jpg);
~
-''深江沙羅''
-'''Keywords:Web Design(HTML,CSS,Javasprict) / Atom'''
-[[20世紀ことば展>http://bungei.html.xddomain.jp]]
~
~
**概要
~
#image(min_kyap.jpg,center,50%)
CENTER:短歌・俳句を展覧会のように魅力的に紹介する
''Webサイト制作。''
~
~
**研究背景・目的
~
***背景
-良いと思った短歌・俳句をメモに書き留めることが多い。
-そこで、それらを展示する静的サイトをつくり、オンラインの...
~
***目的
-文字(短歌・俳句)をWeb上で美しく見せる手法について学ぶ。
詩歌に興味がある人にWebサイトを見てもらう。
~
~
~
**調査
~
***先行研究
--[[新鋭短歌シリーズ>http://www.shintanka.com/shin-ei/]]
~
---作品に対しさまざまなフォントを使い分けている。
余白を十分にとった余裕のある画面。
~
***技法/技術の調査
--jquery、JavaSprictの理解
--展覧会の調査
---オンラインで行われているものは動画やストリートビューの...
---Webサイトで完結する展覧会は他にない。
~
~
~
**制作
~
***コンセプト
-作品をインタラクティブに楽しめる
Web上の電子美術館。
~
***制作物
-[[20世紀ことば展>http://bungei.html.xdomain.jp]]
#image(mocup.jpg,center,90%)
~
~
**まとめ
~
--いちからJSを構築するのが難しく思うように完成しなかった...
--文字を美しく見せる方法についても改良の余地があるので今...
~
~
**Overview
~
***Introduction
短歌・俳句を展覧会のように魅力的に紹介するWebサイト
~
***Background and Purpose
-良いと思った短歌・俳句をメモに書き留めることが多い。
-そこで、それらを展示する静的サイトをつくり、オンラインの...
~
***Target
文字言語に興味がある人
〜30代男女
~
***Output
Web
~
***Tools
-Adobe illustrator
~
***Term
3ヶ月間
~
~
**CurrentStatus
~
--ワイヤーフレーム
&image(flamek.jpg,,70%);
--サイトマップ
&image(sitemap_re.jpg,,70%);
~
~
**Project Management
***Schedule
[[進行管理表>https://docs.google.com/spreadsheets/d/198Ho...
~
***ToDo
-過去事例Webサイトの調査
-JavaSprictの学習
-展覧会の展示方法などを分析する
~
~
~
#hr
CENTER:''worklog''
#hr
~
***[ 2020.12.11]
***制作
--レスポンシブの試作
--Webサイト上の現在地の可視化
---fixedした左上のタイトルにページ名を記載することで、ユ...
--htmlの名前を統一
--行間調整の試行
--和欧混植の調整
---さわらび明朝とRoboto Slabを使用
***企画案
--サイトマップの更新
--MVの更新
~
***[ 2020.12.08]
***制作
--レスポンシブの試作
--コードエラーの発見、修正
~
***[ 2020.12.07]
***制作
--CSSを使ったホバーアニメーションの試作、適用
~
***[ 2020.12.04]
***制作
--CSSアニメーション(effect-fade・scroll)を使ったJSの試作...
***企画案
--ワイヤーフレームの練り直し、更新
~
***[ 2020.12.02]
***制作
--Illustrator・ジェネレーターでFV部分のGIF制作
~
***[ 2020.11.30]
***制作
--コーディング(HTML/CSS)
~
***[ 2020.11.21]
***制作
--コーディング(HTML/CSS)
---メニューボタン作成にかかるJqueryの学習、テスト
~
***[ 2020.11.17]
***制作
--コーディング(HTML/CSS)
~
***[ 2020.11.06]
***制作
--コーディング(HTML/CSS)
~
***[ 2020.10.29]
***企画案
--載せる情報の整理
~
***[ 2020.10.26]
***調査
--展覧会のフライヤー・概要の調査
~
***[ 2020.10.20]
***調査
--類似サイトの調査
[[制作イメージ>http://www.shintanka.com/shin-ei/]]
~
***[ 2020.10.19]
***制作
--コーディング(HTML/CSS)
~
***[ 2020.10.18]
***企画案
--ワイヤーフレーム制作
--サイトマップ制作
&image(sitemapk.jpg,,70%);
~
***制作
--コーディング(HTML/CSS)
--試作(http://bungei.html.xdomain.jp)をサーバーにアップロ...
~
***[ 2020.10.17]
***調査
--参考サイト(1カラム)
---http://mori.starfree.jp/charmstar/
---https://2020-keyakizaka.jp
---https://tensui.or.jp
---https://mirocomachiko-cm.exhibit.jp
--過去事例
---[[コトノハ歳時記>https://www.qualiart.co.jp/works/deta...
~
***[ 2020.10.12 ]
***企画案
--ワイヤーフレーム・サイトマップの構想
~
***[ 2020.10.07 ]
***企画案
--素案
---紹介するコンテンツ量を減らし、「短歌」「俳句」を掲載す...
---年代を区別し(現代・近現代)、絞り込みやチャートによって...
---定型詩の掲載は著作権侵害に抵触する可能性があるため、ご...
~
***[ 2020.10.06 ]
***企画案
--進行管理表の作成
~
***調査
--類似サイトの調査
[[文月悠光ポートフォリオサイト>http://fuzukiyumi.com/yomi...
[[田中ましろポートフォリオサイト>http://www.kokoiru.com]]
--言葉×映像
#youtube(y3rKku9w1ZY)
--言葉×写真
#youtube(Fvbf5aAN5BY)
~
~
***[ 2020.10.05 ]
***企画案
--サーバー確保(XFREE)
~
~
***調査
--類似サイトの調査
---[[新鋭短歌シリーズ>http://www.shintanka.com/shin-ei/ka...
似たようなサイトがなかなか見つからなかったが、現在想定し...
~
~
***[ 2020.09.23 ]
***企画案
--練り直し
~
~
**Link
~
-[[情報デザイン研究II>https://design.kyusan-u.ac.jp/socia...
-[[Iwata lab.>http://www.iwata.art.kyusan-u.ac.jp/wordpre...
~
~
~
ページ名: