名刺のデザイン 游ゴシック体 Medium 名刺のデザイン 游明朝体 Medium 名刺のデザイフ Meishi Design Chochin Regular 」 K コラッワ L 名刺のデザイン 小塚ゴシック P ℃ EL 名刺のデザイン 小塚明朝 Pro EL 名刺のデザイン 小 S2GP 海 7 オント Meishi Design Helvetica ReguIar 名刺のデザイ 名刺のデザイン ヒラギノ明朝 Pr ( ) M3 名刺子ザイン S2G つきフォント M + 2pthin eS18n MEISIII 第 S } N ・一 i i ー ) i 北 フォント STENCIL 疆 やすいでしよう。 んなに多くても 3 つまで、できることなら 2 つに絞ったほうが、まとまりよい名刺になり 1 つの名刺に対して、フォントの種類はど 色々なフォントを試してみてください。また、 の C h 0 c h i n のような英文フォントが相性が良いです。内容やフォントサイズに応じて 「ハネ」のない H e lv e t i ( a のような英文フォントと相性が良く、明朝体にはセリフ体 みましよう。注意点として、ゴシックな日本語フォントには、サンセリフ体と呼ばれる あリます。高品質なフリーフォントも多く公開されているので、気に入った物を探して フォントといったものから、筆記体、 S t e n c Ⅱのようにロゴに使えそうなものなどが 英文フォントに限ればよリ種類が豊富になリます。 H e lv e t i ( a のような、 T H E 英文 繊細な雰囲気に、」 K ゴシックであればやさしい雰囲気になリます。 明朝体を使えば少しお硬いしつかリした雰囲気に、ゴシックでも細い M + などであれば フォントは名刺の空気感であリ、利用できるフォントの数は選択肢の数です。

D e v 0 p e 「 / D e 5 i g n e 蜜 W E B 葉 h い p 優 ・ m ー t 5 u b a C 0 m h I て p / ' C m i S u b a C 0 m f a k e @ ( - m は s u b a ( 0 m 情報の重要性と表現技法 もう少し、素敵と思われる工夫をしていきましよう。 情報の重要性に応じて見せ方を変えるだけで名刺っぽく見えるようになってきました。 フォントウェイトを軽くして下部よりもフォントサイズを 1 p t 小さくしてみました 上記の例では、名前のフォントサイズを大きく、下部の情報は名前より色を薄く、肩書は 類、グルーピングが同じ表現を適応する目安と考えてよいでしよう。 先ページで、優先順位とグルーピングを行いました。この優先順位が表現を適応する種 る、文字間を空ける / 詰める、改行する、などが挙げられます。 そのための表現技法も様々で、例えば文字を大きくする、フォントを変える、色を適用す 名刺に掲載する内容が決まれば、次はどう見せていくかが重要です。

文字間を大きめでゆったりと 文字間を狭せてかっちリと 今日も雨ですね 今日も雨ですね 丁〇 ky 〇 T と 0 が広く、 k と y が狭い 亠〇〇 反転させてみる ニングした T 0 k y 0 上入〇 違和感が顕著になる 亠〇〇 墾整する h い p : / / t y p e . m e t h 0 d . a ( / ニングの練習がゲーム感覚でできる W e b サイト 字送りとカーニング と文字の間隔を調整することを言います。 字送リは文章全体のの文字間隔を調整することを言います。一方、カーニングとは文字 お硬いかんじの文章になリます。先のフォントの性格と合わせて活用しましよう。 広く取ればゆったりと、しかし英文に使えば間延びしたように、狭く取ればかしこまった また、文字間を調整して違った印象を与えることもできます。 感を感じにくいので、文字を反転して記号と捉えて調整するのも 1 つのテクニックです。 ニングでは単語や文章が読みやすいように字詰をしましよう。単語の状態だと違和 ては特定の文字と文字の間が狭いため広げたいなどといったことがちまちまあります。 名刺のサイズは決まっているので、長い文言が入らないときがあったリ、フォントによっ

天 引 Y ee ee . LLC Prototyping and St 面 io Osak 」 apan ー http://silkyfeel.jp UI/UX [ 地引 gn. Prototyping Development, Seminor XA 攫 . C 既物 PF. し n ・、 5 引 W , わ、、、円を 5 0 e v 0 ー 0 p e 「 / D e い 9 n ! ーデザインエリア ー仕上がリエリア ーテキストエリア 制作時の注意点 ※「ガイド」・「トンボ」レイヤーは操作しないでください。 ※デザインの配置は「デザイン」レイヤーに配置してください。 ※デザインエリアをはみ出る場合はマスクで隠してください。 ※フルカラー印刷の場合は CMYK 、モノクロ印刷の場合はグレイスケールもしくは CMYK の K のみを使用して作成してください。 ( RGB ・スポットカラーは使用不可 ) 〇破線ガイドについて テキストエリア・・・断裁時に欠けてはいけない文字やイラストはコチラの範囲内に配置してください。 仕上がりエリア・・・断裁位置です。 ( 断裁位置は最大で 2mm ずれる場合がございます。 ) デザインエリア・・・フチまで印刷するデザインの場合はコチラのガイドまで塗リたしを伸ばしてください。 印刷データ 実は色々なチェック項目があり、 どれか 1 つでも忘れていたり失敗すると思ったように 印刷されません。筆者も過去に一度だけ文字をバス化せずに印刷してしまったため、送 られてきた名刺のフォントが意図したものではなかったことがあります ( ショック大き かった ) 。上記は実際に印刷するときに使う印刷会社が提供しているテンプレートです。 下記に加えてこれに沿って作成すれば基本的には間違いがないでしよう。 C M Y K : 色のモードが R G B だと色が違ったものになることがあります。 塗り足し部分の描画 : 名刺の裁断時にずれる事があるので、縁まで色を塗る 全てのデータのバス化 : フォントや図形などは全てバスにして環境の違う P C でも 同じようにみえるようにする。 画像データの解像度 : 小さな画像を引き伸ばして使うと画質が悪くなるため、 なるべく大きい画像データを利用する。 出力データの p p i : 上と同様に印刷時に画質が悪くならないように 3 5 0 p p i 以上で 画像出力して印刷する ( 家庭のプリンタなどで印刷する場合 )

蜜葉優 D e v e ー 0 p e 「 / D e 5 i g n e 「 ・ T w i t t e 「 : m i t s u b a ー y u ・ W e b : h t t p : / / ( - m i t s u b a . ( 0 m ・ M A は : f a k e @ ( - m i t s u b a . c 0 m 優先順位と組分け なにを伝えるかが決まれば、次はどう伝えるかです。 そのためには優先順位とグルーピングが有効です。もちろん名刺なので、 1 番重要なの は名前でしよう。次に自分が何者なのかあるいは何をしている人なのかという点で職種、 最近の流行リで T w i t t e 「、その後に W e b 、メールといったところでしようか 1 . 名前、 2 . 職種、 3 . T w i t t e 「、 4 . W e b 、 5 . メール ただ、その中でグループに分けると、名前と職種は特性を表し、 T w i t t e r と W e b とメー ルは連絡先として分けることができます。 これらは、後に出てくるレイアウトやフォントなどに関わっていきます。優先順位は表現 の豊かさ、グループはレイアウトなど、綺麗に見えるデザインのヒントになるでしよう。

Twitter WEB MAIL ⑩ 図 @mitsuba—yu http: 〃 [domain] http: 〃 c-mitsuba.com [---]@[domain] fake@c-mitsuba.com 情報を代替、単純化する うとよいでしよう。 いくつかのパターンを試してみて、デザインに合うバターンや気に入ったパターンを使 T w i t t e 「、 W e b ページ、メールアドレスと察することができます。 上記の例の様にアイコンやタイトルを省略しても、文字列のルールからそれらが また、名刺に掲載する情報の多くは意外とアイコンがなくても伝わることが多いです。 ンは小さく印刷すると潰れてしまうこともあリ、注意が必要です。 ジにはフリーで公開されているものも多く、名刺に取リ入れやすいです。しかし、アイコ 効率的に伝えることができます。また、アイコンを自作できなくても、海外の W e b ペー 文字列はアイコンにできる場合があります。正しくアイコンを使用すれば、情報を素早く、