個人サイトデザインの変遷

2023/08/10

こんにちは。明田ミオです。

個人サイトを2014年に開設してから、試行錯誤を繰り返してきました。その過程をざっくり振り返ってみます。

2014年頃

サイトのデータが残っていなかったので画像なしです。

htmlやCSSの知識がほとんどない状態からスタートし、メモ帳で最低限の記述をしてブラウザで表示されるのを確認した最初の感動は今も覚えています。

2016年以前

ヘッダーの下に「Home」「Gallery」「Links」とかのメニューバーがあった時代です。

2016年頃

この頃の感じは今でも気に入っています。

2017年頃

右寄せに改造。漫画のコマ枠風にしたかったみたいです。

しかしこの頃は何故右寄せにこだわっていたのでしょうね。

2018年末以降

左寄せに改造。

スッキリしていて見やすく、オリジナリティがあり、年月を経ても使えるデザインを目指していました。

ヘッダーのアーガイルチェック柄は Transparent Textures からダウンロードしたものです。

2021年頃

グラデーション復活。ボタン等はブラウザのウィンドウ幅で見え方が少し変わるようになっていました。

2023年頃

これまではひとつのサイトに全てまとめていましたが、リニューアルにあたって、世界観ごとにサイトを作ることにしました。

f. Phantoms

「f. Phantoms」の世界観のサイト。ライトテーマ・ダークテーマの切り替えができます。キャラクター紹介ページもできました。

f. Phantoms Branch

過去作品倉庫としてのサイト。

一択クイズゲームのホームページ

「f. Phantoms」の世界観と分けました。とってもシンプル。

あけたのアトリエ

当サイトです。「f. Phantoms」のサイトデザインとほぼ同じ。シンプルに作品を載せる、ポートフォリオとしてのサイトです。

あとがき

自分好みのサイトにしたいと思ってずっとやってきました。

シンプルでスッキリしたサイトが好みです。好きな色を使っています。

今後もサイトデザインが変わることがあるかもしれません。

サイトデザインも含めて楽しんでいただけたら幸いです。

関連記事

「foow Phantoms」は「f. Phantoms」になりました

サイトリニューアルのおしらせ|f. Phantoms