定評BOXはリニューアル完了!!

定評BOXのリニューアルが完了しました。

苦労の連続でしたが、なんとか公開するまでに至り安心しています。

名づけて、『定評BOX-FlatStyle-Theme』!!!!!

こだわりポイントを紹介!!

Webデザインをする上でこだわったところ、利用して欲しいところを紹介します。

新着記事をでっかく表示

トップページデザイン

やはり一番新しい記事は来てくれたからには必ず読んで欲しいところ。

そのためにはでっかく見せればいい?という安易な発想から採用しました。定評BOXに来たら是非このでっかい新着記事を読んでもらえると嬉しいです。

また、ロゴの下にはフォロー数がひと目でわかるよう、カウンターを設置しました。是非購読してね!!

メインカラーはブルー系で統一

メインカラー

僕はブルー系、特にネイビーが好きで基本的に一番似合う色(ファッション面で)だと思っているのもあり、ブルー系で統一してみました。

Browse Palettes :: COLOURlovers

配色を決める際に『Browse Palettes :: COLOURlovers』というサイトをでパターンを探しましたがめっちゃ便利ですよ、このサイト。

定評BOX=ボックス??

記事デザイン

定評BOXという名前の由来を改めて解説してみます。

『スラムダンクに登場する、「ディフェンスに定評のある池上」という言葉の面白さに注目し、インターネット上で誰かから”定評のある”サイトと言ってもらえるようなライフログにしたい。さらには定評のある記事(役に立つ)を書いていきたい。』

という気持ちで名付けました。(キリッ)

サイトを見ればわかると思いますが、基本的にどの部分もカクカクしてるようにデザインしました。三角を散りばめ、マンネリ感を軽減しています。

ちなみに地味ですが、三角のMOREラベルが一番気に入っている箇所です。

また、記事にはカテゴリ名を表示して、何について書かれた記事なのかを一瞬でわかるように工夫しました。

この3カラム(3列)の記事リストはプログラミングで一番苦労した箇所なのですが、まだ実は不備があったりもしていてトップページだけリスト表示に変更しようか検討中です。

デザインは好き勝手できてもプログラミングを考慮しないと痛い目に合うということを学びましたw

HTML+CSSで組めても実際にWordPressでブログ用に実装すると???の連続です。

もちろんスマホ専用デザインも用意

定評BOXスマホ専用テーマ
今回はレスポンシブデザインは不採用にし、PC&タブレットでは固定レイアウトにしています。これはデザイン上の意図を100%実装したいからです。

スマホ専用テーマも作ったのですが、ほぼ同じデザインで見ることができるようにがんばりました。

また、有料テーマ(ブログテンプレート)を卒業しました。

そして、できる限りオリジナリティを出せたらなと思って制作しました!

有料テーマは素人にとっては最高のツールなのですが、有識者にとってはカスタマイズができないのでつまらなくなってくるのが難点なのですよね。

しばらくはこのデザインでいこうと思っています。

あとがき


ほぼ完成できたので、個人的に喜んじゃっています。歓喜!!っていう感じです。
でもこれで完成ではありません。これからアクセシビリティを考えながら、より良く改良をしていきます。
プログラミングの腕も上げていきたいところです。
来年は音楽活動と一緒に絡めていけたらなと計画しています。
それでは、定評BOXを今後ともよろしくお願いします!!