こんにちは、こばやす(@kobayas_s)です。 Webサイト制作の勉強しているけどコーディングばかりしていて、そう言えばWebサイトのカンプ(モックアップの事。1枚の画像でWebサイトのデザインを表現。のちにコーディングの材料となる)の作り方ちゃんと知らないや、とかありませんか? twitterで調査してみたところかなり方がそう思っているようです。 コーディング課題はチラホラあるけど、その前段階にあるデザインカンプの作り方って実はよく分からない人多いのかな。 Webデザインの作り方の記事書いたら読みたい人いる? ついでに制作お題として使える構成も付けちゃう。 デザイン出来たのコーディングしたら一通り作れるようになるね! — こばやす|Webデザイナー (@kobayas_s) December 8, 2019 そんな方のために、見本入りで出来るだけ詳しく解説記事を書いてみました。この記
![Webデザインカンプを1から作るための説明書|こばやす|Webデザイナー](https://cdn-ak-scissors.b.st-hatena.com/image/square/a219ab1aa864ce1b4ec381177823092e4cb84e82/height=288;version=1;width=512/https%3A%2F%2Fassets.st-note.com%2Fproduction%2Fuploads%2Fimages%2F52413357%2Frectangle_large_type_2_1cd1c569e02d1ee3a7fbecf3e265d66b.png%3Ffit%3Dbounds%26quality%3D85%26width%3D1280)