m-1：ヒント1-d：ことばのデザイン

今回の文章制作のお題は「わたしとデザイン」。
自分にとって、デザインはどういうもので、どう学んで、どう活かしていきたいか。
そして文末に、
憧れの、理想の、デザイナー、クリエーターは誰か、を書いて欲しい。

あなたなこれまでに、「起承転結」「序破急」など、物語を構成するための作法を学んできただろう。これから卒業研究に向けても、「目的、背景、方法、実践、考察、結論」などのようなフレムワークに合わせて、紙面を埋めることを強要されるはずだ。
しかし、今回のような短文で勝負する場合には、「結論（こうだ）、理由（なぜなら）、今後（こうなるはず）」くらいの大胆さで語って欲しい。これは、これから様々なプロジェクトで自分の提案やメッセージを、口頭やポスターで発表する場合も同様だ。
結論を最初に！

m-1：ヒント1-c：図解表現

今回のmissionにおいて、図解のタイトルは、「私とデザインの関係」あるいはこれに準ずるものを必ず入れること。
まず手描きのアイデアスケッチで内容、要素、表現を検討した上で、illustratorで清書します。

◉コンセプトメイキング
図の内容として期待されていることは、
あなたが「デザイン」という言葉や考え方といつどこで出会ったか
どのような経緯で、デザインを専門に勉強しとうと思ったのか
受験時のあなたとデザインとの関係
入学後のあなたとデザインとの関係
現時点のあなたとデザインとの関係
これからデザインの学びをどう活かしていきたいか
・・・などを、フローチャートや年表など、既存の図解技法を参考に視覚的に構成して欲しい、ということです。

◉表現の方向性
図解とは、要素間の関係性の視覚化です。
「〇〇関係」と付けられる〇〇は全て図で表せます。
上下関係、並列関係、因果関係、対立関係、共同関係、包含関係、他人の関係・・・

今回のテーマでは、何を軸に置くかによって、様々な図解表現の方向性が可能になります。
時系列にエピソードを並べていく→年表
因果関係や変化を線でつないでいく→フローチャート
複数のキーワードや説明要素を意味のまとまりごとに座標系に配置していく→マッピング
・・・など、既存の図解方法を応用していけば、

◉図解力アップのために
例年の授業では、受講生それぞれが「これはすごい！」「これはいい！」というインフォグラフィックスをライブラリの蔵書から探し出し、模写する、という宿題を課していました。作者の考えや技法を理解するのに、模倣、模写は有効な方法です。ぜひ挑戦してみてください。
（原田のサンプル2点）

▲インフォグラフィックスを学ぶなら必ずおさえておくべき作品。データビジュアライゼーションのお手本。

▲こちらも、知っておくべき“元祖ピクトグラム”の表現。
同じ形を繰り返し描くのはコンピュータの得意とするところ。情報科学の大学の中に、よくぞ情報デザインコースを作ってくれた！

m-1：ヒント1-b：写真撮影

今回のmissionでは、ポートレート（肖像写真）と作品写真を使用します。
いずれも、デザインを学んでいる学生としてふさわしいクオリティを期待します。

ポートレート
「ポートレート」「人物写真」「自撮り」などで検索すると、様々なサイトで魅力的な写真をとるための工夫ポイントが紹介されています。これらを参考に、今回のmissionに用いる素材作りをしてください。

作品写真
1年次「情報表現基礎1」のピタゴラ装置撮影で学んだことを活かして、今回の作品撮影に臨んでください。
撮影場所（背景に不要なものが入らないように）
ライティング（被蹴りの向きを意識し、作品の立体感やディテールが惹き立つように）
フレーミング（使用する画面サイズに最適の画像をつくる）

いざ撮影
目的的に写真を撮るときに意識したい視点は二つ。フレーミングとアングルです。

様々な切り取り方に既に名前がついているということは、先人が手法化し、知識として流通しているということ。知識を使いこなすことが専門家には必要、だから学ぶ、ということですね。

カメラレンズが捉える世界は、人間の視覚とは違います。この違いをうまく活かせば、対象をより魅力的に捉えることも、悪意を持った演出で非現実的なメッセージに変換してしまうことも可能です。写真も道具である以上、その真価も扱う人次第ですね。

m-1：ヒント1-a：テンプレート

このmissionでは、事前にテンプレートは提供されます。これを使って、自身の表現素材を流し込んでいけば即座に完成、という手筈です。
（WebDav→mission-1フォルダ内 temp.aiファイル）

ですが、今後はあなた自身が、毎回、目的に合わせてフォーマットをデザインする必要があります※1。

◉自分で設定しよう

用紙サイズの設定
トリムマーク（トンボ）の設定
マージンの設定
コラムの設定

本文の設定：
・文字設定
書体、ウェイト（太さ）、文字サイズ、文字組設定、
・段落設定
　文字の揃え方、禁則処理、ぶら下がり・・・
・和文書体、欧文書体の組み合わせ（混植）

◉Illustratorを使う→ヒント1-e
テキストの流し込み、配置
画像の配置
図解の制作

◉キーワード：グリッドシステム
◉参考図書
ヨゼフ・M・ブロックマン『グリッドシステム　グラフィックデザインのために』ボーンデジタル、2019

※1　とはいえ、例えばA4サイズであればこのサイズに合ったレイアウトというのはある程度限られています。オリジナルのレイアウトを要求されない限りは、お気に入りのパターンを使い回しても良いと思います。

mission-1：自己紹介シート

受講生としての所信表明として、「自己紹介シート」を作成せよ。

画像メディア（印刷物やディスプレイ）におけるレイアウトの基本を身につけ、必要なツールを使いこなすための練習課題です。
最初から次々と専門用語が出てきますが、どれも今後あなたがデザインに関わる限り（逃れらませんよ）使いこなさなければならないことばです。この機会にその意味を調べ、使いこなせるようになりましょう。

◉表現内容
・氏名（日本語／英語）
・学生番号
・自己紹介テキスト：わたしとデザイン（500字程度）
（情報デザインを選んだ理由／今できること／学びたいこと／学ぶべきこと／将来のビジョン／憧れのデザイナーorアーティスト）
・ポートレート
・情報表現基礎2 作品写真及び作品解説テキスト（150字程度）
・わたしとデザイン図解（デザインとの出会い／これまでの学び など）（幅180mm、高さ100mmに納める）

この先、あなた自身がこのような設計図を作れるようになることが、この課題で期待されている学びです。

テンプレート→完成作品

※意図的に小さく表示しています

A4用紙サイズを縦位置で使用する。※Illustratorのアートボードの設定
指定のテンプレートを使う（→テンプレートの解説を追って提供します）
以下の表記内容をテンプレートに合わせて配置する
・ポートレート（本人紹介写真）
トリミングは正方形、使用寸法は85mm×85ｍｍ、解像度は300〜350dpi
・あなたが情報デザインコースを選んだ理由と学びたいこと（テキスト：タイトル＋本文500文字程度）小塚ゴシックL　文字サイズ10pt 　行送り18pt
・情報表現基礎2で制作した作品（作品紹介写真）
画像サイズは高さ40mm、幅85mm以内にトリミング、解像度は300〜350dpi
・作品の解説テキスト（作品タイトル、コンセプト、アピールポイントなど、150文字以内）小塚ゴシックL　文字サイズ8pt 　行送り12pt

・用紙の規格サイズについて調べ、理解しましょう。
　少なくともA4サイズ（297mm × 210mm）は暗記しておくと役に立ちます。
・写真、図解、テキストの表現スキルを高めましょう。
　魅力的な誌面は魅力的な材料から成っています。
　この機会に、これらの知識や技法を自在に扱えるよう、トレーニングを始めよう。
　プロの仕事をよく観察して、見極めよう。
・異なる形式のファイル間でデータのやり取りができるようになろう。
　JPG、Ai、psd、pdf etc.

シン・はこだて未来犬・学①

はこだてみらいけん・まなぶ

（原案：リドミト・モマヤ　作：トーヤ・ヘンソン）
2020年度の情報デザイン1は、こんなメタファで実施してみたいと思います。
未知の惑星探査・・・受講生一人ひとりが、思いもよらず未知の惑星に送り込まれた。当面は居住カプセルから出ることも許されず、同じミッションを持った仲間が誰でどこにいるかもわからず。通信は可能で、本部から指令だけは送られてくる。
本部から、短時間のカプセルからの外出指令が届き、スケッチブックとペンを持ってフィールドワークに出かける・・・。そこに待ち受けていたものは・・・。
※絵の中に書き忘れましたが、受講生は45名です。

シン・はこだて未来犬・学⓪

設定資料