LogoMark.png

原朋恵/情報デザイン演習IIIA の変更点


#author("2023-12-12T23:34:16+09:00","default:member","member")
#author("2024-05-02T17:32:52+09:00","default:member","member")
*創作ユニバース
オリジナルキャラクターのまとめサイト

  
 
             メインビジュアル、あるいは
             プロジェクトの最新の状態を視覚的に掲載
 
   

-''原 朋恵''
-'''Keywords:オリジナルキャラクター, まとめサイト, 一次創作, 思い出'''
-http://pikafruit.wp.xdomain.jp
-%%__[相互評価シート(Google フォーム)__  %%← たくさんのコメントありがとうございました!

~

**概要
***これは何?
『創作ユニバース』は私がこれまでの人生で生み出してきた空想のキャラクターたちを紹介するウェブサイトです。
//&color(red){これは何か・・を簡潔に};
~

***背景と目的
私は幼少期から、絵を描くことが好きでした。今までに使用した自由ノート等はすべて保管しており、そこに自身のキャラクターの歴史が詰まっています。20歳を迎えた今 (2023年)、私の創作の思い出をまとめ、振り返りたいと考えました。&br;私はイラストを専門に学んできた者ではありませんが、これを見た方の創作の一助になることができれば本望です。
//&color(red){プロジェクトの背景と目的};
~

***コンセプト
創作活動の要となる''脳''を''宇宙(ユニバース)''になぞらえたネーミングです。&br;広く深く想像力が働くさまをイメージしています。
//&color(red){基本的な考え方、枠組み、視点など};
~

***成果物の仕様
-Webサイト(WordPress)
//&color(red){&small(成果物の形式・サイズ・時間尺等);};
~

//***メンバー
//&color(red){共同プロジェクトの場合のみ|メンバーと役割分担を明記};
~

***制作ツール
''ハードウェア''
-ノートパソコン(MacBook Pro 14'')

''ソフトウェア''
-Adobe Illustrator
-Adobe Photoshop
-ibisPaint X
//&color(red){使用するツール|ハードウエア・ソフトウエア};
~

***プロジェクトの期間
2023.09.19 - 2023.12.19
//&color(red){プロジェクトの期間|20XX.XX.XX - 20XX.XX.XX };
~

***まとめ
-__[[サイトマップ(FigJam)>https://www.figma.com/file/chXS4aQxPIJLkcAUoau2at/%E3%82%B5%E3%82%A4%E3%83%88%E3%83%9E%E3%83%83%E3%83%97?type=whiteboard&node-id=0%3A1&t=haYLY03IMXjHQQOZ-1]]__
--__[[サイトマップ-詳細版(Google Spreadsheet)>https://docs.google.com/spreadsheets/d/1IyPXiCuTGs8hRQQ1jua4o2dPKjibXSVUZuAs2lSbjA8/edit?usp=sharing]]__
-__[[ワイヤーフレーム>https://drive.google.com/drive/folders/1MSle5uce-C4rYcRnZ45rP1tBxtsr4ktg?usp=sharing]]__
//&color(red){プロジェクトが完結したら「まとめ」を記載して下さい。};
~
~


**調査

***現状調査
-ポートフォリオサイト
-個人の創作物のサイト
//&color(red){プロジェクトのテーマに関わる社会の現状と問題の洗い出し};
~

***先行事例
//&color(red){プロジェクトのテーマに該当する先行事例の紹介、傾向分析など};
~

***技法・技術情報
-__[[寝ログ  寝ながら出来るコトや使えるモノを紹介>https://nelog.jp/]]__ - 参考サイト
-__[[Fukuro Press「できない」を「デキル」に変えるWordPressブログ術>https://fukuro-press.com/]]__ - 参考サイト
-__[[WEBSITE PLANET>https://www.websiteplanet.com/ja/]]__ - 参考サイト
//&color(red){プロジェクトの遂行に必要な技法・技術に関する調査};

~
~

**プロジェクト管理

***スケジュール
__[[サイト製作-スケジュール>https://docs.google.com/spreadsheets/d/1baWYupW_DTwNm8OkcBcxu3-V43a52lCqagIfdZ8bMmo/edit?usp=sharing]]__
//&color(red){計画的な遂行のために、進行管理表を作成してリンクして下さい。};
~

***ToDo
-%%メイン/サブタイトル、キーワードを記載%%
-%%相互評価用のフォームを作成%%
-%%「概要」欄を編集 - このサイト%%
-「調査」欄を編集 - このサイト
-%%サイトマップ制作%%
-%%ワイヤーフレーム制作%%
-%%キャラクターの選出%%
-キャラクターの描画
-『創作ユニバース』の編集
--画像を載せる
--説明文を考える
-%%キャラクターの描画%%
-%%『創作ユニバース』の編集%%
--%%画像を載せる%%
--%%説明文を考える%%
//&color(red){やるべきこと(タスク)を箇条書きにします。};
//&color(red){完了後は「%%取り消し線%%」あるいは「// コメントアウト」」};


//***NotToDo
//&color(red){やらないこと:何をするかではなく「何をしないか」を考える};
//&color(red){例:10人以上の会議には出ない。苦手なことは誰かに頼む・・};

~
~

#hr
CENTER:''進捗記録''
//&color(red){最新の情報を一番上に記載して下さい(古い記事が下へ沈む)。};
#hr
~
~



**2023.12.05
***サイトマップ
-__[[サイトマップ-詳細Ver.>https://docs.google.com/spreadsheets/d/1IyPXiCuTGs8hRQQ1jua4o2dPKjibXSVUZuAs2lSbjA8/edit?usp=sharing]]__(Spread Sheet)
*リンクは今後追加予定

***WordPressの編集
-少しずつだが確実に、Webサイトの形を成してきた!
~

**2023.11.28
***キャラクターの描画
-予定より遅れている
-キャラクターをしっかり思い浮かべて描く!
***備考
-「クエリーループ」を使用
--使い方を学んだ
~

**2023.11.21
***キャラクターの描画
-完成に向けて、ラフやパターンを描いた
***WordPressの編集
-悩んでなかなかコンテンツの編集が進まなかった
~

**2023.11.14
***キャラクターの描画
-&color(#ba55d3){立ち絵};
***キャラクターの画像
-静止画 (PNG)
--低コスト(数枚作るならそうとも言えないかも)
--動きを見てみたくなるかも
--ポーズ、表情別に2〜3枚作る?

-GIF
--制作に時間がかかる
--動きを再現できる
--画質が充分に保てるか不安

***サンプル画像
-各キャラクターのページ/メイン画像
--700 x 700 px ・・・大きすぎるかもしれない
***備考
-サンプルページの名前をキャラクター名に変更
~

**2023.11.7
***ワイヤーフレーム
__[[ワイヤーフレーム>https://drive.google.com/drive/folders/1MSle5uce-C4rYcRnZ45rP1tBxtsr4ktg?usp=sharing]]__(GoogleDrive)

***キャラクター
-幼少期:3体
-思春期:3体
-青年後期:4体
計10体の割り当て
~
-&color(#ba55d3){各説明は、2〜3文でまとめる};
-身長、年齢などの詳細設定は載せる?

***備考
-サンプル画像、テキストを載せてみた
-キャラクターの名付けを行った
~

**2023.10.31
***相互評価 - フィードバック
''コメントのまとめ''
-コンセプト、アイデアが面白そう
-どのようなキャラクターがいるのか楽しみ
-学科サイトの情報がまとめられていて良かった
-自作したキャラクターを掲載するため、今後も充実させていけそうだ

''今後に活かすこと''
-キャラクターの掲載は、今期が終わった後も続けたい
-キャラクターの各紹介文は分かりやすくまとめたい
--長文にしすぎない
~
***WordPressの編集
-サンプル画像、テキストを載せてみる
***備考
-サイトマップ(詳細Version)の作成開始
~

**2023.10.24
***WordPressのカテゴリー
-年代別に分けた3種類を用意&br;その中にキャラクターを分類していく
-キャラクターを描いた具体的な歳が不明のものがあるため、◯歳〜◯歳という区分はやめる
***WordPressの投稿
-キャラクターはそれぞれ個別の投稿の中で紹介する
~
***サイトマップ
__[[サイトマップ >https://www.figma.com/file/chXS4aQxPIJLkcAUoau2at/%E3%82%B5%E3%82%A4%E3%83%88%E3%83%9E%E3%83%83%E3%83%97?type=whiteboard&node-id=0%3A1&t=3J8ck4J7yKrLbsDh-1]]__(FigJam)

-情報の整理のために、FigJamの他にリンクを含めた詳細なものも作りたい
--SpreadSheet
~

**2023.10.17
***テーマ
-’’自身の創作の歴史’’を表現したい
-&color(#ba55d3){’’私の脳内ワールド’’を紹介するものとして、脳内を宇宙に見立てたい};
-ヒストリー、辞典、ワールド、ユニバース、思い出
***キャラクター
-15体描けると良い。&color(#ba55d3){最低でも10体};は描きたい
-&color(#ba55d3){Adobe Illustratorで描画}; or ラスターグラフィックで描画(ツールは検討)
-そのキャラクターを考えた当時のイラストの画像も載せるのはどうか(成長記録的に)
***キャラクターの分類
-年代別はカテゴリー、キャラクターの特徴別はタグ?
-WordPress上で編集しながら調整したい
***備考
-MainTitle、SubTitle、Keywordsを更新
-ToDoリストを更新
-Microsoft Formsをチェック
-WordPressテーマの調査
~

**2023.10.10
***テーマの決定
 自分がこれまで空想して生み出した生物/キャラクターたちをまとめるサイト・・・幼少期〜現在まで
***__[[FigJam>https://www.figma.com/ja/figjam/]]__の利用を開始
-サイトマップ制作に取り掛かる
-FigJamの使い方を学ぶ必要あり&br;Google Jamboardより自由度が高い分難しい
-フローチャート or &color(#ba55d3){付箋};
***WordPressのカテゴリー
-年代別
--幼少期 思春期 青年後期
--小学生 中学生 高校生 大学生
--0〜10 11〜15 16〜20 (年齢)
-キャラクターの特徴別
--世界観を感じる独特な分類方法が面白そう
---服を着ている
---頭が二つ/三つ
---ウロコあり などなど
***備考
-スケジュールを作成
-ToDoリストを更新
~

**2023.10.03
***WordPressの基本操作
-編集画面にアクセスできた
-ツールの名前・用語を確認した
-ページを少し編集した
***備考
-Google Jamboardの終了通知を受け、代替ツールの利用を検討中
~

**2023.09.26
***WordPressの準備
-__[[Xfree>https://www.xfree.ne.jp/]]__(無料レンタルサーバー)に登録し無料のサーバーを借りた
--「管理パネル」の利用方法を確認
-WordPressのサイトを開設した
~
***テーマ決め
-有力候補=色を変えた(カラーコード#ba55d3)
-悩ましい......よりやりたいと思えるアイデアは浮かぶだろうか?
~

**2023.09.19
***テーマのアイデア
-普段の活動範囲に生息する植物の葉をまとめるサイト→押し葉・映像・アップの写真・2D、3Dグラフィック?
-私の脳内を視覚的に表現したサイト→キャラクターで表現・精神世界
-オリジナルキャラクターが住む惑星をWebサイトで表現→イラスト、Webサイト特有の「階層」を活用して一つの惑星を再現する
-日常生活で利用する建物・部屋を紹介するサイト→私にとっての見え方や感じ方を表現・色合いに意味を持たせたい・シンプルに描いて情報過多にならないように・アイソメトリック・簡単なGIF?
-ミノムシの木・・・ミノガのミノが沢山ぶら下がる木がモチーフ・木の幹、枝、葉、ミノをWebサイトの構造に見立てる・葉、ミノが各々のページになりそう・「〇〇のミノ」といった感じでページを表す・私の好みについて
-落ちつくスキマ・・・ずっと挟まっていたい...と思える「スキマ」を集めてまとめるサイト・ミノムシにも繋げられそう
-&color(#ba55d3){自分がこれまで空想して生み出した生物/キャラクターたちをまとめるサイト・・・幼少期〜現在まで};
~
***キーワード
-葉っぱ・自然
-脳内・精神世界
-徒歩1時間
-部屋・スキマ
-ミノムシ・スキマ
~

***参考Webサイト・リンク
-[[押し花(植物標本) - 福岡生きものステーション>https://biodiversity.pref.fukuoka.lg.jp/futsushu/observation/herbarium.html]]
-[[アイソメ図 - キャド研>https://cad-kenkyujo.com/aisomezu/]]
-[[Adobe Illustrator / 3D押し出しとベベル(クラシック) - DesignSpot>https://design-spot.jp/index.php/2022/05/14/38/]]
-[[ミノムシ - NHK for School>https://www2.nhk.or.jp/school/watch/clip/?das_id=D0005402193_00000]]
-[[ミノムシの、みの作り - NHK for School>https://www2.nhk.or.jp/school/watch/clip/?das_id=D0005300469_00000]]
-[[やはり、脳と宇宙の構造は似ている......最新研究 - ニューズウィーク日本版>https://www.newsweekjapan.jp/stories/world/2020/11/post-95038.php]]
-[[ニューラル・ネットワークとは - IBM>https://www.ibm.com/jp-ja/topics/neural-networks]]
~
~

~