スタイリッシュなデザイン

スタイリッシュなデザインとは
都会的でクールな印象を与えるデザインのことです。
色味を抑え、
水平垂直で余白を生かしてレイアウトし、
緻密に文字を組むことで表現できます。
見本を作ったのでご覧下さい。
http://
■ 無機質な写真やイラスト
スタイリッシュなデザインでは、
人の気配を感じない、無機質な写真を使います。
人物写真を使う場合でも
生活感を感じさせないように外人を使ったり、
目線をこちらに向けないようにして
リアリティーを抑えるようにしましょう。
■ 白黒の配色
白黒の配色はとてもスタイリッシュな印象です。
明度差が最も激しくなる白と黒の組み合わせは
強烈なインパクトとシャープさを持たせることができます。
白には組み合わせた色をクリアに見せる効果もあり、
これもスタイリッシュさを引き立てる一員です。
色を使う場合は色数を少なくし、
複数の色は同系色でまとめるようにします。
■ 緻密な文字組と厳格なレイアウト
水平垂直を意識したレイアウトと
緻密な文字組がポイントです。
特に文字の大きさは重要で、
見出し以外の文字を極端に小さくすると
緻密なイメージを表すことができます。
見本を作ったのでご覧下さい。
http://
今回の見本の画像は、こちらの無料素材を使わせて頂きました。
http://www.sxc.hu/photo/1085908
バックナンバーはこちら
http://yoshide.com/a/design.html

スタイリッシュなデザインとは

都会的でクールな印象を与えるデザインのことです。

色味を抑え、

水平垂直で余白を生かしてレイアウトし、

緻密に文字を組むことで表現できます。

見本を作ったのでご覧下さい。

100527-fig1

■ 無機質な写真やイラスト

スタイリッシュなデザインでは、

人の気配を感じない、無機質な写真を使います。

人物写真を使う場合でも

生活感を感じさせないように外人を使ったり、

目線をこちらに向けないようにして

リアリティーを抑えるようにしましょう。

■ 白黒の配色

白黒の配色はとてもスタイリッシュな印象です。

明度差が最も激しくなる白と黒の組み合わせは

強烈なインパクトとシャープさを持たせることができます。

白には組み合わせた色をクリアに見せる効果もあり、

これもスタイリッシュさを引き立てる一員です。

色を使う場合は色数を少なくし、

複数の色は同系色でまとめるようにします。

■ 緻密な文字組と厳格なレイアウト

水平垂直を意識したレイアウトと

緻密な文字組がポイントです。

特に文字の大きさは重要で、

見出し以外の文字を極端に小さくすると

緻密なイメージを表すことができます。

今回の見本の画像は、こちらの無料素材を使わせて頂きました。

http://www.sxc.hu/photo/1085908

ファミリー向けのデザイン

ファミリー向けのデザインは
暖かくほのぼのとした雰囲気が特長です。
暖色系のやさしい色使いと、
自然な雰囲気の家族写真を使うことで
表現することができます。
見本を作ったのでご覧下さい。
http://
■ 自然な雰囲気の家族写真
ファミリー向けのデザインでは
何よりも家族の写真が重要です。
ポーズを付けているような写真よりも
何かの動作をしている
何気ない様子をとらえた写真が良いでしょう。
特に小学生以下の子供の写真は、
ファミリー向けの雰囲気を強く与えることができます。
■ 暖色系のやさしいトーン
薄い黄色や茶色、黄緑色などの
暖色系のやさしい色を使うと
ファミリー向けらしい暖かさと
ほのぼのした雰囲気が作れます。
■ 自由なレイアウト
垂直水平のガチガチのレイアウトよりは、
自由にレイアウトした方がファミリーらしさが出ます。
見本を作ったのでご覧下さい。
http://
※今回の見本の画像は、こちらの無料素材を使わせて頂きました。
http://www.sxc.hu/photo/1075968
http://www.sxc.hu/photo/1185128
http://www.sxc.hu/photo/794709

ファミリー向けのデザインは

暖かくほのぼのとした雰囲気が特長です。

暖色系のやさしい色使いと、

自然な雰囲気の家族写真を使うことで

表現することができます。

見本を作ったのでご覧下さい。

100524-fig1

■ 自然な雰囲気の家族写真

ファミリー向けのデザインでは

何よりも家族の写真が重要です。

ポーズを付けているような写真よりも

何かの動作をしている

何気ない様子をとらえた写真が良いでしょう。

特に小学生以下の子供の写真は、

ファミリー向けの雰囲気を強く与えることができます。

■ 暖色系のやさしいトーン

薄い黄色や茶色、黄緑色などの

暖色系のやさしい色を使うと

ファミリー向けらしい暖かさと

ほのぼのした雰囲気が作れます。

■ 自由なレイアウト

垂直水平のガチガチのレイアウトよりは、

自由にレイアウトした方がファミリーらしさが出ます。

※今回の見本の画像は、こちらの無料素材を使わせて頂きました。

