公式LINEに登録する

AI×スワイプLPの最新情報をお届け。

特典も受け取れます。

ヘッダーデザインの役割に応じた文章表現の考え方と構成方法。Photoshop編

魅せる伝えるヘッダーデザインを作成する5つの工程の4番目、ここでは④ 文章の表現について解説します。

デザインにおける活字は視覚的にテーマ&コンセプトを伝える重要な役割があります、可読性や視認性を高めるために適切に配列してグラフィカルに整えよう。

  • ① 基調と概念
  • ② 構成要素の配置
  • ③ 色彩の統一
  • ④ 文章の表現
  • ⑤ 細部の作り込み

伝わりにくいテキスト

↑ パっと見ではキャッチコピーの意味が汲み取りにくいですね・・

④ 文章の表現

テンプレにはめ込んでみるとなんだか少し説明っぽく感じてしまいます

テンプレ

① 基調と概念の工程で「おとなしい大人になれない、おとなげない大人達へ」というキャッチフレーズを考えてみましたが、《おとなげない》の言葉ひとつでも《おとなしくない》《やんちゃ》などの意味合いも含まれるので、、

ここは「おとなげない大人達」と、よりキャッチーな響きで行ってみます。

テンプレ

少し厚ぼったく感じるのでスタイリッシュ感のある細身の書体に変更し、《おとなげない ⇔ 大人》双方の言葉に含まれる対比の意味を表現するため大きさを変えてみよう。

細身の書体

さらに対比を強調するために書体をずらし、枠に収めることで視覚的に《整列できないおとなげなさ ⇔ 規律ある正統な大人》といった印象を与えてみると・・

うんっ、それっぽくなりましたね♪

文章表現完成

ここでは文章表現の考え方と構成方法について解説しましたが、活字の意味を理解したうえで表現を加えていくことで、視覚的に基調や概念を伝えることが可能になっていきます

テンプレ文章表現

続いて、ヘッダーデザインを作成する最後の工程 ⑤ 細部の作り込み細部(ディティール)へのこだわりがWEBデザインに差をつける。】に進んでいきます。

基調と概念構成要素の配置色彩の統一文章の表現細部の作り込み

スリームデザイン

1978年夏生まれの熱しやすく冷めやすいB型。群馬県在住の累計360万PVブロガー。趣味はデザインとマーケティングと玄米ご飯。 フリーランス時代に独学で身に付けた技術を活かし、世界規模のデザインコンテストで日本人初の大賞を受賞&Photoshopの専門書を出版。 ブログ集客のエキスパートとして企業や個人のコンサルティングをしながら、コンテンツマーケティングやコピーライティングを手掛けるブログマーケターである。

最近の記事
おすすめ記事
  1. イケてる見た目に着せ替えチェンジ!ブログの運営目的に適したWordPressテーマに変更する方法

  2. 「ブロガーがこんなの読んだら反則レベルでしょっ、、」と思うくらい文章力が上がりそうな書籍を4選しました。

  3. Photoshopで立体感や空間を表現してリアリティのある世界観を創る方法

  4. 「ネーミング」を考える前に理解しておきたいその重要性について

  5. Phostohopの切り取り方法をマスターして画像コラージュ作品を作ってみよう!

  6. 中性脂肪が6ヶ月間で208→73にガチ下げ!42歳の私が試した三方向アプローチの結果がヤバイ、、

  7. 「いつも締め切りに追われてしまう」そんな人がミッションを成し遂げるために克服しておきたい3つの心理メカニズムについて

  1. 中性脂肪が6ヶ月間で208→73にガチ下げ!42歳の私が試した三方向アプローチの結果がヤバイ、、

  2. 見ているだけで「Photoshopの実践的な使い方が学べる」日本語解説付き動画のまとめ

  3. わずか10秒っ!Photoshopで部分的に色を変えたいときの【色の置き換え】の使い方&動画解説ダイジェスト

  4. 「ちょっと待って!」Photoshopの初心者にありがちな間違った5つの使い方とスキルが飛躍する解決策

  5. Photoshopユーザー必見!無料になったNik Collectionのヤバすぎる使い方

  6. 【保存版】Photoshopの技術を一気に飛躍させるための日本語で学べる実践テクニック7連発

  7. これだけはブクマしておきたい!Youtubeなどの動画制作で”マジで使える”フリー音楽素材と効果音サイトのまとめ

おすすめ記事

ページ上部へ戻る