【デザイン学生必見!】
ポートフォリオをゼロから作ろう!

【就活対策】ポートフォリオのデザイン改善方法を解説

記事内にプロモーションを含む場合があります
Webデザイナー、UI/UXデザイナーの@sdesignlaboです。

Webデザイナーやゲームクリエイター、イラストレーターなど、デザイン系やクリエイティブ系の就職活動や仕事を獲得する為に必要なポートフォリオの改善方法について解説します。

前回の記事ではポートフォリオの概要とデザイン業界をターゲットにしたポートフォリオ制作に関する基礎知識ついて解説しました。
今回はポートフォリオ初心者の方が作りがちな「惜しい例」と改善例について解説したいと思います。

では早速解説していきます!

惜しい例1:とりあえず並べてみた

絵や文字を淡々と「とりあえず要素を置きました」的な作品集、非常に勿体ないです。

せっかく素敵なイラストなのに、見せ方がイマイチなので魅力が伝えきれないパターン。
まだポートフォリオ作りを開始したところで制作が終わってるようなものです。

絵を単に置いた「だけ」、文字情報を入れた「だけ」ではなく、配置を少し工夫したり文字レイアウトをちょこっと変えたり、デザインの手間を少し入れるだけで印象が全然変わります。

作成したイラストを「そのまま」載せるより、ポートフォリオの見せ方に適したトリミングを行い、より素敵に伝えられる方法もあるかもしれませんね。

別の言い方をすると、ポートフォリオ全体のクオリティを上げることで、作品の質も単体で見せるよりもいい感じで伝えることが可能です。

高品質なテンプレートを活用しませんか?
上記は資料無しで作られている方にありがちなパターンです。もし心当たりがある方は一度良質なテンプレートを活用し、レイアウトに慣れる事をおすすめします。

惜しい例2:文字がやたらデカイ

作品以上に文字が目立ってるパターン、これも惜しいです。
初期設定の文字を入力しただけですが何か?的な作品集ほど惜しいものはありません。

イラレのデフォルト文字サイズである「12pt」、画面上だとそこまで大きく感じないかもしれませんが、印刷するとかなり大きいです。

また、サイズだけでなく書体は本当にそれが適していますか?
あらかじめPCに入っているフォントだけでなく、フリーで使えるフォントを調べて、より適したフォントに変更するだけで一気に見た目が変わります。
AdobeFontsなら数千種類もの高品質なフォントが選び放題!ぜひ活用しましょう!

文字色も初期の「K100%」の色のままで大丈夫でしょうか?
文字サイズを大きめにしてもK90%等、黒さを少し抑えると文字のうるささが軽減できます。
情報の優先度を考慮しながら書体や文字サイズや色を設定するだけで作品集の印象はガラリと変わります。

コチラの記事フリー&商用利用可能な使い勝手の良い素敵なフォントを配布しているサイトを紹介!
フォントを変更するだけでポートフォリオの見栄えが一気に変わりますので、自身の作品の世界観により合うフォントを探してみては如何でしょうか?

惜しい例3:コンセプトやプロセス等の作品情報が欠落している

絵のみ、大胆で美術館の作品のような見せ方でカッコいいですね。アートならアリだと思うのですが、就活ツールとしてのポートフォリオだと少し不親切です。

タイトル、作品コンセプト、制作日、画材、ラフや制作過程等、見せる相手の事を考え、作品解説や制作意図が伝わるような情報を載せておくのが無難です。

「あなたの事を全く知らない初対面の人間に見せる作品集」だという事を念頭に入れておきます。
希望している会社の採用担当者があなたの作品集を見るのは1度きりかもしれないですからね。

惜しい例4:余白を活かせていない

余白(ホワイトスペース)を活かせてなく、要素同士が詰まりすぎ、離れすぎ、本文テキストが用紙の端ギリギリに配置されている等。このパターンもよく見かけます。

先に装飾を作成して整合性が取れないレイアウトにするのではなく、まずは必要最低限の要素で余白を活用しながらレイアウトを整えておきましょう。

飾るのはその後でも遅くないですよ。

惜しい例5:目次だらけ

目次やカテゴリ内目次が大量にあり、全体の1/3程度が目次の作品集をたまに見かけますが、そんなに目次って必要でしょうか?
作品数に対してカテゴリを必要以上に細分化している作品集も同じです。

もしも100ページ超の作品集なら項目別目次があっていいと思うのですが、20ページ前後のボリュームなら目次が1,2ページもあれば十分かと思われます。
目次用にページを割かなくても、作品ページに小さくタグ的な見せ方等でカテゴリを入れるような方法もアリかもしれませんね。

なお、ページ下部の「ノンブル(ページ番号)」は不要です。
ポートフォリオはページの差し替えを頻繁に行うものなので、その度にページ番号にズレが発生します。

作品更新の度に全て刷りなおすのは時間とお金の無駄なので、ノンブルは最初から入れないのがオススメ。

当てはまった方は要注意

  • 例1:とりあえず並べてみました
  • 例2:文字がやたらデカイ
  • 例3:コンセプトやプロセス等の作品情報が欠落している
  • 例4:余白を活かせていない
  • 例5:目次だらけ

先に述べた5つの例が当てはまる方は要注意です。
今の状態のままの作品集を送るより、テコ入れしてから応募した方が目に留まる確率が高まります。

改善せずに「数撃てば当たる戦法」を行っても「時間とお金の無駄」です。
単に就活へのモチベーションと持ち金が削られるだけですよ。

履歴書を書く手間、ファイル代、印刷代、送料を無駄にしないためにも今の作品集を少しでも改善する事をオススメします。

想像だけで作らず良いサンプルを参考に

絵を描く時は良い資料を参考にしながら描くと作品の質を高めやすいですよね。

