LogoMark.png

JohnSmith/情報デザイン演習IIA のバックアップ差分(No.1)


#author("2022-05-17T15:02:33+09:00","default:member","member")
#settableborder(none)
//&color(red){情報デザイン演習IIA 個人プロジェクトページのサンプルです。};
//~
*J's SQUARES|&scale(70){John Smith};
身近にある「正方形の面白い!」を紹介する Blog

~
~
#image(MainVisual.jpg,center,70%)
-Direcror:John Smith
-https://www.example.com
-'''Keywords:WebDesign, Square / Wordpress, InkScape, Blender'''
~


***相互評価 2022.05.23
//#hr
//#slider(center,100%,h1,2000,2000,p01.png,p02.png,p03.png,p04.png,p05.png)
//https://design.kyusan-u.ac.jp/OpenSquareJP_WP/
//#hr
[[''プロトタイプ評価シート''>https://docs.google.com/spreadsheets/d/1Vruz5q6ZncIuzX5c2ly4JYPMpAWv3S2JiF6eoD-yTeE/edit?usp=sharing]] ← ココにコメントをお願いします
//&color(red){このページの編集画面からソースをコピーするのではなく、これと同様の共同編集シートを自分のGoogleドライブ内に作成した上で、そのシートへのリンクを掲載して下さい。};
~
~

**Overview
***Introduction
身近にある「正方形の面白い!」を紹介する Blog サイトの構築。
正方形の建築とプロダクトを中心に 10x10=100件の事例を紹介。
~

***Background and Purpose
''| x |  +  | y |  =  r ''  … 正方形は美しい数式((この数式は45度傾いたもの、日本人の一般的な感覚では「菱形」といわれる状態の記述です。&br;その中心を(a,b)に移動した場合は、| x − a | + | y − b | = r  という記述になります。))で表現することができます。

風呂敷、折り紙、四畳半。自然との調和を重んじる日本人は、このカタチを「良し」として、正方形を基調とした様々なデザインを生み出しました。

私たちの身近にある「正方形」の活用事例を、発見する都度、Blogに投稿していくことで、「正方形」に関する「知」のコレクションにしたいと思います。

Blog システムでは、投稿ごとに自由にタグをつけることができます。タグ・クラウドの表示によって、従来とは異なる新しい視点で「正方形のデザイン」を分類できるかもしれません。

~

***ターゲット
カタチとデザインに興味のある学生
~

***Output
-URL:https: //www.example.com
-仕様
--サイズ・レイアウト:2カラム・右サイドバー
--記事:100ページ(各ページ 写真3点+解説文+リンク)

~

***Tools
-Blogサービス:WordPress https://ja.wordpress.com/
-2D解説図作成:InkScape https://inkscape.org/ja/
-3D解説図作成:Blender  https://www.blender.org/
-写真撮影:Panasonic DMC-GH4H
~

***Term
202X.XX.XX - 202X.XX.XX 
~

***Conclusion
(プロジェクト完了時に執筆)
~
~

**プロジェクト管理
~

***スケジュール
-[[進行管理表>https://docs.google.com/spreadsheets/d/1fAhhr3JdrXjgNI-A9OPt4KpaOIdJpvoyZA0dF82nR0U/edit?usp=sharing]] '' ← 作業の記録''

&color(red){''参考:シートが「閲覧のみ」であることを確認するには''};
-1) シートの共有リンクのURLをコピー
-2) Googleにログインしていない別のブラウザを起動
-3) 2で起動したブラウザのアドレス欄に 1)で取得したURLをペースト
-4) シートの上部に「閲覧のみ」が表示されていればOKです。
~

***ToDo
//-%%サイトを公開・運用開始%%  > プロジェクト終結 2020.07.23
//-サイトのCSSをカスタマイズ
//-投稿記事情報の収集(建築系、プロダクト系)
//
//-%%ダミーデータの投稿>表示動作確認%%
-サイトのメニューを作成
-%%WordPress システムのインストール%%
-%%サーバーアカウントの確保%%

-%%情報の公開方法を決める%%
-%%情報の形式(分量とサイズ)を決める%%
-%%情報の内容(素材ネタ)を決める%%
-%%ネーミング%%
-%%情報の構成を決める%%
-%%制作環境と方法を決める%%
~
~


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




**202X.XX.XX
***成果発表準備
-◯◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯
-◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯
-◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯
~


**202X.XX.XX
***XXXXX
-◯◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯
-◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯
-◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯
~

***XXXXX
-◯◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯
-◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯
-◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯ 
~
~

**202X.XX.XX
***XXXXX
-◯◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯
-◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯
-◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯
~

***XXXXX
-◯◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯
-◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯
-◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯ 
~
~

**202X.XX.XX
***制作物の現状 
成果物(現状)のスクリーンショット等、視覚的な資料とコメント
~

***今週の取り組み
今週取り組んだ調査、実験、技術的な訓練、作業内容等
~

***今後の課題
発見された問題、解決すべき課題等 > ToDoに記載
~
~


**202X.XX.XX
***制作物の現状 
成果物(現状)のスクリーンショット等、視覚的な資料とコメント
~

***今週の取り組み
今週取り組んだ調査、実験、技術的な訓練、作業内容等
~

