Emi Nakanishi Portfolio

Welcome to

EMI NAKANISHI

Portfolio

scroll

Worksー制作物

ALL Website Banner Others

Website Design / Coding / Wordpress

haname Official Website
Website Design

Yanbaru Bay Hotel Official Website
Website Design

TAKASE Recruiting Website
Website Design / Coding

Emi Nakanishi Portfolio
Website Design / Coding

Sugutabe Landing Page
Banner Design

冬限定一口チョコ販促
Banner Design

温泉旅館 Web予約限定特典①
Banner Design

温泉旅館 Web予約限定特典②
Banner Design

日本語学校教師募集
Banner Design

テーマパーク開園記念①
Banner Design

テーマパーク開園記念②
Others Design

haname Shop Card & Thanks Card
Banner Design

決済アプリクリスマスバナー
Banner Design

フィットネスクラブバナー
Banner Design

Coming Soon

Aboutー私について

中西咲美-EMI NAKANISHI

2000年4月生まれ、千葉県出身の歳です。立教大学経済学部を卒業後、「モノづくりに携わりたい」という想いから、大手印刷メーカーに就職し、約半年間特注家具の受注対応や、新規営業に携わりました。しかし、デザイナーの夢を諦めきれず、2024年1月より、デジタルハリウッドSTUDIO by LIGへ入学しました。現在は人材システムの企業でコーダーとして採用サイトのコーディングに携わりながら、個人でもデザインの勉強を継続しています。

−More

Studyー学習方法

制作をすることが本当に好きで、実際に手を動かしながら学習を進めてきました。下作品は学習本『デザインのドリル』を元に、デザインの重要な基礎となるルールや考え方を学ぶために、制作してきたものです。日頃から言語化するデザインを心がけ、知識や技術の向上を目指しています。

写真展のチラシ /
演習1：優先順位を学ぶ

30分（目標時間30分）
Illustrator

Sample
Trace

Memo

○タイトルは大きいが、その他の字はかなり小さい→文字が大きいほど優先順位が上がる
○英文は写真と馴染ませた色にして、優先度を下げている
○写真はそもそも目を引く→小さく配置することで余白をたっぷりとり、なるべく優先度を下げている
○文字間を開けることで優先度を上げることができる

不動産会社の名刺 / 演習2：揃えを学ぶ

25分（目標時間30分）
Illustrator

Sample
Trace

Memo

○等間隔でコピーして配置する方法：option+shiftキーで複製→⌘＋Dで変形の繰り返し
○中央添えはポップな印象になる（中央揃えは左右対称のデザインが合う）
○全部中央揃えにせず、情報を1つのグループにして、その中身を左揃えにすることで、読みやすくしている

キャンペーンのDM / 演習3：バランスを学ぶ

35分（目標時間45分）
Illustrator

Sample
Trace

Memo

○文字ワープの方法：効果＞ワープ＞円弧、オブジェクト＞アピアランスを分割で効果を適用
○重心を左上と右下の対角線上に配置して、バランスをとっている
○下部にラインを入れると安定感が出る
○濃い色や大きい太いものをは重く見える

結婚式の招待状 / 演習4：余白を学ぶ

15分（目標時間30分）
Illustrator

Sample
Trace

Memo

○Illustratorのクリッピングマスク：画像とオブジェクトを選択→右クリック「クリッピングマスク」or ⌘＋7
○抜ける余白（右下と左上）があり、注目度を上げている
○写真を右寄せにしたことで、続きがあるかのような広い印象を持たせている
○重心を右上と左下に持って行きており、バランスが良い

ドーナツ屋のポスター / 演習5：対比を学ぶ

1時間30分（目標時間45分）
Illustrator

Sample
Trace

Memo

○点線の作り方・袋文字などやり方がわからないものが多く苦戦
○オブジェクトの一部を消す方法：はさみツールで選択してdelete
○使用する色を２色＋白に留め、対比を目立たせている
○その他のあしらいや要素の配置をシンメトリーにしている

観葉植物専門店のDM / 演習6：これまでのまとめ（模写）

20分（目標時間45分）
Illustrator

Sample
Copying

Memo

○中央揃えのデザイン＋余白が多めで上品なイメージが出ている
○強調したい「NewOpen」だけ字体を変えている
○写真の重心を意識し、余白部分に説明文をおきバランスをとっている

