新しいブログのデザインができました!

2019年12月31日

ブログ

このブログを公開してから、約3カ月がたちました。このブログを公開したときよりも知識も増え、よくないなと感じる部分も出てきました。Wordpressの導入のやり方など忘れている部分もあるので復習もかねてブログをリニューアルしようと思います。そしてその進捗を記事にまとめていけば、ブログの記事も書けて一石二鳥になるわけですね。ということでまとめていきます

今回は、ブログのデザインが完成しましたので新ブログのデザインをまとめていきます。下の画像が今回のデザインです。

 

PCでのトップページ
スマホのトップパージ
スマホの記事ぺージ

 

デザインのポイント

デザインのポイントをまとめていきます。前回、photoshopでデザインしましたが、今回はXDでデザインしました。XDだとスマホで確認しやすいですし、コンポーネントが使えるので効率よくできますね。

全体的のポイントとしては、 できる限り機能を絞り、ごちゃごちゃせずに使いやすく、見やすいようにしようと考えながらデザインしていきました。ブログを読んでいて、いろんな機能があるブログは便利っちゃ便利なんですが、多すぎたら逆に読みにくくなったり、どこに何があるかわからなくなってしまうこともあるので、今回のようなデザインになりました。

カラーは少し暗めの青(♯598CC8 ) をメインカラーにしました。落ち着いた雰囲気にもしていきたいなとも考えていたので、明度の低めの青を選びました。

フォントについてはWebフォントの Noto Sans JPを使いました。 Webフォントであれば、OSなど関係なく表示できるので使用したいと考え、その中でも Noto Sans JP はとてもきれいに日本語を表示できるのでこのフォントを使用しました。

デザインのポイントのまとめは以上です。

 

まとめ

今回、新しいブログのデザインのまとめをしましたが、まとめながら見てみると少し修正したい部分も出てきたりしますね。スマホのトップページの新着記事のタイトルの空白があまりなかったりしたりほかの部分も少し気になるところもあるので軽く修正してからマークアップしようと思います。こうまとめながら自分のデザインを見直してみると作ってる自分が見つけられなかった部分が見えてきますね!

Pocket

related

ブログ制作を終えて…

今回、初めてWordPressでのブログのデザインからテーマの制作までしました。なかなか上手くいかないこともありましたが、なんとか現時点で納得出来るかなというところまで持っていくことができました。そこ

ブログ

2019.09.17

ブログをリニューアルしました!

今回、ブログをリニューアルしたので紹介していきます。ブログをリニューアルするのは3回目ですね。今回も更新のしやすさなど考慮してWordPressを使い制作しました。前のブログテーマは結構前に作っていて

ブログ

2020.09.03

ブログリニューアルしました!

今回、今までのsuika blogからリニューアルして、kokeblogを新たに公開しました。少し前に、新しいブログのデザインをまとめましたが、その時のデザインをコーディングし、WordPressでテ

ブログ

2020.01.14

profile

kobayashi kent

トライデントコンピューター専門学校Webデザイン学科
アニメとかゲームとか音楽聴くのが好き