当ブログのデザイン

f:id:ktrw3200:20171210213130j:plain

当ブログのデザインについて

当ブログは、ブログのデザインに深くこだわっています。 開設するにあたり、長い時間デザインについて推敲し、このブログを築き上げました。

いきなりですが、近年では、Googleの「マテリアルデザイン」をはじめ、「フラットデザイン」が一般的になり、シンプルかつわかりやすいデザインが実現したものの、「オリジナリティー」を表現しにくくなっているのではないでしょうか。

そこで、このブログでは、メインブログで採用しているマテリアルデザインとは一歩引き、「オリジナリティー」の表現を最優先してデザインしました。

また、技術系ブログという面から、読者のレスポンスが少ないゆえ、はてなブログの標準機能である、はてなスターコメントも非表示にしました。これらの機能ははてなブックマークで補完できると考えていますが、今後の状況を観察し、必要と思った場合には、これらの機能を有効化しようと思います。

なにか意見があったら、是非ツイッター、はてブコメントなどでお伝えください!

使用しているテーマ

「伝えたいことだけを伝える」を意識し、

  • 1カラムデザイン
  • 画像を大きく表示できる

といった点から、ろくぜうどんさん作のテーマ「Thumbnail」を利用することにしました。

元のデザインが素晴らしい上に、非常にカスタマイズ性に優れており、とても良いテーマだと実感しました。

テーマカラー

PuchuTechのテーマカラーには、コンセプトの一つである「誰にでもわかりやすく」をイメージした、優しい色の水色オレンジの2色を使っています。

フォント

読みやすいブログを意識し、このブログでは「Webフォント」を採用しています。Webフォントを利用することで、スマホ、パソコンなどの環境に依存することなく、共通の見た目で読むことが出来ます。

使用しているフォント

  • Tulpen One(ブログタイトル)
  • Roboto(本文 英語/数字)
  • Roboto Mono(本文 コード部分)
  • Noto Sans(本文 日本語)

上記のすべてフォントは、GoogleFontsから読み込んでいます。

フォントについては、個人的に好きな分野なので、これからフォント系の記事を書くことがあるかもしれませんね。

あとがき

デザイナーでもプログラマーでもない学生の僕が運営するこんなブログですが、何か意見がもらえると嬉しいです。