WordPress:デザインのコツ 素人デザインからの脱却

web-design ホームページ製作
ad

素人デザインからの脱却|色の使い方

デザイン□ 色は原則3色。見づらい。何が大事かわからない。
□ 同じくらいの明るさの背景と文字を使わない。コントラストが弱いと見づらい。
□ 原色、蛍光色を避ける。目がチカチカして見づらい。
□ グラデーション(明暗や色調の段階的変化)を避ける。

デザイン

 

 

ad

素人デザインからの脱却|文字の使い方

デザイン□ フォントは統一する。統一感を出す。
□ 基本フォントは明朝体かゴシック体。特異なフォントは避ける。
□ 全角文字と半角文字を混ぜない。
□ 表記のゆれ(ツイッター、twitter)を避けて、表記を統一する。
□ 3回同じ語尾(~する。~する。~する。)で終わらない。リズムが単一で幼稚に感じる。
□ 3-D書式の多用は避ける。
□ 影付きの多用は避ける。
□ 「」を細いフォントにする。
□ 助詞(を、へ、に等)を小さくする。内容を目立たせる。
□ 単位(%、円、㎏等)を小さくする。内容を目立たせる。
□ 日付(10/12、金曜日、13:45)を小さくする。内容を目立たせる。
□ カンマ(,)は、半角を使う。2,000円→2,000円。
□ 矢印は、小さくする。「→」でなく、小さい「▶」でもよい。

デザイン

デザイン

 

 

素人デザインからの脱却|画像の使い方

グラーフ03
□ 画像の縦横比を変えない。
□ 文字を人物や物にかぶせない。
□ コンテンツを仕切る境界線は、原則引かない。
□ 余白を生かす。

グラーフ04
Lauren de Graaf|Pinterest

 

 

素人デザインからの脱却|参考記事

Design|Pinterest

素人っぽいデザインをワンランクアップさせるコツと小ワザ9選

あなたのデザインがダサい7の理由 ダサくなる原因と改善するコツ | 321web

素人っぽいデザインビフォーアフター

まずは覚えておきたい!文字組みの基本テクニックとコツ

バランスの良い写真を撮影するなら知っておきたい構図12パターン

 

 

デザインの書籍

 

 

ホームページ作成の関連記事

WordPress:初めてのホームページ作成01 独自ドメイン取得

WordPress:初めてのホームページ作成02 各種設定

WordPress:ホームページ運用|AMP警告 画像の推奨幅

パソコン豆知識|Windowsペイントの使い方

WordPress:アイキャッチ画像の作り方