テーマ作成記録〜トップページをザックリと〜


どうも。ヒビ(@hiibii256)です。

テーマ作成記録第2回です。

トップページが出来てきました(・ω・)ノ

百聞は一見にしかず。

まずは、スクリーンショットから。(記事やメニューバーはコピペしました)

オレンジベース

ベースとなるには、オレンジ(#FF9800)を使いました。もう、カラーコード覚えちゃったよ笑

つくっておいていうのもなんですが、ずげぇ難しい色じゃない?

明るすぎるような…

メリハリが欲しいような…

といった具合に納得いってないところがあるんです。

同系色しか使っていないことが裏目に出ちゃってるんですかね?「あえて」が上手くいってないのかも。

補色を使うといいのかもしれませんね(´∀`*)

カードらしくしてみた

タイトル、続きを読むまでの記事本文、はてなブックマーク…

といかにも、はてなブログらしいものにならないようにしようと思い、流行り?のカード表示らしくしてみました。

カードデザインの定義がよくわかりませんが、Flexbox使うと簡単でしたので、これでいいんじゃないかな。

古いIEなんかだと表示が崩れるかもしれませんが、あんまり気にしないことにしました。

反対にモバイルには気を使いましたよ!

スマートフォン第一

スマートフォンによる閲覧がなによりも意識すべきターゲットではないかと。

実機はもちろん、デベロッパーツール上で、色々と大きさを変え、確認しました。

やっぱり、レスポンシブデザインは大変ですね。思いがけない表示の仕方されて。

とはいえ、すべて、こちらの問題なので文句も言えず…黙々と作業してましたけどね笑

配色と記事ページ

明日は記事ページをお披露目したいですね〜。

それから、配色を見直したい!同系色はハードルが高い!

あとは背景なんかもいじろうかな。今日も途中、背景にグラデーションをつかってみたりもしたんですけどね〜ごちゃごちゃしてダメでした笑

コーティングに戻ります!

ではでは( ´ ▽ ` )ノ


本日の作業BGM

セプテンバーさん

セプテンバーさん

  • Aimer
  • J-Pop
  • ¥250
  • provided courtesy of iTunes