ブログのデザインカンプ作成

こんちゃー、HAYABUSAです。
初めに行っておきますが、このデザインカンプ作成に当たってはかなりやっつけで行っております。デザインのほうは今のところあまり勉強する気がなく、とりあえず頂いたものをコーディングすることがやりたいことなので。
という前置きをしてまず初期のデザインカンプがこちらです。



色々突っ込みどころがありますが、今回は依頼者が自分ということで頭の中にデザインはあったので、ある程度adobeの勉強をして速攻で作りました。メモ程度です。
初めは紙に書いて大体のイメージを作り、それをPCにおとしました。
我ながらヘッダーはいい感じかなと思っています。
基本的には記事等のコンテンツを紹介するだけのサイトなので、複雑な構造にはなっていません。 こだわったポイントとしては更新記事一覧が分かるお知らせ掲示板の設置(bootstrap)、おすすめ記事を表示する際にディスプレイをクリックするような見た目にするという点があります。
ちなみにレスポンシブ化するとディスプレイがスマホに変わります。此処ぐらいしかこだわるところがなかったので・・・。
というわけでデザインカンプが完成したわけです。
次回は実際にコーディング作業に入っていきます。