制作プロセス

【紙のポートフォリオ公開】制作過程や参考にした本などもご紹介

紙のポートフォリオ

こんにちは!
fuyuna(@fumm_ii)です。

7月上旬にWebポートフォリオを公開しました。

WebポートフォリオはTwitterで反響があり、ありがたいお言葉をたくさんいただいたので、今回は「紙のポートフォリオ」を公開したいと思います。

こちらの記事では、実際に作った紙のポートフォリオとその作り方、参考にした資料などをご紹介していきます。

fuyuna
fuyuna
これからデザイナーとして就活する予定がある方、ポートフォリオを作ろうと思っている方のお役に立てれば幸いです!
【その他のポートフォリオに関する記事はこちら】

紙のポートフォリオを公開

まずは実際に作った紙のポートフォリオをお見せします。(ローディングに少し時間がかかります、PC推奨)

※印刷用のデータを表示しているため、実物とは少し色が異なっています。

ところどころのページにあるグレーの四角い部分は、実物を貼り付けるスペースです。

紙のポートフォリオ制作の目的

ポートフォリオの表紙
紙のポートフォリオ

Webのポートフォリオに加えて「紙のポートフォリオ」を作った目的は4つ

  • グラフィックの仕事もしたいからWebとは別に作りたかった
  • 実物があるものを効果的に見せるため
  • 面談の場面で見ながら話すため
  • ページもののデザイン練習のため

グラフィックデザインの仕事もしたかったので、就活のときに「やりたい」と口にするだけより、紙のデザインをして「目に見える形」で示した方がやる気を伝えられると考えました。

あとはInDesignの勉強もかねて…と考えていましたが、スケジュールが詰まってしまい、結局Illustratorで作ることになってしまいました。(反省)

紙のポートフォリオの制作過程

実際に紙のポートフォリオができるまでの流れをご紹介します。

  1. ポートフォリオの構成を考える
  2. 掲載する制作物をまとめて編集する
  3. 台割りを作る(手書き)
  4. 表紙とページのラフデザイン
  5. Illustratorで中身をデザイン
  6. 中扉と目次のデザイン
  7. 表紙と裏表紙のデザイン

制作期間は1週間、印刷はセブンイレブンのプリンターを利用しました。

ポートフォリオの構成を考える

ポートフォリオの構成を考える

まずは「どうすれば見た人に伝わりやすいポートフォリオが作れるか」を考えました。

使用する画像や順番、全体のトンマナ、ページの優先順位など、全体の構成を検討し、ポートフォリオの基礎となるイメージを膨らませていきました。

構成段階で考えたこと
  • ファイルにするか、製本するか
  • 大きさはどうするか
  • 右とじにするか、左とじにするか
  • 全体のトンマナはどうするか
  • 何ページにするか
  • 何をどの順番で見せるのか
  • 紙特有の良さをどうやって表現するか

最終的に「A4ファイル・左とじ・20ページ以下」というスタンダードな形に落ち着き、これはポートフォリオを見てくれる人のことを考えた結果でした。

掲載する制作物をまとめる

続いて、ポートフォリオに掲載する制作物をまとめます。

画像をリストアップして、印刷後に見た目が大きく変わらないように印刷用データに編集します。

印刷用データの設定

Web用の画像をそのまま印刷すると、色がくすんだり画像自体がぼやけたりしてしまう可能性が高いので、以下のようにPhotoshopで編集しました。

  • カラー設定:CMYK
  • 画像解像度設定:300〜350ppi

印刷物のデザインデータを作るときに参考になるのが「入稿データの作り」という本。グラフィックの仕事をする場合は手元に1冊置いておくと便利です。

台割りを作る(手書き)

紙のポートフォリオの台割り表

「台割り」とは本の設計図のようなもので、どのページに何が書いてあるのかをページ順でまとめたものです。

ページをデザイン・印刷して、いざファイルにまとめてみたら「これとこれは横に並べたかったのに、ページが合わない…」なんてことにならないよう、事前にページを割り当てておきます。

写真は簡単な絵と文字だけですが、画像が入る場所や文字のボリュームなども書き込んでいくと、バランスを把握しながらコンテンツが作れます。

表紙とページのデザイン

いよいよ表紙と中身のデザインです。

ポートフォリオの表紙
ポートフォリオの表紙

表紙はポートフォリオサイトのメインビジュアルと同じ画像を使って、デザインを統一しました。(クリアファイルの表紙でぼやけてます、すみません)

グラフィックデザインのページ
名刺の実物も貼り付けました

中身に関しては手書きでラフを書いてから、InDesign(途中からIllustrator)にページ内のレイアウトをざっくりと作っていきました。

画像やキャプション、本文など必要なスペースを確保してから詳細のレイアウトを組み、実物があるものは実物大のスペースをとって配置する場所を決めておきました。

中扉と目次のデザイン

中扉

「中扉」とは、カテゴリーや内容の区切り、章の始まりにある入り口のようなページです。

ページが多い本は区切りがあった方がわかりやすいので、今回は制作物を4つのカテゴリーに分け、それぞれ中扉を用意しました。

  • ブランディングデザイン
  • グラフィックデザイン
  • Webデザイン
  • ウェディング

また、中扉とページ内の見出しのデザインを統一することで、今どのカテゴリーにいるのかがわかりやすくなります。

目次のページ

最後に目次を作り、各コンテンツのメイン画像を一覧で見えるようにして「どんなコンテンツがあるのか」が一目でわかるようにしました。

ポートフォリオ作りの参考にした本

今回の紙のポートフォリオ制作にあたって参考にした本を3冊ご紹介します。

どれも参考事例がたくさん掲載されていて、気に入った見せ方などをピックアップしながらポートフォリオを作りました。

ポートフォリオ見本帳

グラフィック・WEB・プロダクト・映像などクリエイティブ業界で採用されたポートフォリオの作り方や実例32点が紹介されている一冊です。2019年発売の比較的新しい本。

採用担当者の心に響くポートフォリオアイデア帳

デザイン・イラスト・ゲーム・アニメなど、クリエイティブ業界に採用された新卒のポートフォリオを中心に、実例50点が解説つきで紹介されている一冊です。

クリエイティブ業界を目指す人のためのポートフォリオ見本帳

クリエイティブ業界で有名な事務所の「こんなポートフォリオを求めている」といったインタビューに基づく具体的な内容や、業界に就職した人のポートフォリオ44点が収録された一冊です。

実際に就活で使ってみた感想

紙のポートフォリオを就活で使ってみて、かばんからスッと取り出すだけで内容が確認でき、これまでの仕事や制作物についてお話するきっかけができたので、Webのポートフォリオとはまた違う手軽さがあって良かったです。

ショップカードやパンフレットなどは実物を手にとっていただき、実際に触れられる紙ならではの良さも実感しました。

紙のポートフォリオは「ゆっくり見てもらえないかもしれない」と思っていましたが、実際はすべての方が最初から最後まで目を通していただき、短い時間の中でお互いの理解が深められる良いツールだと思いました。

まとめ

今回は、就活用に作った紙のポートフォリオとその作り方をご紹介しました。

制作する中で学べることが多く、会社訪問時には貴重なご意見をいただけたので、これから就活をされる方、特に「グラフィックデザイン」の仕事をしたい方には「紙のポートフォリオ制作」はオススメです。

ポートフォリオはクリエイターにとって自分自身を表現する大切なツールであり、制作には時間も労力も必要ですが、作って損なことはないのでぜひ挑戦してみてください。

Special Thanks!

今回の紙のポートフォリオ制作にあたってご意見をいただいた、AROWD(@arowd_info)さんには深く感謝申し上げます。いつもありがとうございます。

ポートフォリオサイトのモックアップ画像
ポートフォリオサイト公開!作り方や制作過程も解説デザイナーfuyunaのポートフォリオサイトの制作過程を解説しました。Webデザインやグラフィックデザインを勉強中の方、Webポートフォリオを作りたい方にオススメの記事です。ラフイメージや公開から1週間のアクセス数も公開しています。...
ABOUT ME
fuyuna
理学療法士から独学でデザインを学んだデザイナー / 東京のデザイン会社勤務 / グラフィックとWebが中心 / 大人可愛いデザイン / 本とお出かけが好き