美容クリニックのバナー / 演習7：色の選び方を学ぶ

40分（目標時間30分）
Photoshop

Sample
Trace

Memo

○フレームの作り方（内側角丸の作り方）：Illustrator＞変形パネルで内側角丸を指定、Photoshop＞ならプラグイン（Coner Editor）を使用する
○青色でまとめることで、知的、男性向け、きっちり、誠実という印象を持った→見た人に「どんなイメージを持ってもらいたいか」が重要

バレンタインのポスター / 演習8：配色を学ぶ

40分（目標時間45分）
Illustrator

Sample
Trace

Memo

○パス上に文字を流し込む：パス上文字ツールを使う
○同系色が隣り合うと読みづらくなるため、文字情報の周りは白背景にして、コントラストに気を配っている
○使用する色を同系色（3色）＋白の４色にまとめ、まとまりのあるデザインに仕上げ、バレンタインのイメージを強めている

フリーマーケットのチラシ / 演習9：色数の絞り方を学ぶ

45分（目標時間45分）
Illustrator

Sample
Trace

Memo

○白＋２色でまとめており、２色の明度の差は大きくすると◎
○2色のうち、文字情報は暗い方、背景には明るい方を採用している
○文字情報の周りには白を置いてスッキリさせている

スイーツショップの店頭POP / 演習10：配色実践 ※3色まで

15分（目標時間20分）
Illustrator

課題1：春
課題2：秋

Memo

○Pinterestで「春／秋・デザイン」で調べた中で、一番目を引いた配色を参考にした
○その季節に自然にあるものからインスパイアされた配色になっている（桜→薄ピンク）
○色を変えるだけでかなり、印象が変わると実感

10/

眼鏡店のショップカード / 演習11：配色実践 ※白＋3色

15分（目標時間30分）
Illustrator

課題1：10~20代女性
課題2：30代男性

Memo

○演習10同様に、Pinterestでデザインを検索すると、ある程度の傾向が見えてくる
○自分とはかけ離れたターゲット層（30代男性）のデザインはかなり新鮮な感覚だった
○課題1では、女性向けとのことだったので、文字の枠線の角を少しだけ丸くして工夫した

11/

スキンケア用品の店頭POP / 演習12：書体を学ぶ

18分（目標時間30分）
Illustrator

Sample
Trace

Memo

○明朝体は、高級感・上質さ・特別感を与える
○明朝体×細字は、女性らしさ・上品をプラスできる
○ひらがなを使うか、漢字を使うかによっても印象が異なる

12/

セール告知のDM / 演習13：書体の組み合わせを学ぶ

20分（目標時間30分）
Illustrator

Sample
Trace

Memo

○複数のフォントを使う場合、読ませるシンプル（ノーマル）なフォントが必要
○文字の種類・太さでメリハリをつける◎（重めのセリフ体×軽めの手書きフォント）
○ブルーとブラウンの2色づかいでまとまりが良い

13/

イベントのチラシ / 演習14：文字の目的を学ぶ

20分（目標時間30分）
Illustrator

Sample
Trace

Memo

○線の一部を削除するときは「消しゴムツール」ではなく、パス消しゴムツールを使う
○波線の作り方：直線を描く→効果＞パスの変形＞ジグザグ
○目立たせたい文字をデザイン書体にしている、縁取り文字で爽やかさを演出
○読ませる文字はシンプルで小さくても可読性が高いフォントを使用している

14/

キャンペーンのバナー / 演習15：文字のあしらいを学ぶ

20分（目標時間30分）
Illustrator

Sample
Trace

Memo

○「圏点」「フチ文字×ずらしシャドウ」で目立たせるための工夫（あしらい）を施している
○無料の文字がかなり大きく、優先順位が高いことが一目わかる
○画像と親和性のあるビンク・グリーン・黒の3色に絞りまとまりのあるデザインになっている

15/

レストランのロゴ / 演習16：ロゴ作り実践（フォント×色）

20分（目標時間30分）
Illustrator

A案
B案

Memo

