デザインの基本!4つの基本原則

私はデザインの学習は、「デザインの基本4原則」

を学ぶことから始めました。

この4つの原則を取り入れることで、見やすく綺麗なものになります。

デザインをこれから勉強したいという方が最初に学ぶべきことだと思います。

デザインをする上でとても大事な基礎なので、知っている方も復習しましょう。

 

            

 

          [目次]             

  1. 近接
  2. 整列
  3. コントラスト
  4. 反復
  5. まとめ

 

 

 

 

1.近接

近接とは、「関連するもの同士を近くに配置し、関係の薄いものは遠ざける原則」

です。

 

 

下のメニューを見て、皆さんはどう思われますか?

f:id:tamesue:20170721173437p:plain

 

上のメニューの写真と下のメニューの写真、どちらが300円かわかりにくいですよね。

 

 

 

では、近接の原則に従って、関連する情報を近づけると…

f:id:tamesue:20170721173750p:plain

メニューが一気にわかりやすくなりました。

このように、関係するもの同士を近づけて、さらに一つ一つを四角で囲み、

グループ化するとより見やすくなります。

 

 

 

2.整列

整列は、「決めた基準に合わせて位置を揃える原則」です。

 

 

クロスセル株式会社のホームページの一部を例にして、説明します。

 

 

こちらは、左揃えになっています。↓

f:id:tamesue:20170721175146p:plain

(クロスセル株式会社ホームページ  SITEMAP抜粋)

 

 

 

 

こちらは、中央揃えになっています。↓

f:id:tamesue:20170721175402p:plain

(クロスセル株式会社ホームページ メニューアイコン抜粋)

 

 

オレンジ色の線は、文字やアイコンがきちんと揃っていることがわかるように

私が付け加えたものです。

 

このように、実際は見えないある線を基準として全体を揃えることで、

整列の原則が活かされます。

 

 

 

 

3.コントラスト

コントラストは、「ある違い(色、フォント、形、サイズなど)を出すことで、

強弱・メリハリをつける原則」です。

 

 見出しだけを太字にしたり、色を付けて目立たせているのをよく見ますよね。

それは、コントラストの原則を使っています。

 

 

 

下のナビゲーションメニュ―に選択中のメニューに色がついていると、

一目でどのページを今開いているのかわかりますね。

 

f:id:tamesue:20170721175941p:plain

 

一つだけ違いを出すことで、見る人に印象付けることができます。

 

 

 

4.反復

 反復は、「作品を通して、ある特徴(色、フォント、整列など)を繰り返すことで、

統一感・一貫性を保つ原則」です。

 

 

 

こちらは、クロスセル企業情報ページの一部で、メニューアイコンです。

(整列の例と同じものです)↓

 

 

f:id:tamesue:20170721182458p:plain

f:id:tamesue:20170721182428p:plain

 

 

円の色と円の中のアイコンの色、文字のデザイン、表示位置と、

3つのアイコンとも同じデザインを繰り返しています。

 

反復は、繰り返すことで統一感を出すのがポイントです。

 

 

 

5.まとめ

デザインの基本原則を学び、以前はあまり気にしていなかった細かい点にも気を付けて、見やすく作ることを意識しながらデザインを作成するようになりました。

 

4つの原則のうちのどれか一つだけではなく、うまく組み合わせることで

相乗効果を生み、より良いデザインとなります。

 

また、原則はあくまでも基本であるので、原則を破ったデザインにすることも可能です。

でもその場合は、4原則とも知っている上で意識的に原則を破るようにしましょう。

 

今回は、ホームページのデザインをメインに例に挙げましたが、良いデザインは

原則をうまく取り入れたものになっています。

4原則がどのように使われているか注意しながら色々見てみると参考になると

思います。

 

 

 

 

【参考文献】

Robin Williams(2016)『ノンデザイナーズ・デザインブック [第4版] 』

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

「博多一口餃子 ヤオマン」でランチ😋

f:id:tamesue:20170726232529j:plain

 「博多一口餃子 ヤオマン」さんへ行ってきました!

 

 

こちらは、鹿児島県産の黒豚と九州産の野菜で作られた一口餃子の専門店です。

 

 

こちらのお店も以前ご紹介した「もつ鍋一慶JR JP博多ビル店」と同じ

JRJP博多ビル 地下一階 にあります。

 

 

ランチメニューは、こちらです。

f:id:tamesue:20170726232601j:plain

 

メインの餃子に加えて好きなおかずが選べるというのは、良いですね!

 

 

私は、このメニューの中からおかずは、「ミニ麻婆」(税抜き価格¥880)

しました。

 

           f:id:tamesue:20170726232122j:plain

           サラダ

               

      f:id:tamesue:20170726232307j:plain

      (上から反時計回りの順で)

       お漬物、ミニ麻婆、ごはん、餃子のタレ、餃子

 

 

           f:id:tamesue:20170726232424j:plain

           スープ

 

 

