ブログデザイン2015

GhostMediumTwenty Fifteenなどを参考にしつつシンプルなブログテーマにしようとしている。これらのサイトのデザインを見ているといわゆるフラットデザインや、マテリアルデザインの流れを組んでいるが以下のような特徴があると考えている。

  • 装飾を無くし文章に集中させる
    • 影、角丸、アイコンを多用せず、必要最小限に抑える
    • サイドバーなど気の散るものもなるべく非表示にする
    • ただし、ヘッダ、フッターを動的に表示する場合はある
  • 配色はリンクのアクセントカラーに留め、背景は白、無彩色を中心にして文章に集中させる
    • グレーでもまったくの無彩色というわけではなく多少の色が含まれることもある
  • 大きめのフォントを使い、文章に集中させる
  • 画像を幅いっぱいに使い、印象づける
  • 記事の日付を表示せず、内容を重視する

実際、これを採用してデザインしているが、紙の上に書いているようなスキューモーフィズムを少し感じる。サイト以外にKindle本などの電子書籍もタイポグラフティの面で参考になるかもしれない。

このうち、最後の二つは採用しないかもしれない。日記なので日付を重視しているのと、過去の記事からちゃんとした画像をアップしていないため画像を幅いっぱいにするとかなり画素が荒くなってしまう。でもそれもやるとWordPressっぽさはかなり無くなる。デザイン的にはやりたいが、このブログの性質から考えると合わないということでバランスを取らないといけない。

人見知りソフトウェアエンジニアです。ビジュアル系、お笑い、Pixarが好き。勢いで吉本超合金おたけびBOTを作った。オールザッツ漫才が放送されない東京在住。

趣味や日常からアウトプットの場としてブログを書いています。自作のWordPressプラグインにGitHub Flavored MarkdownAmazonJSなど。