シリーズ「伝わりやすいバナーをデザインするポイント」、今回は「レイアウト」をご紹介させて頂きます。 レイアウトにはいくつかのセオリーがあり、ある程度パターンが決まっています。そこでレイアウトによってどのような印象になるのかを知ることで、効果的な配置をしていきましょう。 STEP1：視覚的にアピ [...]

シリーズ「伝わりやすいバナーをデザインするポイント」、今回は「フォント」と「色」の効果的な選び方についてご紹介します。 魅力的なバナーを作成したいけれど、画像等の素材がない…という場合でもフォントと色を工夫するだけで伝わるバナーを作ることが出来ます。 ターゲットを決める まずは作成するバナーが [...]

レスポンシブWebデザインをはじめとするWebサイトのマルチデバイス対応の増加などに伴い、HTML5でのWebサイト構築が現在主流となっています。 今までHTML4やXHTML1.0で構築してきた人の中には「HTML5って難しそう」「今までのHTMLとはどう違うの？」と思っている方も多いのではな [...]

グラフィックソフト（Illustrator・photoshop 等）を使用しているけれど、 イラストを描くのが苦手な方や 今からイラストを描くことを始めたい方向けに、Illustratorを使用したイラストの描き方（手順とアレンジ）をご紹介します。 ※今回はグラフィックソフトでよく使われる、パス [...]

前回、伝わりやすいバナーデザインのポイントを文字の組み方をメインに紹介させて頂きました。 さらに魅力的なバナーにするために、今回は写真のレタッチ（写真データの加工・修正）についてご紹介したいと思います。 視覚的にイメージを伝えることができる写真は、レタッチの方法によってバナーの雰囲気が変わってき [...]

Webサイトをデザインするときの色選びは、そのサイトの印象を大きく左右するのでとても重要です。しかし、コーディングで指定できる色はおよそ1,670万色もあり、その膨大な数の色の中から適した色を選択することは難しく、悩むことが多いかと思います。色の組み合わせ方によってもまたイメージが変わってきます [...]

パララックスデザイン、インフォグラフィックス⋯Webデザインのトレンドは目まぐるしく変化していきます。 その中でも2013年ごろから普及した「フラットデザイン」。そしてそこから進化した「フラットデザイン 2.0」について、なんとなく知っている！聞いたことがあるけどいまさら聞けない⋯という方向けに [...]

リスティング広告をはじめとしたインターネット広告や、自社のウェブサイトなどで使用するバナーはユーザーにクリックされてはじめて価値が生まれます。では、ユーザーにクリックされるためにはどうしたら良いのか？バナーを制作する上で皆さん意識されるかと思います。 そこで、今回はバナーデザインにおける「文字」 [...]

ホームページ掲載用の画像を作成するとき、「もっと効率よく画像を作成したい」「他に簡単な方法があるのではないか？」と思うことはよくあるのではないでしょうか。 そこで、Photoshopでデザインを作成するときに使える便利な機能やプラグインをご紹介いたします。 「アクション」機能で操作手順 [...]

ユーザーニーズを無視したサイト構築で顧客を逃していませんか？ 2013年6月時点における日本でのクライアント端末別の普及率は、スマートフォンが49.8％、タブレット端末が20.1％、PCが97.0％でした。（IDC Japan調べ） PCが依然として高いものの、年齢別では若年層ほどスマートフォン [...]

  1998年に設立されたGoogleは、あっという間にネットの世界を席巻してしまいました。 これほどまで短期間のうちに巨大な成長をした要因としては、いろいろと考えられますが、Googleのあのシンプルなトップページもそのうちのひとつであると思われます。 Googleのトップページは、 [...]