My days of...

生活のことなど、がんばろう

Webデザインの誤り6つ

Webデザインの誤り6つを紹介している記事があったのでご紹介。

thenextweb.com

1. グリッドを使わずにデザイン

Adobe Creative Cloudなどを使って、グリッドに合わせてバランスのとれたデザインをする。

 

2. カスタマイズせずにテーマを使用(WordPressのテーマなど)

Biscuiterie bio en Picardie (60) - La Pierre Qui Tourneを参考に

 

3. 質の悪い画像を使ったまま(ピンボケ画像や解像度不足の画像など)

  • カメラマンやイラストレーターを雇う
  • 有料の画像を使う
  • 自分自身で作り出す

 

4. カラーパレットやtypographyパレットを使わない

現在のサイトから1〜3色、フォントも選び、それらに合わせたルールを書き出し、それに合わせたCSSを適用。

 

5. 複雑すぎるナビゲーション

メニューに全てのページを表示させる必要はないので、考え直す。トップレベルメニューとセカンドレベルのメニューに分けるなど、ユーザーがわかりやすいように変更する。

 

6. ロード時間が長い

ローディングアニメーションでいかにユーザを惹きつけられるかを考える。また画像やビデオの最適化を図る。

 

適当に要約してみた。詳しくは元のサイトで。

 

自分で作れる! おしゃれなWebサイト

自分で作れる! おしゃれなWebサイト