マーカーネット株式会社

WEB制作ブログ WEBデザイン、HTMLコーディング、PHP、スマートフォン制作などWEB制作全般に役立つ情報を発信していきます。

WEBサービス WEBデザイン WEB制作

デザイナーの常識!? いいデザインと悪いデザインの見分け方 その(1)

投稿日:2014年11月18日 更新日:

デザイナーのAです。こんにちは。

今日はお客様の立場になって、

WEB制作における良いデザインと悪いデザインの見分け方についてご紹介できればと思います。

デザイナーにとっては、基本的なことでも、以外と知られていないルールがあったりなかったりします。

まず、良いデザインのポイントとは…

マージンが統一されているか!

です!!

マージンとは、簡単に言うと外側の余白ですね。

例えば、下の図のようにボタンのデザインひとつにしても、余白を統一してあるかどうかで、見栄えが変わってきます。

image01

当たり前のことかもしれませんが、上下・左右の余白は統一したほうがキレイにみえます。

また、下記のように、見出しと本文。見出し本文のボックスの間隔なども統一されているかチェックポイントですね。

 

image

フラットデザインが主流になり、シンプルなデザインが増えてきている今こそ、余白はとても大切なポイントではないでしょうか。

上記であげた以外にも、グローバルメニューのボタンの間隔の開け方、企業ロゴのまわりの余白など、

しっかり作り込まれたサイトは、ちゃんとルールづけされ、統一化されています。

WEB制作をご検討されている方は、ぜひチェックしてみてください♪

 

-WEBサービス, WEBデザイン, WEB制作

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

夏にピッタリ!打ち上げ花火をテーマにしたブラシ素材をご紹介。

夏にピッタリ!打ち上げ花火をテーマにしたブラシ素材をご紹介。 http://www.markernet.co.jp/blog/2015/08/19/post-6004/ Facebook

簡単便利!30秒でできる!【photoshop】で線画を抽出する方法!

簡単便利!30秒でできる!【photoshop】で線画を抽出する方法!

線画イラストの線画だけ抜き出したい!背景を透過したい!!・・・そんな時に役立つphotoshopの小技をご紹介します。   (1)まず、画像をphotoshopで開きます。 (2)メニューの …

WEB制作において低コスト、低予算でレコメンド機能を導入する

WEB制作において低コスト、低予算でレコメンド機能を導入する

Amazonは昨年12月「予測出荷」と呼ばれる特許を取得しましたね。 これはユーザーが「購入」をクリックする前に商品を発送するしくみです。 米インターネット通販最大手のアマゾンは昨年12月、いわゆる「 …

【これぞPhotoshopマジック】イラスト風・水彩風・レトロ風に写真を加工するワザ

【これぞPhotoshopマジック】イラスト風・水彩風・レトロ風に写真を加工するワザ

Webデザインを制作する中で、写真素材を使用することが多々あります。 これらの素材にひと手間加えることで、写真の魅力がグッと加わったり、 サイトの印象を変えることができたり、ポイントにもなったりします …

【これから始めるWEB制作】adobe?フォトショ??イラレ???adobe製品の中身を解剖!~とりあえず覚えておきたい8ソフトの特徴その1~

【これから始めるWEB制作】adobe?フォトショ??イラレ???adobe製品の中身を解剖!~とりあえず覚えておきたい8ソフトの特徴その1~

皆様こんばんは。 今春に新卒で入社しました、ひよっこWEB制作者のMです。 お腹と背中に貼るカイロを装備し、なんとか寒さをしのいでおります。 先日誕生日を迎え、ついにハタチと言えなくなってしまいました …