谷口菜々子/卒業研究
をテンプレートにして作成
HOME
ABOUT
最新の更新
2021
MEMBER 2021
青木暁光
石坂大翔
出光美心
岩崎貴生
岩下雄真
内尾颯太
江川珠貴
大中啓旦
亀田日向
川村洸太
木村円香
久保絢菜
倉員優実
桑原歩未
鴻上早紀
崔昊
佐光美憂
柴田一輝
竹谷匠冬
田籠祐貴
田代爽乃
内藤彩乃
西山実伶
濱有希子
濱田侑里
藤本唯人
松岡佑樹
松藤陽
村山陽菜
山田宗周
渡邊来美
渡辺侑貴
中西華子
原田朋奈
水田修太朗
宮副咲葉
猪須大翔
川面翔太
隈翔太
柴田葉月
角祐菜
豊岡壮大朗
吉井麻吏菜
2022
MEMBER 2022
棈松智也
梅木悠民
江頭奏
大井このか
大石颯
太田糸音
太田姫奈
越智楓
鎌田真幸
楠田佑月
興梠媛愛
後藤太成
坂井彩華
指方依緒
徐泰陽
杉野市之助
堤晴司
角田雄一
中井千尋
原朋恵
平嶋明日花
増田里奈
深町彩海
藤島早希
宮路咲希
梁井英翔
山口愛麗
山本彩花
松田葉奈
松本龍太郎
熊谷涼花
近藤ひかる
善結穂
待永萌衣
三浦遥
石松匡広
上田莉帆
宇田川春稀
宇美希美
佐野美和
竹之内咲希
土斐崎種定
野村優亜
福田千紗
山川彩香
山田侑加子
重松優花
甲斐陸斗
2023
MEMBER 2023
秋月靖雅
浅田真優花
阿南慶子
荒谷唯斗
安藤貴仁
池邉成
井上大河
岩本愛結
梅﨑美和
浦朱里
江村梨里香
大場こころ
勝田喜一
亀崎瑞穂
神田舞
白井くるみ
髙市遥
竹松莉羽
寺田圭志
中村心香
原晴紀
菱谷実来
日山晃良
平崎千夏
福井涼
堀玲二
早稲田加奈恵
渡邊優希
十時明日香
石井彩晶
大神槙之介
大熊玄樹
大山花音
岡萌絵子
荻野美咲
鐘ヶ江雅
金田桜子
北村美優香
清野梨果
高庄玲衣
津覇稜也
福屋早希乃
脇山千寛
2024
MEMBER 2024
芦谷心渚
安部詩織
池田隆之介
伊藤早紀
越智花凛
金ヶ江光千瑠
佐藤澪
川村玲太
菊池真桜
後藤未羽
齊場由布
佐々木陽菜
佐藤美月
猿本大翔
竹之内優希
田尻有沙
谷口和歌子
千々岩聡真
手島凜
鳥越友菜
中尾桃瀬
野口朗央
福岡比菜
松崎菜々実
松永紗和
真子大輝
南妃香莉
宮園晴日
森山海莉
劉沢寧
渡辺颯香
足立実優
池田阜弥
井上朋美
宇野日菜
上瀧桃子
茂山和寛
髙嶋莉彩
橘彩以
田中さゆり
田村宥奈
徳永歩乃佳
轟はなの
庭瀬美来
橋本音花
若狭映那
STAFF
専任教員一覧
伊藤敬生
井上貢一
井上友子
岩田敦之
桜井祐
永嶋さゆり
北島己佐吉
OBOG
2023年度卒業生
2022年度卒業生
2021年度卒業生
2020年度卒業生
2019年度卒業生
SESSION
専門科目一覧
ソーシャルデザイン応用演習
情報デザイン演習I
地域ブランド企画演習I
情報デザイン演習IIIA
情報デザイン演習IIIB
地域ブランド企画演習IIIA
地域ブランド企画演習IIIB
情報デザイン研究II
地域ブランド企画研究II
通信ネットワーク演習
データサイエンス
3DCG演習
卒業研究
教務ガイダンス
RecommendedVideo
BasicKnowledge
PROJECT
LINKS
SEARCH
開始行:
*Delights of Change
天神の歴史とその魅力
#image(Web imege1.png)
//本文 アウトラインしない
-''[[谷口菜々子]]''
-'''Keywords:Tenjin, history, change, delights_'''
-[[Webサイト>https://delights-of-change.studio.site/]]
~
//https://www.figma.com/file/W0J1UltLmLj9tekA8lZPnL/teste...
**概要
~
***これは何?
-天神の歴史を紹介するサイト
Delights of Change … 変化をポジティブな視点で捉え楽しむ
Delights ... 「喜び」「楽しみ」「魅力」
~
***背景と目的
-背景
福岡天神には福岡大空襲などの影響から歴史の長い建築物は少...
~
-目的
これらの背景から天神の歴史を紹介し、天神の歴史を知ること...
~
--天神の歴史を知ることで分かる観光とは...
その土地に関する新たな知識や理解を得ることで、普段歩いて...
また、昔の風景や生活様式を想像することができ、その土地の...
そして天神は福岡大空襲などの影響から歴史の長い建築物は少...
~
***コンセプト
「Time Traveler's Guide」
サイトに訪れる人々を[[タイムトラベラー>https://ja.wikiped...
~
***成果物の仕様
[[Webサイト>https://delights-of-change.studio.site/]]
~
***制作ツール
-[[Adobe illustrator>https://www.adobe.com/jp/products/il...
-[[Figma>https://www.figma.com/ja/]]
-[[Figside>https://figside.com/]]
-[[Studio>https://studio.design/ja/figma-to-studio]]
-[[Webflow>https://www.non-haru.com/posts/figma-to-webflo...
~
***プロジェクトの期間
4/14 ~ 7/21
~
***サイトについて
-[[サイトに掲載する建物に関する調査>https://ksumail-my.sh...
-なぜこの年代なのか (4月1日の風景で製作します)
--1964年 [[町名が天神となる>https://ja.wikipedia.org/wik...
--1990年 [[都心機能向上と天神流通戦争により街並みが変化>...
--2015年 [[天神ビックバン開始>https://www.city.fukuoka.l...
--2023年 [[現在>https://webtenjin.com/yh/19047/]]
--2030年 [[天神ビックバン竣工>https://www.city.fukuoka.l...
-天神ビックバンとは
警固断層等のリスクがあるなか、更新期を迎えたビルが耐震性...
//-なぜアイソメトリックなのか
//--平行投影を使用してオブジェクトを立体的に表現すること...
//--一般的な平面的なデザインより視覚的に魅力的で目を引く...
//--立体的な視点と奥行きを活用することで、情報の関係性や...
~
***まとめ
実際にサイトを制作し今の天神の前の姿を知ることができるWeb...
~
**調査
~
***現状調査
-[[九州一の商都・天神はどうやってできたのか?>https://fuk...
-[[「よそ者」拒まず 福岡・天神、九州一繁華街への道>https...
-[[変化する「ふくおか都心」>https://honto.jp/netstore/pd-...
-[[のったよ! ふくおかタイムスリップ号>https://www.city.fu...
-[[画像著作権に関して>https://note.com/notearahaku/n/nf3d...
~
***先行事例
-[[可愛い!動く!見ているだけで癒されるアイソメトリックな...
-[[ウクライナの自動車保険のサイト>http://kasko.arsenal-ic...
-[[ボラギノールタウン>https://www.borraginol.com/town/]]
~
***技法・技術情報
-[[Figma とは>https://www.tokyofreelance.jp/figmastudy/]]
-[[Figma 検索してスキルアップ>https://help.figma.com/hc/j...
-[[Figmaアコーディオン作成方法>https://note.com/k_ym/n/nc...
-[[JavaScript>https://school.dhw.co.jp/course/web/content...
-[[イラスト初心者がアイソメトリックイラストを描く>https:/...
-[[流れがわかる! アイソメトリックイラストの描き方>https:/...
-[[ハンバーガーメニューがステキなWebサイト10選>https://no...
-[[カラーユニバーサルデザイン推奨配色ガイドブック>https:/...
~
**プロジェクト管理
~
***スケジュール
-[[スケジュール>https://docs.google.com/spreadsheets/d/1s...
~
***ToDo
-%%テーマの決定%%
-%%[[スケジュール作成>https://docs.google.com/spreadsheet...
-%%背景の記入%%
-%%目的の記入%%
-%%コンセプトの決定%%
-%%現状調査%%
-%%先行事例の調査%%
-%%技法・技術情報の調査%%
-%%ワイヤーフレームの作成%%
-%%今後のスケージュールの調整%%
-%%HTMLやCSS、JavaScriptでWebサイトが作れそうか確認、難し...
-%%配色について調査%%
-%%概要集制作%%
-%%イラスト下書き%%
-%%イラスト制作%%
-説明制作
//***NotToDo
~
~
#hr
CENTER:''進捗記録''
#hr
~
**2023.12.22
~
***制作
-メインページと説明ページのレスポンシブ設定
-メインページのピンの位置調節
-2030年の画像をイラストに変換
~
**2023.12.15
~
***最終発表
-[[概要集>https://drive.google.com/file/d/1dWrfw_xznDDZvq...
~
**2023.12.8
~
***制作
-メインページと説明ページのレスポンシブ設定
-メインページのピンの位置調節
~
**2023.12.1
~
***制作
-aboutページの改善
-説明制作
~
**2023.11.24
~
***制作
-[[概要集制作>https://drive.google.com/file/d/1365uoFqP6f...
-aboutページの制作
&image(welcome-1.1.png,,45%); &image(welcome-1.2.png,,4...
-歴史の説明ページの制作
&image( history2030-10.png,,45%); &image(history-13.png...
~
**2023.11.17
~
***制作
-aboutページの制作
-[[概要集制作>https://drive.google.com/file/d/1ZwYRTk0X2C...
&image(Welcome-1.png,,45%); &image(Welcome-2.png,,45%);
~
**2023.11.10
~
***制作
-1964年、1990年、2015年、2023年、2030年のイラスト修正
&image(1964-C.jpg,,45%);
↑ 1964年
&image(1990-C.jpg,,45%);
↑ 1990年
&image(2015-C.jpg,,45%);
↑ 2015年
&image(2023-C.jpg,,45%);
↑ 2023年
&image(2030-C.jpg,,45%);
↑ 2030年
~
**2023.11.3
~
***制作
-1964年イラストの制作
***調査
-[[載せる建物について>https://ksumail-my.sharepoint.com/:...
-[[studioモーダル方法>https://help.studio.design/ja/artic...
~
**2023.10.27
~
***制作
-1990年イラストの制作
~
**2023.10.20
~
#image(main3.png)
***後期中間発表フィードバック
-どうアウトプットするか早めに確認する必要がある
-学科サイトを見てこのサイトを見たからイラストの街が天神と...
-スマホだと良いがWebサイトだとイラストが拡大されて全体が...
~
**2023.10.13
~
***制作
-2023年イラストの修正
-2030年イラストの制作
-説明イメージレイアウトの制作
&image(2023年main_002.jpg,,45%); &image(2030年_001.jpg,...
#image(説明レイアウトイメージ.png)
~
-informationに書くこと
--住所・施工期間・関連サイト (今も開いている建物は開館時間)
~
**2023.10.6
~
-年代別にどんなカラー配色をするか
→[[その年代の流行色を取り入れる>https://nendai-ryuukou....
--1964年 パープル
--1990年 ブルー
--2015年 レッド
--2023年 イエロー
--2030年 グリーン
-ピンだけ色をかえる or 建物など全体的に色を変える
~
**2023.09.29
~
***制作
-2015年イラストの制作
&image(2015年_001.jpg,,45%);
~
**2023.09.22
~
***制作
-試しにFigmaをサイトに変換
~
**2023.09.15
~
***制作
-2023年イラストの修正
&image(2023 ラフ pin.jpg,,45%); → &image(Revised2023.jpg,...
~
**2023.07.21
~
***制作
-イラストの修正
~
**2023.07.14
~
***制作
-イラストの修正
-概要集の修正
~
**2023.07.07
~
#image(main2.png)
***前期発表フィードバック
-イラストが錯覚で曲がっているように見えるため修正が必要
-figmaで最終的な成果物として出す場合今サイトを触っている...
→最終的な成果物としてはFigmaではなくWebflowを使いFigma...
-サイトにロゴやマークといったものを載せた方がどういったWe...
-ピンをクリックしたら建物の説明を表示するピンが出るなど、...
-Webflowを使って公開するとあったが Illustratorでイラスト...
-学科サイトの背景・目的に歴史についての記述がないため、「...
~
***作業
-発表を踏まえ、スケジュール変更
-イラストの修正
~
**2023.06.30
~
***制作
-[[概要集試作>https://drive.google.com/file/d/1ezNFsl9o5E...
-2023年イラスト制作
&image(2023 ラフ.jpg,,45%); &image(2023 ラフ pin.jpg,,45...
~
**2023.06.23
~
***イラストの制作調査
-[[Google Earth建物の高さを調査>https://www.google.co.jp/...
-[[パルコ外観>https://www.google.co.jp/url?sa=t&rct=j&q=&...
-[[アイソメトリック(角度)ショートカットキー設定>https:/...
-[[アイソメトリックの円の書き方>https://www.youtube.com/w...
-2023年イラスト制作 参考画像
#image(Tenjin photograph.jpg,50%)
~
**2023.06.16
~
***調査
//-[[イラストの雰囲気1>https://isnadesign.com/work/89]]
-[[イラストの雰囲気 Pinterest >https://www.pinterest.jp/h...
-[[カラー配色>https://color.adobe.com/ja/create/color-whe...
-[[カラーユニバーサルデザイン推奨配色セット>https://jfly....
-[[カラーユニバーサルデザイン推奨配色セットガイドブック>h...
-[[カラーユニバーサルデザイン推奨配色セットver.4>https://...
-FigmaをWebサイトにする方法
--framer = レスポンシブができない
-Webflow
~
**2023.06.09
~
***調査
-[[Figmaからコーディング!書き出し・CSSの各プロパティの値...
-[[App Builder を使って、FigmaのデザインをHTMLコードへ変...
-[[Figmaからコーディングする具体的な方法>https://teru1213...
-[[FigmaのデザインをそのままWebサイトに変換&公開できる「...
-[[デザインがほぼそのままWebサイトになる時代が来てるぞ......
~
**2023.06.02
~
#image(main 1.jpg)
***中間発表フィードバック
-今サンプルとしてfigmaで作成しているがしっかり動けている...
-1番過去で1964年とあるがイラストを描くときに参考になる写...
→一部写真がないものがあるため想像上でイラストを描く建物...
-Webサンプルとして作成したものの中にアコーディオンメニュ...
-アコーディオンを作成しようとした先輩は挫折した方も多く難...
-スケジュールについて、1ヶ月に1つの年代を制作すると言って...
~
***学科サイトの更新
-Todoリストの変更
~
***制作
-イラストの角度調査
-2023年ラフ制作
~
**2023.05.26
~
***技法・技術情報集め
-[[Figma とは>https://www.tokyofreelance.jp/figmastudy/]]
-[[Figma 検索してスキルアップ>https://help.figma.com/hc/j...
-[[Figma アコーディオン作成方法>https://note.com/k_ym/n/n...
-[[イラスト初心者がアイソメトリックイラストを描く>https:/...
-[[流れがわかる! アイソメトリックイラストの描き方>https:/...
~
***Webサイト制作
-ワークフレーム制作
-[[Webサイトイメージ>https://www.figma.com/proto/wUsK9oXS...
-2023年天神地図まとめ
~
**2023.05.19
~
***資料集め
-[[天神の歴史リストの更新>https://docs.google.com/spreads...
-[[天神外観変化調査>https://ksumail-my.sharepoint.com/:x:...
~
***天神についての調査
-[[「福岡に観光地が無い」と言われる本当の理由を考えてみた...
-[[福岡人が「福岡っていいところやろ?」と言ってしまう深い...
-[[観光スポットを聞かれるとちょっと戸惑ってしまう・・・福...
-[[天神ビックバンで、まちはどう変わる?ユーザー意識調査>h...
-[[九州一の衝突事故・天神はどうやってできたのか?>https:/...
~
***その他
-ターゲットの絞り込み
--地域の住民
--天神町に訪れる人⚪︎
--歴史や文化に興味のある人々
--学生や研究者
--地域への関心を持つ人々
--観光客
-背景である天神の歴史の認知度の調査
--[[市民アンケート・ワークショップ>https://bunkazai.city....
---[[住んでる街の歴史を知ろう>https://www.taiju-life.co.j...
---[[Webサイトでのイラストの使用の効果>https://docodoor.c...
~
**2023.05.12
~
***資料集め
-[[天神の歴史リストの更新>https://docs.google.com/spreads...
-[[これからの天神>https://www.city.fukuoka.lg.jp/jutaku-t...
~
**2023.05.05
~
***資料集め
-[[天神の歴史リスト>https://docs.google.com/spreadsheets/...
-[[JavaScriptについて>https://design.kyusan-u.ac.jp/OpenS...
-[[エリアマネジメントから見た天神史>https://www.hues.kyus...
~
**2023.04.28
~
***研究テーマの深堀り
-[[アイソメトリックの描き方2>https://www.alta.co.jp/blog/...
~
**2023.04.21
~
***研究テーマの深堀り
-[[アイソメトリックイラストの描き方1>https://www.wan55.co...
~
***天神についての歴史、調査
-[[ダイエーショッパーズ福岡 (1971年6月~2015年9月)>https:...
→[[イオンショッパーズ福岡 (2015年9月~2019年4月)>https://...
→[[天神ショッパーズ福岡 (2019年4月25日~)>https://toshoke...
-[[ノース天神 (2012年6月28日~2022年8月)>https://www.wiki...
-[[福岡中央郵便局>https://ja.wikipedia.org/wiki/%E7%A6%8F...
-[[日本銀行福岡支店>https://www3.boj.or.jp/fukuoka/aboutu...
-[[福岡パルコ>https://www.parco.co.jp/pdf/jp/library/file...
-[[天神コア>https://www.fukuoka-keizai.co.jp/interview/%E...
-[[天神ビブレ>https://welovetenjin.com/archives/bigbang_i...
-[[警固公園>https://www.hilife.or.jp/cities/data.php?p=10...
-[[福岡三越>https://www.imhds.co.jp/ja/business/history/h...
-[[大丸福岡天神店>https://www.daimaru-fukuoka.jp/contents...
-[[エルガーラ>http://osaka-sirokichi.seesaa.net/article/4...
-[[福岡市市役所>https://koikoi2011.blog.fc2.com/blog-entr...
-[[福岡市市役所>https://ja.wikipedia.org/wiki/%E7%A6%8F%E...
-[[天神中央公園>https://tenjin-central-park.jp/about]]
-[[アクロス福岡>https://www.acros.or.jp/r_facilities/abou...
-[[福岡市赤煉瓦文化館>https://ja.wikipedia.org/wiki/%E7%A...
-[[水鏡天満宮>https://fanfunfukuoka.nishinippon.co.jp/853...
-[[SHIP’S GARDEN>https://co-trip.jp/article/79116/]]
~
**2023.04.14
~
***卒業研究テーマ候補
-福岡(天神?)の歴史についてのWebサイトの作成。アイソメトリ...
-日常の起源の紹介。花やプラスチックやPC、道路に学校など普...
~
***現状調査
-[[のったよ!福岡タイムスリップ号>https://tenjin-univ.net...
-[[アイソメトリック Webサイト10選>https://mtame.jp/design...
-[[今昔福岡市>http://toshokan.city.fukuoka.lg.jp/files/Pu...
-[[天神地区>https://ja.wikipedia.org/wiki/%E5%A4%A9%E7%A5...
-[[身近にあるものの意外な起源>https://trapradar.net/study...
-[[子供の「なぜなぜ期」について>https://mama.chintaistyle...
~
~
//reddit とは
終了行:
*Delights of Change
天神の歴史とその魅力
#image(Web imege1.png)
//本文 アウトラインしない
-''[[谷口菜々子]]''
-'''Keywords:Tenjin, history, change, delights_'''
-[[Webサイト>https://delights-of-change.studio.site/]]
~
//https://www.figma.com/file/W0J1UltLmLj9tekA8lZPnL/teste...
**概要
~
***これは何?
-天神の歴史を紹介するサイト
Delights of Change … 変化をポジティブな視点で捉え楽しむ
Delights ... 「喜び」「楽しみ」「魅力」
~
***背景と目的
-背景
福岡天神には福岡大空襲などの影響から歴史の長い建築物は少...
~
-目的
これらの背景から天神の歴史を紹介し、天神の歴史を知ること...
~
--天神の歴史を知ることで分かる観光とは...
その土地に関する新たな知識や理解を得ることで、普段歩いて...
また、昔の風景や生活様式を想像することができ、その土地の...
そして天神は福岡大空襲などの影響から歴史の長い建築物は少...
~
***コンセプト
「Time Traveler's Guide」
サイトに訪れる人々を[[タイムトラベラー>https://ja.wikiped...
~
***成果物の仕様
[[Webサイト>https://delights-of-change.studio.site/]]
~
***制作ツール
-[[Adobe illustrator>https://www.adobe.com/jp/products/il...
-[[Figma>https://www.figma.com/ja/]]
-[[Figside>https://figside.com/]]
-[[Studio>https://studio.design/ja/figma-to-studio]]
-[[Webflow>https://www.non-haru.com/posts/figma-to-webflo...
~
***プロジェクトの期間
4/14 ~ 7/21
~
***サイトについて
-[[サイトに掲載する建物に関する調査>https://ksumail-my.sh...
-なぜこの年代なのか (4月1日の風景で製作します)
--1964年 [[町名が天神となる>https://ja.wikipedia.org/wik...
--1990年 [[都心機能向上と天神流通戦争により街並みが変化>...
--2015年 [[天神ビックバン開始>https://www.city.fukuoka.l...
--2023年 [[現在>https://webtenjin.com/yh/19047/]]
--2030年 [[天神ビックバン竣工>https://www.city.fukuoka.l...
-天神ビックバンとは
警固断層等のリスクがあるなか、更新期を迎えたビルが耐震性...
//-なぜアイソメトリックなのか
//--平行投影を使用してオブジェクトを立体的に表現すること...
//--一般的な平面的なデザインより視覚的に魅力的で目を引く...
//--立体的な視点と奥行きを活用することで、情報の関係性や...
~
***まとめ
実際にサイトを制作し今の天神の前の姿を知ることができるWeb...
~
**調査
~
***現状調査
-[[九州一の商都・天神はどうやってできたのか?>https://fuk...
-[[「よそ者」拒まず 福岡・天神、九州一繁華街への道>https...
-[[変化する「ふくおか都心」>https://honto.jp/netstore/pd-...
-[[のったよ! ふくおかタイムスリップ号>https://www.city.fu...
-[[画像著作権に関して>https://note.com/notearahaku/n/nf3d...
~
***先行事例
-[[可愛い!動く!見ているだけで癒されるアイソメトリックな...
-[[ウクライナの自動車保険のサイト>http://kasko.arsenal-ic...
-[[ボラギノールタウン>https://www.borraginol.com/town/]]
~
***技法・技術情報
-[[Figma とは>https://www.tokyofreelance.jp/figmastudy/]]
-[[Figma 検索してスキルアップ>https://help.figma.com/hc/j...
-[[Figmaアコーディオン作成方法>https://note.com/k_ym/n/nc...
-[[JavaScript>https://school.dhw.co.jp/course/web/content...
-[[イラスト初心者がアイソメトリックイラストを描く>https:/...
-[[流れがわかる! アイソメトリックイラストの描き方>https:/...
-[[ハンバーガーメニューがステキなWebサイト10選>https://no...
-[[カラーユニバーサルデザイン推奨配色ガイドブック>https:/...
~
**プロジェクト管理
~
***スケジュール
-[[スケジュール>https://docs.google.com/spreadsheets/d/1s...
~
***ToDo
-%%テーマの決定%%
-%%[[スケジュール作成>https://docs.google.com/spreadsheet...
-%%背景の記入%%
-%%目的の記入%%
-%%コンセプトの決定%%
-%%現状調査%%
-%%先行事例の調査%%
-%%技法・技術情報の調査%%
-%%ワイヤーフレームの作成%%
-%%今後のスケージュールの調整%%
-%%HTMLやCSS、JavaScriptでWebサイトが作れそうか確認、難し...
-%%配色について調査%%
-%%概要集制作%%
-%%イラスト下書き%%
-%%イラスト制作%%
-説明制作
//***NotToDo
~
~
#hr
CENTER:''進捗記録''
#hr
~
**2023.12.22
~
***制作
-メインページと説明ページのレスポンシブ設定
-メインページのピンの位置調節
-2030年の画像をイラストに変換
~
**2023.12.15
~
***最終発表
-[[概要集>https://drive.google.com/file/d/1dWrfw_xznDDZvq...
~
**2023.12.8
~
***制作
-メインページと説明ページのレスポンシブ設定
-メインページのピンの位置調節
~
**2023.12.1
~
***制作
-aboutページの改善
-説明制作
~
**2023.11.24
~
***制作
-[[概要集制作>https://drive.google.com/file/d/1365uoFqP6f...
-aboutページの制作
&image(welcome-1.1.png,,45%); &image(welcome-1.2.png,,4...
-歴史の説明ページの制作
&image( history2030-10.png,,45%); &image(history-13.png...
~
**2023.11.17
~
***制作
-aboutページの制作
-[[概要集制作>https://drive.google.com/file/d/1ZwYRTk0X2C...
&image(Welcome-1.png,,45%); &image(Welcome-2.png,,45%);
~
**2023.11.10
~
***制作
-1964年、1990年、2015年、2023年、2030年のイラスト修正
&image(1964-C.jpg,,45%);
↑ 1964年
&image(1990-C.jpg,,45%);
↑ 1990年
&image(2015-C.jpg,,45%);
↑ 2015年
&image(2023-C.jpg,,45%);
↑ 2023年
&image(2030-C.jpg,,45%);
↑ 2030年
~
**2023.11.3
~
***制作
-1964年イラストの制作
***調査
-[[載せる建物について>https://ksumail-my.sharepoint.com/:...
-[[studioモーダル方法>https://help.studio.design/ja/artic...
~
**2023.10.27
~
***制作
-1990年イラストの制作
~
**2023.10.20
~
#image(main3.png)
***後期中間発表フィードバック
-どうアウトプットするか早めに確認する必要がある
-学科サイトを見てこのサイトを見たからイラストの街が天神と...
-スマホだと良いがWebサイトだとイラストが拡大されて全体が...
~
**2023.10.13
~
***制作
-2023年イラストの修正
-2030年イラストの制作
-説明イメージレイアウトの制作
&image(2023年main_002.jpg,,45%); &image(2030年_001.jpg,...
#image(説明レイアウトイメージ.png)
~
-informationに書くこと
--住所・施工期間・関連サイト (今も開いている建物は開館時間)
~
**2023.10.6
~
-年代別にどんなカラー配色をするか
→[[その年代の流行色を取り入れる>https://nendai-ryuukou....
--1964年 パープル
--1990年 ブルー
--2015年 レッド
--2023年 イエロー
--2030年 グリーン
-ピンだけ色をかえる or 建物など全体的に色を変える
~
**2023.09.29
~
***制作
-2015年イラストの制作
&image(2015年_001.jpg,,45%);
~
**2023.09.22
~
***制作
-試しにFigmaをサイトに変換
~
**2023.09.15
~
***制作
-2023年イラストの修正
&image(2023 ラフ pin.jpg,,45%); → &image(Revised2023.jpg,...
~
**2023.07.21
~
***制作
-イラストの修正
~
**2023.07.14
~
***制作
-イラストの修正
-概要集の修正
~
**2023.07.07
~
#image(main2.png)
***前期発表フィードバック
-イラストが錯覚で曲がっているように見えるため修正が必要
-figmaで最終的な成果物として出す場合今サイトを触っている...
→最終的な成果物としてはFigmaではなくWebflowを使いFigma...
-サイトにロゴやマークといったものを載せた方がどういったWe...
-ピンをクリックしたら建物の説明を表示するピンが出るなど、...
-Webflowを使って公開するとあったが Illustratorでイラスト...
-学科サイトの背景・目的に歴史についての記述がないため、「...
~
***作業
-発表を踏まえ、スケジュール変更
-イラストの修正
~
**2023.06.30
~
***制作
-[[概要集試作>https://drive.google.com/file/d/1ezNFsl9o5E...
-2023年イラスト制作
&image(2023 ラフ.jpg,,45%); &image(2023 ラフ pin.jpg,,45...
~
**2023.06.23
~
***イラストの制作調査
-[[Google Earth建物の高さを調査>https://www.google.co.jp/...
-[[パルコ外観>https://www.google.co.jp/url?sa=t&rct=j&q=&...
-[[アイソメトリック(角度)ショートカットキー設定>https:/...
-[[アイソメトリックの円の書き方>https://www.youtube.com/w...
-2023年イラスト制作 参考画像
#image(Tenjin photograph.jpg,50%)
~
**2023.06.16
~
***調査
//-[[イラストの雰囲気1>https://isnadesign.com/work/89]]
-[[イラストの雰囲気 Pinterest >https://www.pinterest.jp/h...
-[[カラー配色>https://color.adobe.com/ja/create/color-whe...
-[[カラーユニバーサルデザイン推奨配色セット>https://jfly....
-[[カラーユニバーサルデザイン推奨配色セットガイドブック>h...
-[[カラーユニバーサルデザイン推奨配色セットver.4>https://...
-FigmaをWebサイトにする方法
--framer = レスポンシブができない
-Webflow
~
**2023.06.09
~
***調査
-[[Figmaからコーディング!書き出し・CSSの各プロパティの値...
-[[App Builder を使って、FigmaのデザインをHTMLコードへ変...
-[[Figmaからコーディングする具体的な方法>https://teru1213...
-[[FigmaのデザインをそのままWebサイトに変換&公開できる「...
-[[デザインがほぼそのままWebサイトになる時代が来てるぞ......
~
**2023.06.02
~
#image(main 1.jpg)
***中間発表フィードバック
-今サンプルとしてfigmaで作成しているがしっかり動けている...
-1番過去で1964年とあるがイラストを描くときに参考になる写...
→一部写真がないものがあるため想像上でイラストを描く建物...
-Webサンプルとして作成したものの中にアコーディオンメニュ...
-アコーディオンを作成しようとした先輩は挫折した方も多く難...
-スケジュールについて、1ヶ月に1つの年代を制作すると言って...
~
***学科サイトの更新
-Todoリストの変更
~
***制作
-イラストの角度調査
-2023年ラフ制作
~
**2023.05.26
~
***技法・技術情報集め
-[[Figma とは>https://www.tokyofreelance.jp/figmastudy/]]
-[[Figma 検索してスキルアップ>https://help.figma.com/hc/j...
-[[Figma アコーディオン作成方法>https://note.com/k_ym/n/n...
-[[イラスト初心者がアイソメトリックイラストを描く>https:/...
-[[流れがわかる! アイソメトリックイラストの描き方>https:/...
~
***Webサイト制作
-ワークフレーム制作
-[[Webサイトイメージ>https://www.figma.com/proto/wUsK9oXS...
-2023年天神地図まとめ
~
**2023.05.19
~
***資料集め
-[[天神の歴史リストの更新>https://docs.google.com/spreads...
-[[天神外観変化調査>https://ksumail-my.sharepoint.com/:x:...
~
***天神についての調査
-[[「福岡に観光地が無い」と言われる本当の理由を考えてみた...
-[[福岡人が「福岡っていいところやろ?」と言ってしまう深い...
-[[観光スポットを聞かれるとちょっと戸惑ってしまう・・・福...
-[[天神ビックバンで、まちはどう変わる?ユーザー意識調査>h...
-[[九州一の衝突事故・天神はどうやってできたのか?>https:/...
~
***その他
-ターゲットの絞り込み
--地域の住民
--天神町に訪れる人⚪︎
--歴史や文化に興味のある人々
--学生や研究者
--地域への関心を持つ人々
--観光客
-背景である天神の歴史の認知度の調査
--[[市民アンケート・ワークショップ>https://bunkazai.city....
---[[住んでる街の歴史を知ろう>https://www.taiju-life.co.j...
---[[Webサイトでのイラストの使用の効果>https://docodoor.c...
~
**2023.05.12
~
***資料集め
-[[天神の歴史リストの更新>https://docs.google.com/spreads...
-[[これからの天神>https://www.city.fukuoka.lg.jp/jutaku-t...
~
**2023.05.05
~
***資料集め
-[[天神の歴史リスト>https://docs.google.com/spreadsheets/...
-[[JavaScriptについて>https://design.kyusan-u.ac.jp/OpenS...
-[[エリアマネジメントから見た天神史>https://www.hues.kyus...
~
**2023.04.28
~
***研究テーマの深堀り
-[[アイソメトリックの描き方2>https://www.alta.co.jp/blog/...
~
**2023.04.21
~
***研究テーマの深堀り
-[[アイソメトリックイラストの描き方1>https://www.wan55.co...
~
***天神についての歴史、調査
-[[ダイエーショッパーズ福岡 (1971年6月~2015年9月)>https:...
→[[イオンショッパーズ福岡 (2015年9月~2019年4月)>https://...
→[[天神ショッパーズ福岡 (2019年4月25日~)>https://toshoke...
-[[ノース天神 (2012年6月28日~2022年8月)>https://www.wiki...
-[[福岡中央郵便局>https://ja.wikipedia.org/wiki/%E7%A6%8F...
-[[日本銀行福岡支店>https://www3.boj.or.jp/fukuoka/aboutu...
-[[福岡パルコ>https://www.parco.co.jp/pdf/jp/library/file...
-[[天神コア>https://www.fukuoka-keizai.co.jp/interview/%E...
-[[天神ビブレ>https://welovetenjin.com/archives/bigbang_i...
-[[警固公園>https://www.hilife.or.jp/cities/data.php?p=10...
-[[福岡三越>https://www.imhds.co.jp/ja/business/history/h...
-[[大丸福岡天神店>https://www.daimaru-fukuoka.jp/contents...
-[[エルガーラ>http://osaka-sirokichi.seesaa.net/article/4...
-[[福岡市市役所>https://koikoi2011.blog.fc2.com/blog-entr...
-[[福岡市市役所>https://ja.wikipedia.org/wiki/%E7%A6%8F%E...
-[[天神中央公園>https://tenjin-central-park.jp/about]]
-[[アクロス福岡>https://www.acros.or.jp/r_facilities/abou...
-[[福岡市赤煉瓦文化館>https://ja.wikipedia.org/wiki/%E7%A...
-[[水鏡天満宮>https://fanfunfukuoka.nishinippon.co.jp/853...
-[[SHIP’S GARDEN>https://co-trip.jp/article/79116/]]
~
**2023.04.14
~
***卒業研究テーマ候補
-福岡(天神?)の歴史についてのWebサイトの作成。アイソメトリ...
-日常の起源の紹介。花やプラスチックやPC、道路に学校など普...
~
***現状調査
-[[のったよ!福岡タイムスリップ号>https://tenjin-univ.net...
-[[アイソメトリック Webサイト10選>https://mtame.jp/design...
-[[今昔福岡市>http://toshokan.city.fukuoka.lg.jp/files/Pu...
-[[天神地区>https://ja.wikipedia.org/wiki/%E5%A4%A9%E7%A5...
-[[身近にあるものの意外な起源>https://trapradar.net/study...
-[[子供の「なぜなぜ期」について>https://mama.chintaistyle...
~
~
//reddit とは
ページ名: