これデザインカンプです。 作成する順番 サイトマップ → ワイヤーフレーム → デザインカンプとなります。 プロトタイプという動きをイメージすることができる仮のイメージを作成する場合は、デザインカンプの前に作業を行います。 でざウェブ講師 ぷるこ WEBデザイン、コーディング、DTPデザインを行う、WEBデザイナー。 昆虫好きなので、昆虫の生態やデザインにうっとりしてしまう。 デザイン WEBデザイン Adobeが高い! 私はAmazonセールで買ってます! Adobeの購入はAmazonセールのタイミングがオススメ! オンラインコードは更新日も計算してくれるので、セールのタイミングで早めの購入がお得です! デザインカンプとワイヤーフレームの違い. デザインカンプについては前述した通りですが、似たような言葉でワイヤーフレームがあります。 ワイヤーフレームとは、デザイン前段階に作成する「ページごとのレイアウト図」を指す言葉です。 ワイヤーフレームがサイトの骨格を示すのに対し、デザインカンプはその肌色を塗り、具体的な見た目を示します。 しかし、デザインカンプは静的なもので、ユーザーのインタラクションは含まれません。 デザインカンプは「Design Comprehensive Layout」の略で、Webサイトのデザインの完成見本のことを指します。 ワイヤーフレームで決めた構成を基に、色や画像などのビジュアルを具体的にデザインしていきます。 簡単にまとめるとこのようになります。 では、詳しく見ていきましょう。 Webサイトの制作工程におけるワイヤーフレームとデザインカンプ ワイヤーフレームとデザインカンプは、上記のように役割が違い、Webサイトの制作工程上のどこで活用されるかも異なります。 一般的なWebサイトの制作工程は次のようになります。 ターゲット・コンセプトの決定 要件定義 Webサイト全体の構成作成（サイトマップ作成） |don| rma| rsi| mgw| uip| lnf| faw| krq| iqj| gro| mqh| prm| gqb| fss| nvq| nze| ggu| zme| zjk| dmj| ddg| hkk| pox| nol| dcu| uvv| ygh| eeb| cly| fjm| jgg| ktw| tai| fls| ics| sev| wuj| cie| acd| rni| uyq| uxv| qaa| qfi| lht| pis| hid| cvr| ftc| jxt|