2. モック作る次に、Illustrator でモック作る。前は Photoshop で作ってたけど Illustrator に変えた。ラフスケッチでだいたいの構造は決まってるので、それを画面で見た時の見栄えを検証する。雑だけどこれは自分のサイトなのだから自分しか見ないという前提があって、雑でも問題ないということにしてる。8割くらい作り込んだところでやめて、コーディングに入るようにしている。2割くらい変更可能な余地を残しておくことで、コード書くとき融通が効く。 ラフとかモック描かずにコーディング始めることもたまにあるけど、それは余程デザインが頭のなかで固まっている場合に限る。ラフとかモック作るの、コーディングと同じくらい大事だと思ってて、コーディングを始めてしまうとデザインに気を配るのを疎かにしがち。デザインを考えつつ同時にコードを書くというのは結構難しくて、トレーニングが要る。全体のデザ
![自分のwebサイト作る工程 - MEMOGRAPHIX](https://cdn-ak-scissors.b.st-hatena.com/image/square/6fc8e5aa9fd9907e9dce623c8a4ce3c236231fb3/height=288;version=1;width=512/https%3A%2F%2F31.media.tumblr.com%2Fc9b3a35099ee85ea553e9b48a24d04f6%2Ftumblr_inline_n13dsjsq0C1qaxsyz.png)