BLOG自分の経験をシェアしたい。Webデザインのテクニック&効率化。「クライアントに『自分でもつくれる』と思われたらダメ」とよく先輩に言われていました。「自分でもパワポやエクセルで作れそう」と思われるとデザイナーとして失格ということです。新人の頃は、ついついワイヤーや原稿のパワポ通りに作ってしまいがち。(レイアウトだけでなく、デザインさえも!)しかも、複数案をだすのができないので、一度ワイヤー通りに作ると、それ以外のデザインを思いつかない傾向があるようです。(いわゆるグルグルするっていうことです。納期は成長をまってくれません。デザインではよく使われるパターンがあるので、そのパターンを増やすこと、よくいわれる「デザインの引き出し」を増やすことが近道です。実際正しいかどうかはわかりませんがいくつかよく使うパターンを紹介します。使うパターンベタうち下記の文言をサンプルにします。フォントは、説明しやすいようにヒラギノ角ゴのファミリーのみを使用しています。ベタうちだと味気ないし、どこを強調したいか不明です。文字の大きさを変える目立たせたい箇所の文字の大きさを変更することでリズムをつける。フォントのウェイトを変えるフォントのウェイトを変更するとこでアクセントをつける組み方を変える「全国の美味しいを」を2段組にすることで、「お届けしたい!!」を目立たせる。アクセントをつける強調部分にベタをひくことでアクセントにする「フォントを変更する」「文字を装飾をする」「色をつけること」ことで、さらに変化をつけることができます。(実際は、文章から「美味しい」と「お届けしたい!!」を強調させたいと思うので、それにあわせてデザインするべきでしょうが)文字だけレイアウトしてみる文字だけで、500×120のサイズ内にスペースを埋めていく過程です。Condensed」です。新人の頃は、金額などの色を変更する程度で「できました」と提出してくる率が高いです。Condensed」に変更。「ひらがな」を小さくし、逆に金額を大きくして、アクセントをつけてみました。左右に隙間があいてバランスが悪いです。組み方を変えてみる「キャンペーン期間中なら月額料金が」を2行にしてみます。文字の大きさを調整し、金額が一番目立つようにしました。簡単に文字間も調整しました。左右の隙間が埋まりバランスがよくなりました。金額のフォントサイズは70pxですが、そのままだと、カンマが大きいので40pxに変更しバランスを調整してます。バリエーションを試してみる3行にしてラインを追加。3行になると可読性に劣るようです。「キャンペーン期間中なら」にベタを引いてみました。悪くはないですが、「月額料金」が目立たないような気がします。吹き出しにすることで「月額料金」に視線を誘導するようにしてみました。「月額料金」のウェイトを太くしました。「が」のウェイトを細くしました。・「(税込)」を忘れてたので、追加ここまで10分程です。「フォントを変更する」「文字を装飾をする」「色をつけること」「文字を斜めにする・ずらす」などで、さらに変化をつけることができます。写真や注意書き、ボタン、などがありますのでもう少し考慮する必要があります。今回作ったサンプルのFireworksのデータを参考までにアップしています。コメントをキャンセルメールアドレスが公開されることはありません。暗記しておく!イラレでギザギザの丸(円)を作る方法よく使うこのギザギザの丸(円)。私の自宅での制作環境を紹介します。新人から「どうやってデザインをしていいか、わからない」という声をよく聞きます。新人がデザインの業務で頼まれることが多いのばバナー。...Webデザイナーで、転職がうまくいかない場合のひとつの方法として運よく憧れのWebデザイナーになれても、残業続きで条件面も悪く、すぐに退職。最近のWeb業界は人手不足で経験者を積極採用しているケースが多いです。多岐のジャンルのWebサイトを数百件制作。広範囲な知識・技術・経験を活かした素早い制作が得意。WACA上級ウェブ解析士。地方でもマルチデバイス対応を求められることが多くなってきました。優しくナチュラルな雰囲気を出したい場合は手書き風のデザインは相性がいいです。1分くらいで簡単に文字を「手書き風」にすることができるテクニックです。使うこのギザギザの丸(円)。PRバナーの文字の組み方の簡単なコツ自分の経験をシェアしたい。Webデザインのテクニック&効率化。