kokeblog

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

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

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

     

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

     

    デザインのポイント

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

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

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

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

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

     

    まとめ

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

    Pocket

    関連記事

    ブログ制作を終えて…

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

    カテゴリー