【Ver 1.0】大公開。僕のブログデザインアップデート。


どうも。(新米)ミニマリストブロガーのゆうぼーと申します。

2016年6月にブログを開設するもすぐに挫折

2019年7月に再始動したこのブログ。

ブロガーとしてのモチベーションを上げていくために

まずは自分が居心地の良い場所(ブログ)を作ろう

この考えのもとに僕なりのアップデートを続けていこうと思ってます。

ということで、今回から僕のブログ「Hollect」のアップデート情報をお届けしていきます。

独断と偏見によるバージョン管理

今回からお届けするブログのアップデート情報ですが

言い換えれば「成長の記録」です。

人間が歳をとるようにブログも時間経過で深みが増していきます。

書き手が歳をとりますからね。いたって自然です。

小学校が1~6年あるように

中学校が1~3年あるように

高校が…(しつこいですね)

このブログでも段階別で分かりやすく管理していきたいなと思っています。

僕はエンジニアでもあるのでそれっぽく定義してみます。

「 Ver X.X

Xメジャーアップデート。ブログに大きな変化がある。

Xマイナーアップデート。ブログに小さな変化がある。

ここで言う変化の大きさは僕の独断と偏見、自己満の感覚値です。

異論は受け付けません。

地球が丸いのと同じように、そういうものなのです。

Ver1.0は「デザインアップデート」

初回はVer 1.0です。僕の中ではメジャーアップデート

手を抜いて挫折していた今まではβ版のようなもの。

今回は「デザインアップデート」です。変更点はこんな感じ。

一つずつ作成したデザインも見せながら解説していきます。

ロゴ

僕の縁取りしたイラストとテキストを組み合わせたシンプルなつくり。

ブログ名の「Hollect」だけだと「何のサイト?」と僕でも思います。

補足的な意味で「Minimal」と「Blog」を足し、単語を強調するために頭文字を白で抜きました。

背景色はこのあとお話しします。

ヘッダー画像

このブログの顔とも言えるヘッダー画像です。一番時間をかけました。

ロゴの部分で「Minimal」と「Blog」を追加しましたがそれでも分かりづらい

そこで僕の頭の中やブログの要素となるキーワードをカドに忍ばせることに。

遠目で見るとカギカッコっぽく。画面は2次元なので奥行きとは?って感じですが。

テキスト部分がロゴと同じなのはなんかつまらないので少し遊びました。

右側のイラストは拾い物です。ただ、吟味して拾いました

テーマカラー

ここはパッと見で一番分かりやすい変化かなと思います。

以前は水色をメインカラーとしていました。

(以前を知っている人はレアですよ)

正直に色自体に不満はなかったのですが、僕が飽き性なので。

あとは「なんか雰囲気変わった」と思いたいし思わせたいなと。

今回は深めの緑を採用しました。今ではお気に入り。

(配色を考えた際のツールはこのあと紹介します)

Twitterの埋め込み

これは特に説明することはないです。

最近つぶやくことが増えたのでブログを通して少しでも見てくれる方が増えたらなと。

僕のアカウントフォローは求めていません。

100歩譲って「いいね」程度で覗いていただければモチベーションにつながりますので。

プロフィールページ

全体像はこちらから。見た方が圧倒的に早いです。




新たな画像も追加しています。

これは拾ったイラストと拾ったフォントを組み合わせたつくりです。

拾い物です。ただ吟味して拾いました

拾い物だけだと寂しいのと、もう少しインパクトが欲しかった。

ということで大きめの画像を作成しました。

今まで書いた記事のアイキャッチ(サムネイル)画像を敷き詰めています。

作り終わってから気付きましたが、各アイキャッチも拾い物でした。

ただ、吟味して…(しつこいですね)

力を借りたツールたち

気づけば拾い物ばかりで構成された今回のアップデートですが…

それぞれ色々なツールを使ってアップデートにこぎつけました。

簡単にご紹介します。(気になった方は覗いてみて)

  • Photoshop
    • Adobeの画像編集ツール。有名。
    • 拾ったパーツをこれで組み合わせています。
    • 以前の記事でとりあげています。
  • Random Material Palette Generator
    • 配色提案ツール
    • クリックするだけで3色がランダムに選ばれます。
    • ひたすらクリックしてアイデアを膨らませました。
  • Unsplash
    • フリー画像提供サイト
    • お洒落で高画質な画像が集まってます。
    • キーワード(英語)で絞って探しています。
  • unDraw
    • フリーイラスト提供サイト
    • 統一感あるシンプルなイラストばかり。
    • 色も好きに選べます。
    • 今回のアップデートの拾い物はほぼここから。
    • かなりお気に入りです。

今後、詳しい使い方をご紹介するかもしれません。

(僕にそういった声が届けばですが…)

居心地の良さの理由「全てに手を加える」

今回はVer1.0ということで「デザインアップデート」のお話でした。

ここまで読んでいただいた方、本当にありがとうございます

ブログに限らず、見た目の変化って分かりやすく印象を変えれるなと思います。

お気に入りの服を着るとワクワクしますよね。

ブログもちょっとしたデザイン居心地の良い場所に変えられます。

居心地の良さのワケに「全てに手を加えた」ことがあります。

今回、「拾い物」を強調してきましたが…

そのまま使った「拾い物」は一つもありません。

全ての「拾い物」に自分の手で変化(編集・加工)を加えています。

それだけで愛着が沸きました。変化の度合いは関係なさそうです。

今後も「全てに手を加え」ながらアップデートしていければと思います。

物好きな方は、チェックしてみてください。