牧野友紀/情報デザイン研究I
をテンプレートにして作成
HOME
ABOUT
最新の更新
2021
MEMBER 2021
青木暁光
石坂大翔
出光美心
岩崎貴生
岩下雄真
内尾颯太
江川珠貴
大中啓旦
亀田日向
川村洸太
木村円香
久保絢菜
倉員優実
桑原歩未
鴻上早紀
崔昊
佐光美憂
柴田一輝
竹谷匠冬
田籠祐貴
田代爽乃
内藤彩乃
西山実伶
濱有希子
濱田侑里
藤本唯人
松岡佑樹
松藤陽
村山陽菜
山田宗周
渡邊来美
渡辺侑貴
中西華子
原田朋奈
水田修太朗
宮副咲葉
猪須大翔
川面翔太
隈翔太
柴田葉月
角祐菜
豊岡壮大朗
吉井麻吏菜
2022
MEMBER 2022
棈松智也
梅木悠民
江頭奏
大井このか
大石颯
太田糸音
太田姫奈
越智楓
鎌田真幸
楠田佑月
興梠媛愛
後藤太成
坂井彩華
指方依緒
徐泰陽
杉野市之助
堤晴司
角田雄一
中井千尋
原朋恵
平嶋明日花
増田里奈
深町彩海
藤島早希
宮路咲希
梁井英翔
山口愛麗
山本彩花
松田葉奈
松本龍太郎
熊谷涼花
近藤ひかる
善結穂
待永萌衣
三浦遥
石松匡広
上田莉帆
宇田川春稀
宇美希美
佐野美和
竹之内咲希
土斐崎種定
野村優亜
福田千紗
山川彩香
山田侑加子
重松優花
甲斐陸斗
2023
MEMBER 2023
秋月靖雅
浅田真優花
阿南慶子
荒谷唯斗
安藤貴仁
池邉成
井上大河
岩本愛結
梅﨑美和
浦朱里
江村梨里香
大場こころ
勝田喜一
亀崎瑞穂
神田舞
白井くるみ
髙市遥
竹松莉羽
寺田圭志
中村心香
原晴紀
菱谷実来
日山晃良
平崎千夏
福井涼
堀玲二
山口恵
早稲田加奈恵
渡邊優希
十時明日香
石井彩晶
大神槙之介
大熊玄樹
大山花音
岡萌絵子
荻野美咲
鐘ヶ江雅
金田桜子
北村美優香
清野梨果
高庄玲衣
津覇稜也
中川飛鳥
福屋早希乃
脇山千寛
2024
MEMBER 2024
芦谷心渚
安部詩織
池田隆之介
伊藤早紀
越智花凛
金ヶ江光千瑠
蒲田花菜
川村玲太
菊池真桜
後藤未羽
齊場由布
佐々木陽菜
佐藤美月
猿本大翔
竹之内優希
田尻有沙
谷口和歌子
千々岩聡真
手島凜
鳥越友菜
中尾桃瀬
野口朗央
福岡比菜
松崎菜々実
松永紗和
真子大輝
南妃香莉
宮園晴日
森山海莉
劉沢寧
渡辺颯香
足立実優
池田阜弥
井上朋美
宇野日菜
上瀧桃子
茂山和寛
髙嶋莉彩
橘彩以
田中さゆり
田村宥奈
徳永歩乃佳
轟はなの
庭瀬美来
橋本音花
若狭映那
STAFF
専任教員一覧
伊藤敬生
井上貢一
井上友子
岩田敦之
桜井祐
永嶋さゆり
北島己佐吉
OBOG
2023年度卒業生
2022年度卒業生
2021年度卒業生
2020年度卒業生
2019年度卒業生
SESSION
専門科目一覧
ソーシャルデザイン概論
ソーシャルデザイン演習
情報デザイン演習IIA
情報デザイン演習IIB
地域ブランド企画演習IIA
地域ブランド企画演習IIB
視覚デザイン演習
Webデザイン演習
3DCG演習
情報デザイン研究I
地域ブランド企画研究I
卒業研究
教務ガイダンス
RecommendedVideo
BasicKnowledge
PROJECT
LINKS
SEARCH
開始行:
*セルフラブ
リラックスを提供するWebマガジン
~
#image(IMG_0827.PNG)
~
-'''Web,magazine,relax,like,love'''
-https://yukimakino025.github.io/selflove/
~
**概要
~
***🔍これは何?
~
//&color(red){これは何か・・を簡潔に};
コロナで悩む若者に癒しやストレス解消の方法を届けられるよ...
~
セルフラブとは「自分を愛する」こと。
コロナで心が疲弊している人も自分自身のために癒しの時間を...
~
~
***📙背景
~
//&color(red){プロジェクトの背景と目的};
コロナ禍で私も含め周りの友人も孤独感・無気力感に悩んでい...
癒しを提供する考え方からイベントなどをまとめているサイト...
また、九州には多くのイベントや体験があり、九州で癒しの時...
また、以前より雑誌やZINEに興味があり、今回は見る人が空い...
~
~
***🐏目的(最終目標)
~
このWebマガジンを見てコロナ禍で抱える孤独感や無気力感とい...
サイトも日常のストレスを忘れられるような癒しを提供できる...
~
~
***🐏コンセプト
~
//&color(red){基本的な考え方、枠組み、視点など、作戦、方...
-大学生を中心とした若者向けに見てもらえるような内容、ビジ...
-主に九州に住んでいる若者が実践し、体験できる内容。
~
~
***💡制作物🐏
~
[[セルフラブ(webマガジン)>https://yukimakino025.github.io...
~
~
***🐏成果物の仕様
~
//&color(red){&small(成果物の形式・サイズ・時間尺等);};
~
***🐏ビジュアルについて
#image(IMG_0666.PNG,50%)
癒しや柔らかい印象のイメージとぴったりだと思い、羊のキャ...
クリーム色は羊の柔らかい毛(癒し)
オレンジは元気なイメージ
ブルーは若者のフレッシュさ
をイメージしました。
~
-今回利用したフリーイラスト素材[[shigureni free illust>ht...
~
~
***✏️制作ツール
~
//&color(red){使用するツール|ハードウエア・ソフトウエア};
-Atom
-github
-Illustrator
-procreate(絵描きアプリ)
-今回利用したフリーイラスト素材[[shigureni free illust>ht...
~
~
~
***⏳プロジェクトの期間
~
2022.04.14-2022.07.15
//&color(red){プロジェクトの期間|20XX.XX.XX - 20XX.XX.XX...
~
~
~
***🐏まとめ
~
//&color(red){プロジェクトが完結したら「まとめ」を記載し...
-
-webサイトは比較的見やすいものなった。
-サイトのビジュアルも柔らかい安心感のあるものにできた。
-これから内容を増やし、より多くの人の意見を集め内容の充実...
-より見やすい、何度も見たくなるようなビジュアルにしていき...
-多くの人に見てもらうきっかけが必要だと感じたため、SNSを...
~
~
~
**調査
***現状調査
~
***✏️目的
若者にリラックスを提供するWebサイトのための若者のストレス...
ストレスを軽減するためにはどのようなことをするのが良いの...
ストレス解消に効く色や形についての調査
~
***✏️方法
ニュースや記事で若者のストレスについて調査する。
~
***コロナ禍で抱える若者のストレスの記事
[[若者の半数が「何もしたくなくなる、無気力」な気持ちに変...
[[コロナ禍で若者の心も不安定に 中高生や大学生から「つら...
[[「若い世代ほどコロナ禍でストレス」スイスの専門家>https:...
~
***✏️結果
-孤独を抱えている若者が多くなっている。(私にも実感がある)
-将来への漠然とした不安がある。
-無気力になり、やりたいことがない。
↓
***若者の孤独感を解決できるものは何か。
***若者が無気力感、やりたいこと好きなことがわからない状態...
~
***若者の孤独感を解決できるもの。
[[寂しい時どうすればいい?孤独感でツラい時に試してほしい...
-[[新型コロナウイルスによる不安やストレスなどの心の問題に...
-[[キナリノ心が疲れたら整えよう。日常に取り入れたい「癒し...
-どこかにでかける→event(九州や遠隔で参加できるもの)
-SNSから離れてみる→Life
-考え方を変えてみる→Think
~
***自分のやりたいこと好きなことを見つける方法
-他の人の好きなものを知る。→インタビュー
-自分のすきなことを探す方法を伝授。
~
***心理的な効果のある色・形
[[「丸み」がもたらす心理的効果>https://www.kagura.co.jp/b...
[[色で感情が動く!?色が持つ心理効果と活用方法>https://ki...
↓
-丸みを帯びた形状は人の心理に癒しの効果を与える。
-暖色のペールトーンは穏やかで暖かい気持ちにさせる。
-緑は穏やかで安心感のある色。
-寒色は信頼感や誠実なイメージがある。暗いトーンだと気持ち...
~
//&color(red){プロジェクトのテーマに関わる社会の現状と問...
~
***先行事例
//&color(red){プロジェクトのテーマに該当する先行事例の紹...
-[[HITOTOKI>https://hitotoki-hotel.com/]]
落ち着いた雰囲気がとても心地よくリラックスというテーマに...
-[[haconiwa>https://www.haconiwa-mag.com/design/]]
個人的にとても見やすい。
-[[MINI FUJI-CO | 小さくおいしいリンゴの物語>http://minif...
-[[HELLO SCOOTER>https://www.helloscooter.jp/]]
-[[BRUTUS>https://brutus.jp/]]
-[[clip>https://clip-magazine.com/]]
-[[haconiwa>https://www.haconiwa-mag.com/design/]]
~
[[ピンタレスト>https://pin.it/1Zv8FNL]]
~
***技法・技術情報
//&color(red){プロジェクトの遂行に必要な技法・技術に関す...
[[HTMLタグ一覧>https://www.dspt.net/html_tag/index.html]]
[[動くWebデザインアイディア帳>https://coco-factory.jp/ugo...
~
~
**プロジェクト管理
***スケジュール
//&color(red){計画的な遂行のために、進行管理表を作成して...
[[スケジュール>https://docs.google.com/spreadsheets/d/1ss...
~
***Webサイト制作のながれ
1.プロジェクトの企画 調査 コンセプトを確定(目標とゴール...
2.取材、撮影。
3.Webサイト全体の構成作成(サイトマップ作成)
4.Webページの情報設計(ワイヤーフレーム)
5.デザイン作成(イラレでのビジュアル制作)
6.コーディング・システム開発
7.テスト
8.リリース
~
***ToDo
//&color(red){やるべきこと(タスク)を箇条書きにします。};
//&color(red){完了後は「%%取り消し線%%」あるいは「// コメ...
%%企画立案%%
%%サイトマップ作成%%
%%-ワイヤーフレーム作成%%
%%-具体的なビジュアルの制作%%
%%-取材%%
%%-撮影%%
%%-アイコンなどの作成%%
%%-サイト作成する場所の確保%%
%%-サイトのコーディング%%
~
***NotToDo
//&color(red){やらないこと:何をするかではなく「何をしな...
//&color(red){例:10人以上の会議には出ない。苦手なことは...
-イラストは描かない(フリー素材を使用する)
~
~
#hr
CENTER:''🌷進捗記録🌷''
//&color(red){最新の情報を一番上に記載して下さい(古い記...
#hr
~
~
**2022.07.14
***最終確認
-発表準備
~
**2022.07.07
***最終確認
-サイトのレイアウトを揃えた。
-スマホサイズの調節
~
**2022.06.30
***アイコン作成
#image(IMG_0666.PNG,center,50%)
~
羊は癒しや休息のイメージで使用されることの多いキャラクタ...
また。前回の文字が線の印象が強かったので手書きで書くこと...
-スマホ画面を作成
~
**2022.06.23
***今週行ったこと
-サイトのビジュアルを改めた。
#image(jouhou0001.png)
-thinkのページがほぼ完成!
-Eventのページを書く。
-
~
***これからの課題
-スマホ画面にする。
-ハンバーガーメニュー
-aboutのページのコーディング完成させる。
-ファビコンの制作。
-背景の画像の配置。
-音楽のページをもう一つ増やす。
-interviewの記事の制作
-Eventの記事制作
~
**2022.06.16
~
***今週行ったこと
-サイトのコーディング(各ページのHTMLとCSSを作成)。
-Thinkのページの記事を完成。
-お店の記事完成。
-aboutの記事を作成。(スマホ版にする方法を先に知る必要あり...
-サイトのビジュアルを改めた。
#image(design01.png)
-eventページに載せる場所を確定。
~
***これからやることの洗い出し
-スマホ画面にする方法を学ぶ。
[[画面のサイズをスマホにする>https://qiita.com/keitah/ite...
[[ハンバーガーメニュー>https://webcreatetips.com/coding/1...
-aboutのページの<nav>が機能しないので原因を知る。
%%navのところの文字を変える。%%
-メインの文字を変える方法。
-eventページの記事を書く。
-Lifeページの映画、本、音楽の内容を確定すること。
-Lifeページの記事を書く。
-インタビューを始める。
~
**2022.06.09
***今週行ったこと
-背景を自分の作った画像に変える方法を調べる。
-サイトのビジュアルをよりわかりやすく見直した。
-アンケート調査を実施
~
**2022.06.01
***今週までに行ったこと
-概要の書き込み
-メインビジュアルの制作
-Webサイトの試作
~
**2022.05.17
***あらいだし
1.about
2.event
3.life(映画、本、モノ)
4.Think
5.interview
***サイトマップ
#image(IMG_0227.JPG)
~
***ワイヤーフレーム
#image(IMG_0232.JPG)
~
**2022.05.012
企画
コロナ禍でストレスが溜まっている若者(主に大学生)に向けた...
***調査📚
~
***目的
若者にリラックスを提供するWebサイトのための若者のストレス...
ストレスを軽減するためにはどのようなことをするのが良いの...
ストレス解消に効く色や形についての調査
~
***方法
ニュースや記事で若者のストレスについて調査する。
~
***コロナ禍で抱える若者のストレスの記事
[[若者の半数が「何もしたくなくなる、無気力」な気持ちに変...
[[コロナ禍で若者の心も不安定に 中高生や大学生から「つら...
[[「若い世代ほどコロナ禍でストレス」スイスの専門家>https:...
[[コロナ禍3年目、孤独抱える若者たち 「何で生きているのか...
[[若者を救う 何気ないことば - NHK.JP>https://www3.nhk.or....
~
***結果
-孤独を抱えている若者が多くなっている。(私にも実感がある)
-将来への漠然とした不安がある。
-無気力になり、やりたいことがない。
↓
***若者の孤独感を解決できるものは何か。
***若者が無気力感、やりたいこと好きなことがわからない状態...
~
***ストレスを解決するための方法
-[[新型コロナウイルスによる不安やストレスなどの心の問題に...
-[[キナリノ心が疲れたら整えよう。日常に取り入れたい「癒し...
-友達のストレス解消方法を知る
~
***若者の孤独感を解決できるもの。
[[寂しい時どうすればいい?孤独感でツラい時に試してほしい...
~
***自分のやりたいこと好きなことを見つける方法
-他の人の好きなものを知る。
-自分のニヤニヤポイントを探す方法を伝授。
***参考にしたいサイト
-[[ノーミーツ>https://no.meets.ltd/]]
若者世代はカテゴリーなどがイラストだと見やすい気がする。
ポップなイラストは目が引きやすいのでは。
-[[HITOTOKI>https://hitotoki-hotel.com/]]
落ち着いた雰囲気がとても心地よくリラックスというテーマに...
-[[haconiwa>https://www.haconiwa-mag.com/design/]]
個人的にとても見やすい。
~
**2022.05.05
***調査
-九州のWebマガジン
[[クリップ>https://clip-magazine.com/]]
北部九州を中心にイケているヒト・モノ・コトにフィーチャー...
カテゴリー:エリア、ジャンル
~
[[アイバナ>https://anaba-na.com/feature]]
九州の魅力を掘り起こす活動型Webサイト。
テーマは食と道具
カテゴリー:読み物、活動、特集、旅、お土産。
~
[[九州とサウナ>https://kyushusauna.com/]]
九州に住むサウナ愛好家たちがサウナについて語るWebマガジン。
カテゴリー:新着記事、エリア別記事
~
[[AFRO FUKUOKA>http://afro-fukuoka.net/]]
主に福岡にあるモノ・コトに関するWebサイト(若者向け)
カテゴリー:fashion、旅、ご飯、CULTURE(アート、展示、施設...
(やりたいものに近い)
~
[[MADEIN>http://monokoto-madein.jp/]]
九州・福岡のモノ・コトづくりを応援する媒体。
カテゴリー:shop、event、colum、topics
~
[[CREATIVE CITY FUKUOKA>http://www.creative-fukuoka.jp/]]
福岡のゲーム、ファッション、音楽、映画、アニメ、デザイン...
カテゴリー:imfomation、福岡であるイベントなどの情報が主。
~
~
-大学生向けのWebマガジン
[[PERRY>https://perry.tabippo.net/about/]]
学生の世界を広げるWebマガジン。
~
[[Campus magazine>https://magazine.campus-web.jp/]]
~
~
-デザイン系のWebマガジン
[[haconiwa>https://www.haconiwa-mag.com/design/]]
[[AXIS>https://www.axismag.jp/]]
~
***企画
-ターゲット(who)
九州に住んでいる大学生
~
-コンセプト
このマガジンを通して、若者に九州のアートやデザイン、モノ...
若者向けのWebサイト。
~
-サイトに載せるページ案
この雑誌について(about)
ご飯
遊び
~
-届け方(How)
Webサイトを検索してから見る方は少ないと思う。
何かのきっかけ(例:その商品を購入するなど)がなければ見な...
instagramなどを活用しWebサイトを見るきっかけ作りをする必...
~
~
**2022.04.28
***企画
-ターゲット(who)
//自分に自信がなくなってしまった人
~
-コンセプト
このWebマガジンを通して、LOVE(すきなこと、もの、愛)を充電...
他人の好きなものを通して、自分の好きなもの、ことに自信を...
大学で好きなことを学んでいる人を見て自分の将来の姿を想像...
//多様性の社会について考えてほしい。
//[[自己肯定感ってなんだろう>https://www.center-mie.or.jp...
~
-サイトに載せるページ案
この雑誌について(about)
自分の好きなものを語ってもらうインタビュー(interview)
[[インタビューのコツ>https://yosca.jp/writer/3771/]]
[[インタビューのコツ2>https://tomorrowgate.co.jp/blog/29...
自分の生き方を肯定できる作品の紹介(映画、音楽、本)(Culture)
こころの健康(Life)
~
-届け方(How)
Webサイトを検索してから見る方は少ないと思う。
何かのきっかけ(例:その商品を購入するなど)がなければ見な...
instagramなどを活用しWebサイトを見るきっかけ作りをする必...
~
***制作ツール(現段階で)
-[[xfree>https://www.xfree.ne.jp/login/member.php]]
~
***アイデアスケッチ
***調査(専攻事例)
[[キナリノ>https://kinarino.jp/cat6-%E3%83%A9%E3%82%A4%E3...
~
**2022.04.21
***調査
-Webマガジンとは
紙媒体ではなく、インターネット上で展開している雑誌。近年...
~
-利点
紙媒体よりも自分の見たい情報をいち早く見ることができる。
デジタル機器があればいつでもどこでも見ることができる。
-欠点
読む内容が偏ってしまう場合がある。
~
~
-Webサイト制作のながれ
1.プロジェクトの企画 調査 コンセプトを確定(目標とゴール...
2.取材、撮影。
3.Webサイト全体の構成作成(サイトマップ作成)
4.Webページの情報設計(ワイヤーフレーム)
5.デザイン作成(イラレでのビジュアル制作)
6.コーディング・システム開発
7.テスト
8.リリース
[[Webサイト作り方>https://blog.nijibox.jp/article/website...
[[雑誌ができるまで>https://jinji.shogakukan.co.jp/2018_te...
[[Webメディアの立ち上げ方>https://www.fourglobe.co.jp/blo...
~
-[[スケジュール>https://docs.google.com/spreadsheets/d/1s...
~
~
***アイデアスケッチ
#image(IMG_0205.JPG)
**2022.04.14
***調査
~
参考サイト
-[[ANTENNA>https://antenna-mag.com/]]
-[[BRUTUS>https://brutus.jp/]]
-[[マガジンど>https://dododododo.jp/]]
-[[HOKKAIDO TO GO>https://hokkaidotogo.com/]]
-[[AXIS>https://www.axismag.jp/]]
-[[haconiwa>https://www.haconiwa-mag.com/design/]]
-[[AYONDO>https://ayond.jp/]]
-[[Podcast Weekend>https://podcastweekend.jp/]]
-[[0から考えよう>https://www.shogakukan.co.jp/zero/]]
-[[temamori>https://temamori.com/]]
~
***テーマ案
-多様性をテーマにしたWebマガジンの制作
-地震などの災害時に役立つWebサイトの制作
-
~
終了行:
*セルフラブ
リラックスを提供するWebマガジン
~
#image(IMG_0827.PNG)
~
-'''Web,magazine,relax,like,love'''
-https://yukimakino025.github.io/selflove/
~
**概要
~
***🔍これは何?
~
//&color(red){これは何か・・を簡潔に};
コロナで悩む若者に癒しやストレス解消の方法を届けられるよ...
~
セルフラブとは「自分を愛する」こと。
コロナで心が疲弊している人も自分自身のために癒しの時間を...
~
~
***📙背景
~
//&color(red){プロジェクトの背景と目的};
コロナ禍で私も含め周りの友人も孤独感・無気力感に悩んでい...
癒しを提供する考え方からイベントなどをまとめているサイト...
また、九州には多くのイベントや体験があり、九州で癒しの時...
また、以前より雑誌やZINEに興味があり、今回は見る人が空い...
~
~
***🐏目的(最終目標)
~
このWebマガジンを見てコロナ禍で抱える孤独感や無気力感とい...
サイトも日常のストレスを忘れられるような癒しを提供できる...
~
~
***🐏コンセプト
~
//&color(red){基本的な考え方、枠組み、視点など、作戦、方...
-大学生を中心とした若者向けに見てもらえるような内容、ビジ...
-主に九州に住んでいる若者が実践し、体験できる内容。
~
~
***💡制作物🐏
~
[[セルフラブ(webマガジン)>https://yukimakino025.github.io...
~
~
***🐏成果物の仕様
~
//&color(red){&small(成果物の形式・サイズ・時間尺等);};
~
***🐏ビジュアルについて
#image(IMG_0666.PNG,50%)
癒しや柔らかい印象のイメージとぴったりだと思い、羊のキャ...
クリーム色は羊の柔らかい毛(癒し)
オレンジは元気なイメージ
ブルーは若者のフレッシュさ
をイメージしました。
~
-今回利用したフリーイラスト素材[[shigureni free illust>ht...
~
~
***✏️制作ツール
~
//&color(red){使用するツール|ハードウエア・ソフトウエア};
-Atom
-github
-Illustrator
-procreate(絵描きアプリ)
-今回利用したフリーイラスト素材[[shigureni free illust>ht...
~
~
~
***⏳プロジェクトの期間
~
2022.04.14-2022.07.15
//&color(red){プロジェクトの期間|20XX.XX.XX - 20XX.XX.XX...
~
~
~
***🐏まとめ
~
//&color(red){プロジェクトが完結したら「まとめ」を記載し...
-
-webサイトは比較的見やすいものなった。
-サイトのビジュアルも柔らかい安心感のあるものにできた。
-これから内容を増やし、より多くの人の意見を集め内容の充実...
-より見やすい、何度も見たくなるようなビジュアルにしていき...
-多くの人に見てもらうきっかけが必要だと感じたため、SNSを...
~
~
~
**調査
***現状調査
~
***✏️目的
若者にリラックスを提供するWebサイトのための若者のストレス...
ストレスを軽減するためにはどのようなことをするのが良いの...
ストレス解消に効く色や形についての調査
~
***✏️方法
ニュースや記事で若者のストレスについて調査する。
~
***コロナ禍で抱える若者のストレスの記事
[[若者の半数が「何もしたくなくなる、無気力」な気持ちに変...
[[コロナ禍で若者の心も不安定に 中高生や大学生から「つら...
[[「若い世代ほどコロナ禍でストレス」スイスの専門家>https:...
~
***✏️結果
-孤独を抱えている若者が多くなっている。(私にも実感がある)
-将来への漠然とした不安がある。
-無気力になり、やりたいことがない。
↓
***若者の孤独感を解決できるものは何か。
***若者が無気力感、やりたいこと好きなことがわからない状態...
~
***若者の孤独感を解決できるもの。
[[寂しい時どうすればいい?孤独感でツラい時に試してほしい...
-[[新型コロナウイルスによる不安やストレスなどの心の問題に...
-[[キナリノ心が疲れたら整えよう。日常に取り入れたい「癒し...
-どこかにでかける→event(九州や遠隔で参加できるもの)
-SNSから離れてみる→Life
-考え方を変えてみる→Think
~
***自分のやりたいこと好きなことを見つける方法
-他の人の好きなものを知る。→インタビュー
-自分のすきなことを探す方法を伝授。
~
***心理的な効果のある色・形
[[「丸み」がもたらす心理的効果>https://www.kagura.co.jp/b...
[[色で感情が動く!?色が持つ心理効果と活用方法>https://ki...
↓
-丸みを帯びた形状は人の心理に癒しの効果を与える。
-暖色のペールトーンは穏やかで暖かい気持ちにさせる。
-緑は穏やかで安心感のある色。
-寒色は信頼感や誠実なイメージがある。暗いトーンだと気持ち...
~
//&color(red){プロジェクトのテーマに関わる社会の現状と問...
~
***先行事例
//&color(red){プロジェクトのテーマに該当する先行事例の紹...
-[[HITOTOKI>https://hitotoki-hotel.com/]]
落ち着いた雰囲気がとても心地よくリラックスというテーマに...
-[[haconiwa>https://www.haconiwa-mag.com/design/]]
個人的にとても見やすい。
-[[MINI FUJI-CO | 小さくおいしいリンゴの物語>http://minif...
-[[HELLO SCOOTER>https://www.helloscooter.jp/]]
-[[BRUTUS>https://brutus.jp/]]
-[[clip>https://clip-magazine.com/]]
-[[haconiwa>https://www.haconiwa-mag.com/design/]]
~
[[ピンタレスト>https://pin.it/1Zv8FNL]]
~
***技法・技術情報
//&color(red){プロジェクトの遂行に必要な技法・技術に関す...
[[HTMLタグ一覧>https://www.dspt.net/html_tag/index.html]]
[[動くWebデザインアイディア帳>https://coco-factory.jp/ugo...
~
~
**プロジェクト管理
***スケジュール
//&color(red){計画的な遂行のために、進行管理表を作成して...
[[スケジュール>https://docs.google.com/spreadsheets/d/1ss...
~
***Webサイト制作のながれ
1.プロジェクトの企画 調査 コンセプトを確定(目標とゴール...
2.取材、撮影。
3.Webサイト全体の構成作成(サイトマップ作成)
4.Webページの情報設計(ワイヤーフレーム)
5.デザイン作成(イラレでのビジュアル制作)
6.コーディング・システム開発
7.テスト
8.リリース
~
***ToDo
//&color(red){やるべきこと(タスク)を箇条書きにします。};
//&color(red){完了後は「%%取り消し線%%」あるいは「// コメ...
%%企画立案%%
%%サイトマップ作成%%
%%-ワイヤーフレーム作成%%
%%-具体的なビジュアルの制作%%
%%-取材%%
%%-撮影%%
%%-アイコンなどの作成%%
%%-サイト作成する場所の確保%%
%%-サイトのコーディング%%
~
***NotToDo
//&color(red){やらないこと:何をするかではなく「何をしな...
//&color(red){例:10人以上の会議には出ない。苦手なことは...
-イラストは描かない(フリー素材を使用する)
~
~
#hr
CENTER:''🌷進捗記録🌷''
//&color(red){最新の情報を一番上に記載して下さい(古い記...
#hr
~
~
**2022.07.14
***最終確認
-発表準備
~
**2022.07.07
***最終確認
-サイトのレイアウトを揃えた。
-スマホサイズの調節
~
**2022.06.30
***アイコン作成
#image(IMG_0666.PNG,center,50%)
~
羊は癒しや休息のイメージで使用されることの多いキャラクタ...
また。前回の文字が線の印象が強かったので手書きで書くこと...
-スマホ画面を作成
~
**2022.06.23
***今週行ったこと
-サイトのビジュアルを改めた。
#image(jouhou0001.png)
-thinkのページがほぼ完成!
-Eventのページを書く。
-
~
***これからの課題
-スマホ画面にする。
-ハンバーガーメニュー
-aboutのページのコーディング完成させる。
-ファビコンの制作。
-背景の画像の配置。
-音楽のページをもう一つ増やす。
-interviewの記事の制作
-Eventの記事制作
~
**2022.06.16
~
***今週行ったこと
-サイトのコーディング(各ページのHTMLとCSSを作成)。
-Thinkのページの記事を完成。
-お店の記事完成。
-aboutの記事を作成。(スマホ版にする方法を先に知る必要あり...
-サイトのビジュアルを改めた。
#image(design01.png)
-eventページに載せる場所を確定。
~
***これからやることの洗い出し
-スマホ画面にする方法を学ぶ。
[[画面のサイズをスマホにする>https://qiita.com/keitah/ite...
[[ハンバーガーメニュー>https://webcreatetips.com/coding/1...
-aboutのページの<nav>が機能しないので原因を知る。
%%navのところの文字を変える。%%
-メインの文字を変える方法。
-eventページの記事を書く。
-Lifeページの映画、本、音楽の内容を確定すること。
-Lifeページの記事を書く。
-インタビューを始める。
~
**2022.06.09
***今週行ったこと
-背景を自分の作った画像に変える方法を調べる。
-サイトのビジュアルをよりわかりやすく見直した。
-アンケート調査を実施
~
**2022.06.01
***今週までに行ったこと
-概要の書き込み
-メインビジュアルの制作
-Webサイトの試作
~
**2022.05.17
***あらいだし
1.about
2.event
3.life(映画、本、モノ)
4.Think
5.interview
***サイトマップ
#image(IMG_0227.JPG)
~
***ワイヤーフレーム
#image(IMG_0232.JPG)
~
**2022.05.012
企画
コロナ禍でストレスが溜まっている若者(主に大学生)に向けた...
***調査📚
~
***目的
若者にリラックスを提供するWebサイトのための若者のストレス...
ストレスを軽減するためにはどのようなことをするのが良いの...
ストレス解消に効く色や形についての調査
~
***方法
ニュースや記事で若者のストレスについて調査する。
~
***コロナ禍で抱える若者のストレスの記事
[[若者の半数が「何もしたくなくなる、無気力」な気持ちに変...
[[コロナ禍で若者の心も不安定に 中高生や大学生から「つら...
[[「若い世代ほどコロナ禍でストレス」スイスの専門家>https:...
[[コロナ禍3年目、孤独抱える若者たち 「何で生きているのか...
[[若者を救う 何気ないことば - NHK.JP>https://www3.nhk.or....
~
***結果
-孤独を抱えている若者が多くなっている。(私にも実感がある)
-将来への漠然とした不安がある。
-無気力になり、やりたいことがない。
↓
***若者の孤独感を解決できるものは何か。
***若者が無気力感、やりたいこと好きなことがわからない状態...
~
***ストレスを解決するための方法
-[[新型コロナウイルスによる不安やストレスなどの心の問題に...
-[[キナリノ心が疲れたら整えよう。日常に取り入れたい「癒し...
-友達のストレス解消方法を知る
~
***若者の孤独感を解決できるもの。
[[寂しい時どうすればいい?孤独感でツラい時に試してほしい...
~
***自分のやりたいこと好きなことを見つける方法
-他の人の好きなものを知る。
-自分のニヤニヤポイントを探す方法を伝授。
***参考にしたいサイト
-[[ノーミーツ>https://no.meets.ltd/]]
若者世代はカテゴリーなどがイラストだと見やすい気がする。
ポップなイラストは目が引きやすいのでは。
-[[HITOTOKI>https://hitotoki-hotel.com/]]
落ち着いた雰囲気がとても心地よくリラックスというテーマに...
-[[haconiwa>https://www.haconiwa-mag.com/design/]]
個人的にとても見やすい。
~
**2022.05.05
***調査
-九州のWebマガジン
[[クリップ>https://clip-magazine.com/]]
北部九州を中心にイケているヒト・モノ・コトにフィーチャー...
カテゴリー:エリア、ジャンル
~
[[アイバナ>https://anaba-na.com/feature]]
九州の魅力を掘り起こす活動型Webサイト。
テーマは食と道具
カテゴリー:読み物、活動、特集、旅、お土産。
~
[[九州とサウナ>https://kyushusauna.com/]]
九州に住むサウナ愛好家たちがサウナについて語るWebマガジン。
カテゴリー:新着記事、エリア別記事
~
[[AFRO FUKUOKA>http://afro-fukuoka.net/]]
主に福岡にあるモノ・コトに関するWebサイト(若者向け)
カテゴリー:fashion、旅、ご飯、CULTURE(アート、展示、施設...
(やりたいものに近い)
~
[[MADEIN>http://monokoto-madein.jp/]]
九州・福岡のモノ・コトづくりを応援する媒体。
カテゴリー:shop、event、colum、topics
~
[[CREATIVE CITY FUKUOKA>http://www.creative-fukuoka.jp/]]
福岡のゲーム、ファッション、音楽、映画、アニメ、デザイン...
カテゴリー:imfomation、福岡であるイベントなどの情報が主。
~
~
-大学生向けのWebマガジン
[[PERRY>https://perry.tabippo.net/about/]]
学生の世界を広げるWebマガジン。
~
[[Campus magazine>https://magazine.campus-web.jp/]]
~
~
-デザイン系のWebマガジン
[[haconiwa>https://www.haconiwa-mag.com/design/]]
[[AXIS>https://www.axismag.jp/]]
~
***企画
-ターゲット(who)
九州に住んでいる大学生
~
-コンセプト
このマガジンを通して、若者に九州のアートやデザイン、モノ...
若者向けのWebサイト。
~
-サイトに載せるページ案
この雑誌について(about)
ご飯
遊び
~
-届け方(How)
Webサイトを検索してから見る方は少ないと思う。
何かのきっかけ(例:その商品を購入するなど)がなければ見な...
instagramなどを活用しWebサイトを見るきっかけ作りをする必...
~
~
**2022.04.28
***企画
-ターゲット(who)
//自分に自信がなくなってしまった人
~
-コンセプト
このWebマガジンを通して、LOVE(すきなこと、もの、愛)を充電...
他人の好きなものを通して、自分の好きなもの、ことに自信を...
大学で好きなことを学んでいる人を見て自分の将来の姿を想像...
//多様性の社会について考えてほしい。
//[[自己肯定感ってなんだろう>https://www.center-mie.or.jp...
~
-サイトに載せるページ案
この雑誌について(about)
自分の好きなものを語ってもらうインタビュー(interview)
[[インタビューのコツ>https://yosca.jp/writer/3771/]]
[[インタビューのコツ2>https://tomorrowgate.co.jp/blog/29...
自分の生き方を肯定できる作品の紹介(映画、音楽、本)(Culture)
こころの健康(Life)
~
-届け方(How)
Webサイトを検索してから見る方は少ないと思う。
何かのきっかけ(例:その商品を購入するなど)がなければ見な...
instagramなどを活用しWebサイトを見るきっかけ作りをする必...
~
***制作ツール(現段階で)
-[[xfree>https://www.xfree.ne.jp/login/member.php]]
~
***アイデアスケッチ
***調査(専攻事例)
[[キナリノ>https://kinarino.jp/cat6-%E3%83%A9%E3%82%A4%E3...
~
**2022.04.21
***調査
-Webマガジンとは
紙媒体ではなく、インターネット上で展開している雑誌。近年...
~
-利点
紙媒体よりも自分の見たい情報をいち早く見ることができる。
デジタル機器があればいつでもどこでも見ることができる。
-欠点
読む内容が偏ってしまう場合がある。
~
~
-Webサイト制作のながれ
1.プロジェクトの企画 調査 コンセプトを確定(目標とゴール...
2.取材、撮影。
3.Webサイト全体の構成作成(サイトマップ作成)
4.Webページの情報設計(ワイヤーフレーム)
5.デザイン作成(イラレでのビジュアル制作)
6.コーディング・システム開発
7.テスト
8.リリース
[[Webサイト作り方>https://blog.nijibox.jp/article/website...
[[雑誌ができるまで>https://jinji.shogakukan.co.jp/2018_te...
[[Webメディアの立ち上げ方>https://www.fourglobe.co.jp/blo...
~
-[[スケジュール>https://docs.google.com/spreadsheets/d/1s...
~
~
***アイデアスケッチ
#image(IMG_0205.JPG)
**2022.04.14
***調査
~
参考サイト
-[[ANTENNA>https://antenna-mag.com/]]
-[[BRUTUS>https://brutus.jp/]]
-[[マガジンど>https://dododododo.jp/]]
-[[HOKKAIDO TO GO>https://hokkaidotogo.com/]]
-[[AXIS>https://www.axismag.jp/]]
-[[haconiwa>https://www.haconiwa-mag.com/design/]]
-[[AYONDO>https://ayond.jp/]]
-[[Podcast Weekend>https://podcastweekend.jp/]]
-[[0から考えよう>https://www.shogakukan.co.jp/zero/]]
-[[temamori>https://temamori.com/]]
~
***テーマ案
-多様性をテーマにしたWebマガジンの制作
-地震などの災害時に役立つWebサイトの制作
-
~
ページ名: