Webデザイン作成の流れ

Webデザイン作成の流れ
STEP1
作りたいデザインのイメージを掴む

頭の中でイメージしているデザインに近い画像を探して、具体化する方法を探します。

例えば、Pinterest(ピンタレスト)などで「web design」のように、英語で検索して保存しながら集めていきます。

STEP2
ざっくりラフを描く

簡単にイメージできた内容のラフを描いて、必要な項目などをメモしていきます。

STEP3
ワイヤーフレーム作成

Adobe XDやFigma(フィグマ)などのツールで、ワイヤーフレームを作成します。

(レイアウト、レスポンシブデザイン、配色、UIデザイン)

STEP4
素材・パーツを集める

Procreateでパーツを作成したり、イラストACやCanvaなどの素材サイトで素材を探します。

STEP5
素材を組み合わせて作成

ProcreateやCanvaなどで、素材を組み合わせてデザインを作成し完成させます。