マーカーネット株式会社

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

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

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

投稿日:2014年12月5日 更新日:

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

前回、いいデザインと悪いデザインの見分け方・・・マージンの取り方についてご紹介しました。

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

今回は、レイアウトについてちょっとだけご紹介します。

WEBデザインをするときに、見出しや本文、イメージなど色々な要素を掲載しますが、

この要素をそれぞれどう配置するかによって、サイトの見栄えが大きく変わってきます。

実は・・・

ここにもデザイナーの常識・・・最低限のルールがあります!

image

↑は極端な例ですが、左と右で全然、印象が違うことが分かるかと思います。

左は「見出し」「image」「本文」の位置がピシッと揃っています。

比べて右は、「見出し」と「image」の開始位置、「本文」と「image」の上部もバラバラですね。

「本文」については「見出し」の横幅からはみ出しています。

これだけで、まとまりのない乱雑なイメージになりますね。

見やすいサイトはこのレイアウトがしっかりルール付けされています。

WEB制作をご検討される際に、色々な実績をご覧になるかと思いますが、

こういったところもチェックポイントの一つです。

お役立ていただければ幸いです。

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

執筆者:


comment

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

関連記事

【デザイナーをお助け!】○○に特化したフリー素材サイト5選

【デザイナーをお助け!】○○に特化したフリー素材サイト5選

なるべく早く作ってほしい!! 今週末までに提出お願い!! ・・・・・・ヤバイ、時間がない。 こんな急ぎの依頼が来たときに、デザイナーさんの手助けをしてくれる素材サイト。 今回は、特定のジャンルに特化し …

色のイメージとWEBサイト【ピンク・紫編】

こんにちは、新人Aです。 おととい、昨日とWEBサイトの配色についてお話しました! 【黄色・赤編】【青・緑編】の次は・・・ 今日は【ピンク・紫編】でお届けしようかと思います! 【ピンク】 ちふれ ht …

ワードプレスをブルートフォースアタックからまもるために必要なプラグイン

ワードプレスをブルートフォースアタックからまもるために必要なプラグイン

WordPressをインストールするとユーザー名「admin」が自動的に割り振られ 変更できないバージョンもございました。 ハッキングする側はパスワードを当てるだけでログインすることが可能になります。 …

フォントをまとめて比較!ウェブサービス「wordmark-it」

フォントをまとめて比較!ウェブサービス「wordmark-it」

こんにちは。マーカーネットスタッフのSです。 今回はデザイン制作に便利なサービスをご紹介したいと思います。 デザインで使うフォント選びは作品のクオリティを左右するといっても過言ではない大事な要素です。 …

【PHOTOSHOP】すぐに使えるデザインテクニック!アート風文字をラクに作る方法

【PHOTOSHOP】すぐに使えるデザインテクニック!アート風文字をラクに作る方法

STEP1. まず加工したい写真素材をPhotoshopで開きます。 STEP2. 背景の写真レイヤーの上に文字を入力し配置します。 STEP3. レイヤーパレット上でテキストのレイヤーを右クリックし …