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

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

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

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

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

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

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

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

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

です!!

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

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

image01

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

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

 

image

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

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

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

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

 

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

関連記事

【ワイヤー作成をラクにする!】レスポンシブ・ウェブデザイン(RWD)向けワイヤーツール

【ワイヤー作成をラクにする!】レスポンシブ・ウェブデザイン(RWD)向けワイヤーツール

サイトの設計図とも言えるワイヤーフレームを作成することは、ウェブ制作において大事なステップです。 ワイヤーフレームとはサイトの大まかなレイアウト、必要な要素、コンテンツの優先順位を示したもので、ワイヤ …

WEBデザイナーが厳選する 年賀状に使えるフリー素材まとめ!

WEBデザイナーが厳選する 年賀状に使えるフリー素材まとめ!

2014年の残りあとわずかですね。 年末といえば、年賀状! これから作り始める方もまだまだいらっしゃるのではないでしょうか。 そこで・・・ 今回は、そんな方にお役立ちの無料で高クオリティーなデザインハ …

レスポンシブサイトを作る時に私が最低限やっていること【htmlソース編】

レスポンシブサイトを作る時に私が最低限やっていること【htmlソース編】

レスポンシブサイトを作る機会がここ最近かなり増えて来ました。 かくいうこのブログもレスポンシブ対応しています。 レスポンシブサイトを作る時には デザイン面等でも気を付ける事は幾つかありますが、 今回は …

【最新版】WEBデザインのトレンド20選!厳選したモダンなデザインを一挙公開!

【最新版】WEBデザインのトレンド20選!厳選したモダンなデザインを一挙公開!

インターネットの世界は日々進化し、WEBデザインのトレンドも常に変化しています。最新のデザイントレンドを取り入れることで、ユーザーの目を引き、印象に残るサイトを作ることにつながります。 どのデザインが …

簡単!アニメーションpng Apngの作り方

簡単!アニメーションpng Apngの作り方

こんにちは、デザイナーのAです! AdobeAnimateを利用して簡単に画像をアニメーションさせるApngの作り方をご紹介します! Animateには簡単&効率的にアニメーション作成できるツールが多 …