「ni-labo」小規模アップグレード！

こんばんは！ニラです！

なんか僕のブログの見た目が少し変わったことに気づきましたか？

そうなんです！このブログを少しアップデートさせてみました！記録としてここに書いていこうと思います。よろしくお願いします。

色の変化

まずは、色を変化させました。これは、僕の好みです。ベースカラーがゴキブリみたいな色だったので、もっと黒色に近づけて、記事を見やすくなるようにしました。

これは、iPhoneでさえ余白がギリッギリだったことに加えて、アンドロイドで僕のブログを見たら、余白がほぼゼロだったことを思い出して、左右の余白を多めに取りました。

こちらも変化があります。前までは、ウィンドウを全て覆い尽くすような見た目をしていましたが、もう少し細くにすることで、スタイリッシュな感じを引き出すことができました。

記事ページのメインビジュアルの背景画像を固定させました。

こうすることによって、背景と文字の色がかぶってしまっても、スクロールすることによって文字が見えるようになりました。

ヘッダーにドロップシャドウをかけました。

これにより、記事コンテンツとの色の同化を避けることができました。そして、立体感も出たと思います。

h1~h4の見出しのデザインを差別化しました。変更前までは、全て同じデザインでした。

これは最近始めたことですが、アイキャッチ画像を一から自分で作るようになりました。

この記事のアイキャッチの背景もPhotoshopで一からデザインしています。調べてやったことですが、いい成長につながると思っています。

今度、爆発の作り方を記事にしていこうと思っています。よろしくお願いします！

いろいろ変えてみましたが、まだ序の口！

OGPの設定だったり、JavaScriptでアニメーションをつけてみたり、やりたいことはまだまだたくさんあります！

いつかは、検索したら出てくるものになってほしいですね！

❤︎

2022/09/09

nira-012.mahora94

◀︎

next...

prev...

▶︎

Artist

nira-012.mahora94

よろしくお願いします