コンセプト段階のスケッチでは問題無いのですが、本チャン段階では資料は必要です。
描き慣れていないうちから資料無し&想像で描くと「このキャラの関節どうなってんの?」的なデッサンの狂ったイラストになりがちです。


デザイン、レイアウトも同じで、良い資料を参考にしながら作成すると作品の質は高めやすいです。
慣れていないのに資料ゼロで作成する方をよく見かけるのですが、そういう場合は正直…仕上りが微妙な場合が方が多いです。


いきなり想像で作るよりも、まずは制作イメージに近い良質な資料を用意し、参考にしながら作るのが手っ取り早く質を上げる方法です。 クオリティの高いポートフォリオテンプレートを活用するのも有効的。


クリエイティブ業界を目指している方なら一つや二つくらいは好きな画集、設定資料集、写真集、雑誌等、良質なレイアウトのサンプルをお持ちだと思います。そんな素敵な資料を活用しないのは勿体ないです。

最初は模倣から、段々とオリジナリティを見つけていくのが上達への近道ではないでしょうか。
ポートフォリオ制作の参考書が各社から発売されているので参考にしても良いかもしれませんね。

高品質なポートフォリオテンプレート

紙媒体やPDF形式で作成したポートフォリオの品質を手っ取り早く高めるには、高品質なテンプレートの活用が最も効率的かつ効果的です。

商用利用可能で高品質テンプレートばかり厳選!
今まで意識しなかった多くの「気づき」に出会えますよ。

※なお、ポートフォリオ制作はInDesign(インデザイン)を使うのが最も効率的です。
コチラでインデザ初心者の方向けにポートフォリオテンプレートの使い方を詳しく解説しております。

#01 Pink Portfolio Layout

ピンク系のキレイ目カワイイ風ポートフォリオ用テンプレートです。InDesign形式なので文字と画像の差し替えが超楽!
2時間あればポートフォリオが作れます。
編集にはInDesignが必須、未導入の方はInDesign公式サイトから入手しておきましょう。

ダウンロードする

#02 Portfolio Layout with Gray Accents

モノトーン系でどんな作風にも合うポートフォリオ用テンプレートです。イラスト、写真、建築、Web、グッズ…テンプレ選びに迷ったらコレがオススメ!
A4に印刷したポートフォリオ、PDF形式、どちらも短時間で作成可能です。

ダウンロードする

#03 Portfolio Layout with Yellow Accents

黄色が鮮やかでキレイなポートフォリオテンプレートです。
爽やかな画風のイラストにもピッタリ!
クセが無く、ベースデザインとして非常に扱いやすいテンプレートの一つです。

ダウンロードする

#04 Portfolio Template in Pale Green and Mint

収録されているレイアウトパターンが非常に豊富なポートフォリオ用テンプレートです。
作品を大きく見せる、制作過程を見せる、複数見せる、横長作品を画面内に綺麗に収める等、どんなパターンにも当てはめる事が可能ですよ。

ダウンロードする

#05 Minimalist Portfolio Layout

ポートフォリオの表紙には必ずメインビジュアルを入れないとダメか?そんな事はありません。
単色に文字だけで構成した表紙も素敵です。
ページ中身のレイアウトパターンも豊富、あえて表紙をシンプルにする手法もアリですよ。

ダウンロードする

紹介しきれなかったポートフォリオテンプレートや素材
上記のテンプレートはほんの一部。
下記リンクで多数の高品質なポートフォリオテンプレートを紹介しています!

おわりに

と、私の考えているポートフォリオについて語ってみました。

ポートフォリオの作り方に正解があるのか不明ですが、少しでも制作の助けになれば幸いです。
作っては改善、作っては改善の繰り返しで、より自身が表現したいポートフォリオにできるはずです。
一旦完成、はい終わり、ではなく、その後も改善を積み重ねてより素敵な自分だけのポートフォリオを作っていただければと存じます。

次回は自身が経験した業界別ポートフォリオについて語ってみたいと思います。

商用利用可能な高品質素材

ポートフォリオテンプレート

ポートフォリオ用の高品質なテンプレート34選
デジタルポートフォリオ用のテンプレート35選
InDesign形式の高品質なポートフォリオテンプレート77選
AI形式の高品質なポートフォリオテンプレート25選
PSD形式のポートフォリオ用テンプレート12選
【InDesign】 A4横のポートフォリオテンプレート15選
【InDesign】 A4縦のポートフォリオが簡単に作れるテンプレート15選

印刷物のテンプレート

【名刺テンプレート】 高クオリティな名刺テンプレート50選
【名刺Part.2】高品質なミニマルデザインの名刺テンプレート18選
高品質な三つ折りパンフレットのテンプレート76選
【神速チラシデザイン】商用利用可能なフライヤーのテンプレート50選
【イラレ初心者でも自作可】商用可能で高品質なクリスマスカード素材53選
【商用利用可能】高品質な便箋のテンプレート50点を厳選

Web制作にオススメ

高クオリティなロゴのテンプレート50選
高品質なバナーテンプレート50選
Webサイトのデザインカンプ用テンプレート35選

その他のテンプレートや素材

ゲームUIに使える高品質なテンプレート48選
ゲームやイラストの背景素材66選
1枚絵として成立するクオリティの和風背景素材20選
【デザインモックアップ】様々な素材の高品質なモックアップ50選
イラスト初心者の為の便利なテンプレート
【商用OK!】フリーフォントと一味違う超高品質でユニークなフォント20選

最強素材リストの目次一覧
SCROLL
目次一覧
ゼロから始めるシリーズ

現役デザイナーが教えるIllustrator、Photoshop、ポートフォリオ講座の目次です。
デザイン未経験からプロを目指しましょう!