http://www.sxc.hu/photo/1075968

http://www.sxc.hu/photo/1185128

http://www.sxc.hu/photo/794709

若者向けのデザイン

若者向けのデザインの特長は
自由や元気といったキーワードで表すことができます。
力強いタイトル文字と
激しい色使い、遠近感を強調した写真を使うことで
表現することができます。
見本を作ったのでご覧下さい。
http://
■ 力強く迫力のあるタイトル
前回もお話した通り
文字の大きさは声の大きさに似ているので、
元気なデザインには大きなタイトルを入れます。
タイトル文字に遠近感を付けたり、
斜めにしたりして動きを付けると
さらに迫力が増して若者らしい活気が生まれます。
■ 派手なトーン
純色同士をぶつけることで、
エネルギーを表現できます。
純色の面積が多ければ多いほど、
元気になりますし、
そこに黒をぶつければ、
強いコントラストが生まれるため、
より力強い印象を与えることができます。
■ 動きのあるレイアウト
タイトルやメイン写真を斜めにレイアウトしたり、
水平垂直の安定したレイアウトを壊すことで、
若者らしい自由や活力を表現することができます。
※見本の画像はこちらの無料素材を使わせて頂きました。
http://www.sxc.hu/photo/1057598

若者向けのデザインの特長は

自由や元気といったキーワードで表すことができます。

力強いタイトル文字と

激しい色使い、遠近感を強調した写真を使うことで

表現することができます。

見本を作ったのでご覧下さい。

100517-fig1

■ 力強く迫力のあるタイトル

前回もお話した通り

文字の大きさは声の大きさに似ているので、

元気なデザインには大きなタイトルを入れます。

タイトル文字に遠近感を付けたり、

斜めにしたりして動きを付けると

さらに迫力が増して若者らしい活気が生まれます。

■ 派手なトーン

純色同士をぶつけることで、

エネルギーを表現できます。

純色の面積が多ければ多いほど、

元気になりますし、

そこに黒をぶつければ、

強いコントラストが生まれるため、

より力強い印象を与えることができます。

■ 動きのあるレイアウト

タイトルやメイン写真を斜めにレイアウトしたり、

水平垂直の安定したレイアウトを壊すことで、

若者らしい自由や活力を表現することができます。

※見本の画像はこちらの無料素材を使わせて頂きました。

http://www.sxc.hu/photo/1057598

高齢者向けのデザイン

高齢者向けのデザインの特長は
穏やかさと落ち着きです。

控えめなタイトル文字と
渋いトーンを使うことで表現することができます。

見本を作ったのでご覧下さい。

100509-fig1

濃い色を使った場合は格調高い雰囲気になる。

100509-fig2

薄い色を使うと親しみやすさが増す。

■ 控えめなタイトル文字

タイトル文字の大きさは
声の大きさに似ています。
タイトル文字を大きくすると大声を張り上げている感じ。
小さくすると小声でささやいているような感じになります。

高齢者向けのデザインの場合は、
「大きな声で元気よく」というよりは、
静かに落ち着いた調子で話しかけた方が
良い印象を持たれます。

■ 渋いトーン

渋いトーンを中心に配色すると
高齢者向けの穏やかで落ち着いたイメージになります。

渋い色でも濃い色(例えば焦げ茶)を中心に使うと
重厚で格調のある雰囲気になり、
薄い色(例えばベージュ)を使うと優しい雰囲気になります。

純色などの鮮やかな色は
若々しさを表す色なので、
なるべく小さい面積にとどめるようにします。

※見本の画像はこちらの無料素材を使わせて頂きました。

http://www.sxc.hu/photo/1134347
http://www.sxc.hu/photo/1174433
http://www.sxc.hu/photo/583082

女性向けのデザイン

女性向けのデザインの特長は
優しい、可愛い、自然といったイメージのことを言います。

繊細な文字や淡いトーンを使って、
中心の無いレイアウトにすることで表現することができます。

見本を作ったのでご覧下さい。

100502-fig1

■ 中心のないレイアウト

メインビジュアルを中心から外してレイアウトし、
大きさも控えめにします。

どことなく頼りない形が
女性的な雰囲気を表します。

写真を選ぶ場合も男性向けのデザインの時のような
遠近感を強調したダイナミックな写真ではなく、
見本のように真横から撮ったような
平面的な写真にすると良いでしょう。

■ 細身のタイトル

繊細な雰囲気の細い書体を選びます。

大きくする場合も、細身の文字を使い、
色使いは男性的な力強さが出ないように
優しい色使いを心がけて下さい。

■ 淡いトーンが中心

背景を淡いピンクにするだけで
女性向けの商品である事を表現できます。

淡い青や淡い緑色でも良いですが、
若干、男性的な理性をイメージさせる色になります。

※見本の画像はこちらの無料素材を使わせて頂きました。

http://www.sxc.hu/photo/993478

This work is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License.
(c) 2012 Yoshida Design Blog | powered by WordPress with Barecity