J's SQUARES｜John Smith
プロジェクトページの書き方サンプル
- John Smith
- Keywords：WebDesign, Square / Wordpress, InkScape, Blender
- https://www.example.com
Overview
Introduction
身近にある「正方形の面白い！」を紹介する Blog サイトの構築。
正方形の建築とプロダクトを中心に 10x10=100件の事例を紹介。
Background and Purpose
| x | + | y | = r … 正方形は美しい数式*1で表現することができます。
風呂敷、折り紙、四畳半。自然との調和を重んじる日本人は、このカタチを「良し」として、正方形を基調とした様々なデザインを生み出しました。
私たちの身近にある「正方形」の活用事例を、発見する都度、Blogに投稿していくことで、「正方形」に関する「知」のコレクションにしたいと思います。
Blog システムでは、投稿ごとに自由にタグをつけることができます。タグ・クラウドの表示によって、従来とは異なる新しい視点で「正方形のデザイン」を分類できるかもしれません。
Target
カタチとデザインに興味のある学生
Output
- Blogサイト URL：https: //squares.wordpress.com
- 10 x 10 ＝ 100ページ
- モバイルファーストのデザインで、縦の構図を上部写真・下部解説で使う
Tools
- Blogサービス：WordPress https://ja.wordpress.com/
- ２D解説図作成：InkScape https://inkscape.org/ja/
- ３D解説図作成：Blender https://www.blender.org/
- 写真撮影：Panasonic DMC-GH4H
Term
20XX.XX.XX - 2020.XX.XX
CurrentStatus
 |  |
Project Management
Schedule
- 進行管理表 ← 作業の記録
ToDo
サイトを公開・運用開始> プロジェクト集結 2020.07.23- サイトのCSSをカスタマイズ
- 投稿記事情報の収集（建築系、プロダクト系）
ダミーデータの投稿＞表示動作確認サイトのメニューを作成WordPress システムのインストールサーバーアカウントの確保
worklog
2020.10.15
Webプレゼン ＞ 相互評価
プロトタイプ評価シート ← ココにコメントをお願いします
指摘された問題点
- ◯◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯
- ◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯
- ◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯
好評価を得た点
- ◯◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯
- ◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯
- ◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯
その他
- ◯◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯
- ◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯
2020.10.05
今回制作したプロトタイプ
- サイトのワイヤーフレーム
- 一般的なブログスタイル
- ２カラム、右サイドバー
- プロトタイプサイトの立ち上げ
＞「プロジェクトの現状」に掲載
プロトタイプ制作の方法
- AdobeIllustrator で ワイヤーフレームを制作
- サーバーアカウントの確保
- WordPress システムのインストール
- ワイヤーフレームに近いテーマを暫定的に選定
- サイトのメニューを作成
- ダミーデータの投稿＞表示動作確認
情報の構成
- １つの「正方形」につき１ページ
- ページの上部に、正方形の画像、
その下に対象物の基本情報と解説 - 基本情報は以下のとおり
- 物品名（商品名）
- 成立年代（発表年）
- 製作者（メーカー、デザイナー）
- サイズ Width x Height x Depth
- 素材
制作環境と方法
- Blogサービス：WordPress https://ja.wordpress.com/
- ２D解説図作成：InkScape https://inkscape.org/ja/
- ３D解説図作成：Blender https://www.blender.org/
- 写真撮影：Panasonic DMC-GH4H
2020.09.29｜アイデア創出
*XXXXX
- ◯◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯
- ◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯
- ◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯
- ◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯
XXXXXX
- ◯◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯
- ◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯
- ◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯
2020.09.22
*XXXXX
- ◯◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯
- ◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯
- ◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯
- ◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯
XXXXXX
- ◯◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯
- ◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯
- ◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯
2020.09.22
先行事例調査
- ◯◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯
- ◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯
- ◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯
- ◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯
XXXXXX
- ◯◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯
- ◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯
- ◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯
2020.09.15
問題の洗い出し
- ◯◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯
- ◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯
- ◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯
- ◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯
参考リンク
- ◯◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯
- ◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯
- ◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯
- ◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯
MEMO
- ◯◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯
- ◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