○A案：GUCCIのロゴなどのベースとなっているOptimaの代替フォント「Marcellus」×セリフ体の「Big Caslon」で高級で洗練されたイメージを演出。配色は店内イメージに合わせた青紫を使用。
○B案：エレガントなスクリプト体「Struggle」×高級感のある要素を持つ「Adorn Engraved」を組み合わせ、特別感を演出。配色は落ち着いたゴールドを使用し、大人なイメージを強調。

16/

キャンペーンのロゴ / 演習17：ロゴ作り実践（フォント×色×イラスト）

50分（目標時間60分）
Illustrator

A案
B案

Memo

○A案：切文字のような不揃いでちょっと手書き感のある「ABキリギリス」を使用し、学生感やカジュアル感を表現。桜のフレームや配色で、春のイメージを持たせた。
○B案：スタイリッシュな「スマートフォントUI」を長方形におさまるように使用し、学生のきっちり感を演出しつつも、メガホンでカジュアルな雰囲気も演出。期間は桜の花びらを使用し春のイメージも忘れずにプラス

17/

パン屋のポスター / 演習18：字間と行間を学ぶ

30分（目標時間20分）
Illustrator

Sample
Trace

Memo

○タイトルは字間を広くして目立たせている＆ゆったりしたイメージを持たせている（強調したいタイトルや見出しでよく使う◎）
○長い文章は適度な文字間で読みやすさを重視している
○点線の作り方：太めの実線を作成＞線パネルで線分を「0」＞線端を丸型線端に変更

18/

飲料メーカーのポスター / 演習19：文字の印象的な見せ方を学ぶ

30分（目標時間15分）
Illustrator

Sample
Trace

Memo

○斜めに配置した文字をわざと見切れさせてたり、写真を斜めに配置させたりして、スピード感・躍動感を表現
○「違和感→気になる」をあえて作ることで、印象に残りやすくなる
○手書きの下線を用いて躍動感をさらにアップ↑

19/

桜祭りのチラシ / 演習20：これまでのまとめ（模写）

60分（目標時間75分）
Illustrator

Sample
Copying

Memo

○レイアウト：タイトルエリア（広く主役らしさ）と情報エリア（ごちゃつかないよう優先順位）を分けている
○フォント：形状に”繋がり”がある丸ゴシック体で和風らしさを演出、小さい字は可読性の高いフォントを使用
○字間：タイトル周りの文字は字間をあけて装飾らしさ、説明文は適度な字間で読みやすさUP
○あしらい：縁文字×ずらしシャドウ×イラストで目立たせている、アーチの部分使いで情報の堅苦しさも解消

20/

フリーマガジンの表紙 / 演習21：トリミングを学ぶ

30分（目標時間60分）
Illustrator

Sample
Trace

Memo

○「三分割構図」を意識した写真の構図になっている、写真の余白をうまく活用し情報を配置している
○寄りすぎず、引きすぎずちょうど良い距離感で画像を用いて、雑誌の内容に合わせた普段の生活感を表現
○フォント：見出し・あしらい文字・読ませる文字の3種類で、まとまった印象に

21/

旅行代理店のポスター / 演習22：写真の配置を学ぶ

20分（目標時間40分）
Illustrator

Sample
Trace

Memo

○写真を拡大し、あえて出した余白に情報をまとめる（余白に視線が集まりやすい）
◯風景画像を「裁ち落とし」に配置することで、空間の広がりや迫力を演出でき、壮大でダイナミックな印象になる

22/

フリーマガジンの表紙 / 演習23：切り抜きを学ぶ

45分（目標時間90分）
Illustrator・ Photoshop

Sample
Trace

Memo

○切り抜きを使うことで、ピンポイントで被写体に注目を集めることができる
○シンメトリーのレイアウトで中央の写真をより強調できている
○商品のイメージに合わせて、ポップで可愛いフォントを選んでいる（特にBC Alphapipe RB Bold）

23/

カフェ新規開店のDM / 演習24：複数写真の扱い方を学ぶ

50分（目標時間90分）
Photoshop

Sample
Trace

Memo

○切り抜き写真を使うと、商品をしっかり見せることができる一方、角版写真は雰囲気を伝えるのに向いている
○Photoshop＞選択と範囲＞選択とマスク>被写体を選択でかなり簡単かつ綺麗に切り抜くことができ、驚いた

24/

Worksー制作物

haname Official Website

Yanbaru Bay Hotel Official Website

TAKASE Recruiting Website