餃子はパリパリで、濃厚ですがあまりくどくなく、餃子の中では

さっぱりしていました。

6つで、小さめの大きさというのもちょうど良かったです。

 

 餃子のタレは、自分で入れるので好きな分量に調節できます。

私は、醤油とラー油を入れました。

にんにくや唐辛子も置いてありましたので、お好みで好きなものを加えると

味にアクセントを加えられますね。

 

ミニ麻婆は、少しピリ辛でした。

ミニ麻婆は「ミニ」と書いてあるので、もっと小さいのかと思いましたが、

意外と大きかったです。

 

美味しかったです!

ごちそうさまでした!

 

これだけ色々付いていてお値段もお手頃なので、オススメです♪

皆さんも是非行ってみてください!

 

 

 

 

【店名】    博多一口餃子 ヤオマン

【住所】    〒812-0012  福岡県福岡市博多区中央街8-1 JRJP博多ビル B1 

【電話】     092-409-3858

【営業時間】  11:00~24:00(L.O.23:30)           

【定休日】   不定休日あり※施設の休館日に準ずる 

【平均予算】  1,500円(通常平均)

【ホームページ】http://ishidakikaku.co.jp/shoplist.html#shop11

 

 

 

「もつ鍋一慶JR JP 博多ビル店」で焼きサバ定食ランチ🐟

「もつ鍋 一慶 JRJP博多ビル店」さんに行ってきました!

 f:id:tamesue:20170721150840p:plain

 

f:id:tamesue:20170721151454p:plain

 

こちらのお店は、「炙りもつ鍋」を最初に始めたお店です。

炙りもつ鍋は、バーベキューをした翌朝に焼いて食べ残してしまった牛もつを

温かいスープに入れて食べてみたことから生まれたそうです。

 

普通のもつ鍋は食べたことあるけど、炙りもつ鍋は食べたことないという方は、

多いのではないでしょうか?

 

 JRJP博多ビルの地下一階にあります。

ちなみにJRJP博多ビルは、博多シティ、KITTE博多に直結しています。

 

JRJP博多ビル店は、2016年4月27日にオープンしたばかりなので、比較的新しい店舗ですね。

 

 

メニューは、こちら ↓

f:id:tamesue:20170721152600p:plain

f:id:tamesue:20170721152700p:plain

 

f:id:tamesue:20170721152917p:plain

     f:id:tamesue:20170721152934p:plain

 

メニューは、種類が豊富ですね。

看板メニューがもつ鍋で、他のメニューは居酒屋さんみたいです。

 

 

皆さんランチメニューを注文しました。

もつ鍋のお店ですが、誰ももつ鍋を注文しませんでした(笑)

私は、焼きさば定食(¥800)を注文しました。

 

f:id:tamesue:20170721153615p:plain

 焼きさば定食

焼さば、冷奴、味噌汁、お漬物、ご飯

 

 

さばの身が大きくて、ふっくらしていました。

脂がのっていて、美味しかったです😋

 

 

皆さんが注文されていたホルモン鉄板定食(¥880)

美味しそうでした! 

 

f:id:tamesue:20170721154232p:plain

 

 

 

 もつ鍋のお店なのに、もつ鍋を紹介しないというのは、あんまりなので、

ランチメニューのもつ鍋定食をご紹介します。

f:id:tamesue:20170721155145p:plain

炙りもつ付きもつ鍋定食1680円

 

 

もつ鍋定食1100円

もつ鍋 生もつ100g
冷奴
タンスジぽん酢
高菜漬け
白めし
チャンポン麺

もつ鍋定食1680円

もつ鍋 生もつ100g
炙りもつ50g
冷奴
タンスジぽん酢
明太子
高菜漬け
白めし
チャンポン麺

 

 もつ鍋は、一人前からあるそうです。

鍋は大人数で食べるイメージですが、ランチから一人でもつ鍋が楽しめるというのは、良いですね!

ニンニクが効いていて、おいしいそうです。

 

 

【店名】      もつ鍋一慶JR JP博多ビル

 

【住所】       〒812-0012  福岡市博多区中央街8-1 JRJP博多ビル B1F

 

【電話】        092-409-3382

【営業時間】      11:00~24:00(フード/23:00os ドリンク/23:30os)

           ランチ営業、夜10時以降入店可、日曜営業

 

【定休日】     無休

 

【予算】        ¥1000~¥1999

 

【クレジットカード】  VISA  MasterCard  AMEX  Diners

 

【総座席数】     70席(小上がり席2名~6名)

【ホームページ】

motsunabe-ikkei.com

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

         f:id:tamesue:20170721125528p:plain