THE PRISM TIMES

はじめに

みなさんこんにちは！
今回もブログをご覧いただきありがとうございます。

春休み期間に入り２週間が経とうとしています。
前々からしたいと思っていたこのブログサイトのリニューアルをこの期間でやってみたので、今回はそれを紹介していたいと思います！ぜひ最後までご覧ください。

ポイント

この上の画像のうち、左側が今までのデザインで、右側が今回改めてデザインし直したトップページのファーストビューになります。
今回は海外の新聞をモチーフにしてデザインをしました。その中でも私らしさも出したく、画像は全て私が撮った写真を使用しました。私は写真を撮ることも好きなので、どれも思い出のあるお気に入りの画像でとても満足しています。シンプルでみやすくなるように余白を多く持たせながらも、画像をモノクロにしてモチーフのかっこいい雰囲気が崩れないように工夫しました。　hoverをすると、カラーの画像に切り替わる仕組みになっています。

トップページの全体的なデザインは左の画像のような感じです。

元々のブログが完成した後にSassでのコーディングを学んだので、style.cssのページが見にくすぎて、どのclass名がどこに対応しているのかを見比べながら調整する作業がとても大変で時間がかかりました。でもこの半年で新たに身につけたCSSのコードもあり、当時作った時よりも、スムーズにできたし表現の幅も広がって楽しかったです。特にこだわったのはheaderの部分です。
最初にこのブログサイトを開いた時点で、モチーフである海外の新聞のような雰囲気が伝わるように英語を多く取り入れました。

タイトルについて

サイトのタイトルでもある『THE PRISM TIMES』は、
まず雰囲気として、アメリカの日刊新聞の『NewYorkTimes』のようなニュアンスにしたいというのはあって、『Prism』は、プリズムが光を屈折させさまざまな色に分けるように、このサイトもいろいろな角度から情報や私の視点を取り入れ、それらを見てくださった人それぞれの形で反映し、伝える場にしたいと考えたためこれに決めました。

また、headerの端っこに現在の日時をJavaScriptで取り入れてみました。レスポンシブ対応の関係でスマホだとみれないのですが、リアルタイムの情報をその都度更新してくれる設定にしてみました。

さいごに

まだ細かい余白だったり、コメントフォームの設定まではできていませんが、時間を見つけて少しずつ改良していきます🔥
2024年4月からトライデントコンピューター専門学校でWebデザインを学び始めて、約10ヶ月が経とうとしています。そして、このブログサイトを開設してから半年。技術はもちろんですが、昔から好きだったデザインの面でも自分の感性がどんどん磨かれていることを実感でき、その度にやりがいが感じられるしもっと学びたいと思えます。昔作った作品を見返すと『CSS見にくすぎ！！』や『なんでそんなレイアウトにしたん！！？』のような、今では考えられない当時のセンスに驚かされますが、それも成長の過程の一部だと考えるとなんか感慨深いです。これからもいろいろなことに疑問を抱き追求していきたいです。

今回も最後までご覧いただきありがとうございました。
ぜひ、他の記事も見に行ってみてください！！