「初心者が陥りがちなダサいデザイン」ですと?

「心に突き刺さるセンテンスをご紹介するシリーズ」ではありませんが、このBlogのデザインって実際どうなんだろう?という不安から資料探してたら、こんな一言が刺さってきました!

SHIROMAさんという方が運営していらっしゃる「SHIROMAG」というサイトです。

問題のタイトルは「Webデザイン初心者が陥りがちなダサいデザインの失敗あるある」となります。

こういったことを調べたいときは、まず気になる方が運営されているホームページやブログを見てきます。

僕は、誰も寄り付かないようなドロドロした怪しさ満点のサイト(デザインの話ね!)か、もしくは白が基調の全然うるさくないデザインが大好きなのです。

ってことで、SHIROMAGさんを覗きましたが、とってもスッキリした(たぶん余白の取り方がいい)いい雰囲気のサイトでありながら、情報量がとても多いです。

内容もいわゆる「雑記ブログ」みたいな感じで、なんとなく方向性も似てます(うぬぼれ)!!

もうこれは、真似しない手はないでしょう!!と、ナントカ根性丸出し状態で、例の記事を読んでみて自分のサイトを検証しました。

検証結果です

シャドウが強すぎませんか?

とりあえず、シャドウがほとんどありません!写真にわずかについているだけです。合格でいいでしょうか?

色が多すぎませんか?

トップページは白を基調に緑系でまとめているつもりですが、カテゴリー表示で地味にカラフルさを出そうとしてます。
ただ、個別ページでは面白くって、ついついマーカーをたくさん入れてしまいました!!!(地味に消していこう・・・)
それとプロフィールにあるSNSアイコンも、白黒基調でさりげなくしてみるつもりです。

先生、このSNSアイコンが派手な気がしてきました!
彩度が高すぎませんか?

個別ページの蛍光ペンで強調するところが、彩度が高いと思います!!こっそり消していきます。

濃いの・・・
ボタンの装飾が過剰ではありませんか?

すいません!まだボタンっぽいのが見当たりません。たぶんこれから搭載することになるので、気をつけながらやってみます。

背景画像がウザくありませんか?

トップページに背景画像ありますが、色が薄すぎて、背景画像があるのかどうかわからないくらいです!!合格でいいでしょうか?

余白をきちんととってますか?

Lightningというすばらしいテンプレートを使わせてもらっていますので、ブロックごとの余白はいいとおもっています。
個別ページの文字どうしのスペースが、すこし狭いかなと思ったのでCSSで調節しました。でも、トップページの記事の抜粋部分がギスギスしています。修正したいんですがうまく出来ません。先生、たすけてください!!できればこの部分を「消去」したいんですけど。。。

超補足

文字サイズ、大きくない?? 

老眼が進行中ですので、小さいと目が疲れるんです。お許しを・・・

↑↑SHIROMAGさんは、こんなこと言ってませんからね

もっと細かくチェックすると、更にいろいろありそうです。あまりやりすぎると凹みますので、今回はこれくらいにして退散させていただきます!!!皆さんもいちど自分サイトのチェックをしてみたらどうでしょうか?意外な盲点が・・・

※追伸

今使っているテンプレートは、あの有名な「ブロガー専用テーマ STORK19ストーク19」です。なのでこの記事と若干ずれてきてるような気がしますが、ご愛嬌です。ぜひ納得してください。

カリメロクラブのオリジナル曲はこちらでどうぞ!

コメントを残す

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

ABOUT US

作曲してます
愛知県一宮市で「君だけの情景を作ろう」をコンセプトに作曲活動しています。作曲などのご依頼を受け付けております。オーケストラ風の曲が得意で、ボイスドラマやYoutubeのBGM、プロモビデオのBGMなどを手掛けています。
アルバムは古事記シリーズを手掛けて、現在6作目を制作中。Webストアも始めましたのでよろしくお願いいたします。