kamenokoki.com

【136日目】今日こそ関連記事リンクをお洒落にする!

Posted:  Last Update:

一昨日から「関連記事のリンクをお洒落にする」というプロジェクトに取り組んでいます。あまりのデザイン力のなさに悪戦苦闘しているのですが、今日こそ何とかしたいです!おしゃれにするぞ!

昨日までの成果

さて、昨日までの2日間で、こうなっていた関連記事のリンクを、

予定変更

こうしました。

デザインしてみた

笑えるくらいお洒落じゃない!今日こそリンクをお洒落に変えていきたいと思います!

大きく作り変えてみる

問題は全体に余裕がないところなんですよね。もっと余裕のある感じにしたいと思います。

ブログも周回していろいろ見たのですが、「余白」が大事なんだろうなぁ!さっそく作業してみます。とにかく「余白」を重視する!で、こんな感じになりました。どうかな?

大きく作り変えてみる

ただ、画面が小さくなった(スマホ画面)時に文字が消えてしまうんですよね…。

大きく作り変えてみる-スマホ画面はいまいち

画像に文字を載せてみる

いっそ、画像に文字を入れてしまおうかな?作業してみます。

こんな感じになりました。

画像に文字を載せてみる

スマホ画面はこんな感じです。

画像に文字を載せてみる

悪くないかな?

今日はここまで

時間が来てしまったので、今日はここまでにします。

明日もう一度デザインを冷静な目で見て、酔いようだったら本番環境に移したいと思います!

これで完了すれば、明日からはまた入力フォームの作成に戻ります。では、また明日!

記事をシェアする

亀の子に連絡

ランキング参加中!ぽちっとしてね

F2cランキングアイコン 人気ブログランキング ブログランキング・にほんブログ村へ

広告