***今後の課題
発見された問題、解決すべき課題等 > ToDoに記載
~
~


**202X.XX.XX
***指摘された問題点
-◯◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯
-◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯
-◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯
-◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯ 
~

***好評価を得た点
-◯◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯
-◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯
-◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯
-◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯ 
~

***その他
-◯◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯
-◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯
-◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯
-◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯ 
~
~


**プロトタイピング|202X.XX.XX
~

***今回制作したプロトタイプ
#image(Wireframe.png,right,30%)
-サイトのワイヤーフレーム
--一般的なブログスタイル
--2カラム、右サイドバー
~

-プロトタイプサイトの立ち上げ
>「プロジェクトの現状」に掲載
~

***プロトタイプ制作の方法
-AdobeIllustrator で ワイヤーフレームを制作
-サーバーアカウントの確保
-WordPress システムのインストール
-ワイヤーフレームに近いテーマを暫定的に選定
-サイトのメニューを作成
-ダミーデータの投稿>表示動作確認
~
~



**アイデア創出|202X.XX.XX
アイデアの量産(思いついたことは、一旦すべて書き出す)
~

***情報の公開方法
Web、冊子、動画のいずれかで思案中
-Webサイト:GitHubPages、X-Freeサーバー、WordPress.comサービス
-冊子:印刷して学内のラックに置かせてもらう、PDFにしてWebで公開
-動画:YouTube、Vimeo、
~

***情報の形式(分量とサイズ)
Web、冊子、動画のいずれかで思案中
-Webサイト:
--サイズ:PCベースで 960px幅、1280px幅、スマホベースで 640px幅?
--ページ数: 100ページ、64ページ?、正方形にちなんで2のべき乗にする?
-冊子:
--サイズ: A5
--ページ数:100ページ、64ページ?、正方形にちなんで2のべき乗にする?
--1つの話題につき1ページ、4つの話題を1ページに正方形状に?
-動画:
--サイズ:1920x1018、1280x720、960x960 正方形、縦にするか?
--本数:16本、9本(少ない?)、一発撮り・無編集で100本?
~

***情報の内容(素材ネタ)
-正方形の数学的記述
-「方」という言葉について
-正方形の空間(計画都市、公園、球場、交差点、建築物、四畳半・・)
-正方形のプロダクト(家具・インテリア、家電、風呂敷、折り紙・・)
-正方形のボードゲーム(囲碁・将棋・・・・15パズル・・・)
-正方形の絵画(キャンバスタイプが S のもの )
-正方形の写真( 6x6版 HOLGA 、ポラロイド、Instagram・・・)
-その他(柱の断面、線の交差部分、画素、)
~

***ネーミング
英語名か日本語名、どちらかで思案中
-英語名:S-COLLECTION、T-SQUARE、SQUARES、J's SQUARE、J’s BOX
-日本語名:正方形であそぼ、せいほうけい、ましかく、
~

***情報の構成
Webと冊子は同様の発想。動画については構成が難しい・・
-Webサイト・冊子
--1つの話題につき1ページ
--4つの話題を1ページに正方形状に?
-動画
--音楽にあわせて1小節分の時間で1素材
--要素数の少ないものから、徐々に大きなものへ
--箱の中にまた箱・・どんどん入れ子状に奥へ進行するイメージ

~

***制作環境と方法
Web、冊子、動画のいずれかで思案中
-Webサイト
--HTML+CSS:個性的なビジュアルデザインにこだわるならこれ。
--MediaWiki:Wikipediaに利用されているもの。百科事典的な整理に向く
--PukiWiki:学科サイトで利用経験があって導入しやすい
--WordPress:Blog形式なので、思いつくたびに投稿・・これが楽。
-冊子
--Adobe Illustrator:使い慣れている
--Adobe Indesign:マスターページでデザインコントロールしやすい
-動画
--Adobe Premiere:使い慣れている
--LightWorks:オープンソースの動画編集ツール
--Blender:3Dソフトとして使い慣れている。動画の編集だけでも使える

~
~

**現状分析|202X.XX.XX
***演習テーマの確定
-タイトル:◯◯◯◯◯◯◯◯◯◯◯◯
-テーマ採択の背景:◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯・・・・
・・ ・文章で記載して下さい。・・・・・・・・・・ ・・・・・  
・・・・・・・・・・・ ・・・・・・・・・・・
~

***現状調査1 テーマ内容の先行事例
-◯◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯
-◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯
-◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯
-◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯ 
~

***現状調査2 表現形式の先行事例
-◯◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯
-◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯
-◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯
-◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯ 
~

***現状調査3|時間軸(対象の歴史的知見)
-◯◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯
-◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯
-◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯
~

***現状調査4|空間軸(対象の地理的知見)
-◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯
-◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯
-◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯ 
~

***現状調査5|技法
-◯◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯
-◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯ 
~

***課題の整理  
-情報の公開方法を決める
-情報の形式(分量とサイズ)を決める
-情報の内容(素材ネタ)を決める
-ネーミング
-情報の構成を決める
-制作環境と方法を決める
~
~

**ガイダンス|202X.XX.XX
***プロジェクトのテーマ候補(3件以上)
-◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯
-◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯
-◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯ 
~

***参考リンク
-◯◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯
-◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯
-◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯
-◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯ 
~
~