コーディング練習用のデザインカンプを無料で配布しています
現在コーディングを練習したくても、なかなか素材がなくて探すの大変という方も多いと思います。
私自身は専任のデザイナーではないため、練習として作ったデザインを有効活用していただけると嬉しいです。
模写コーディングで躓いたり、挫折してしまう方も多いと思います。
実務では、デザインカンプからの対応がほとんどです。
こちらで画像の書き出し方や余白感などを練習してください。
画像などは、差し替えて頂ければオリジナルのページが制作できます。
ポイント
・今回のレベルは中級、不動産デザインです。
・ファーストビューには、キャッチフレーズのほか、お問い合わせボタンも入ります。
・コンテンツごとに背景にフワッとした楕円を配置しています。
・flexboxと背景画像を用いたコンテンツが交互に続きます。HTMLをそのままにclassを流用できると、コーディング時間を短縮できると思います。
・最新記事とバナーのセクションは縦幅のズレが出ないよう調整しましょう。
最後に
ダウンロードは完全無料ですが、再配布はご遠慮ください。
ツイッターなどでシェアして頂けると嬉しいです。
コメント