Photoshopでワイヤーフレームをつくる

白黒グレーで作成！

新規作成

最初に文書（カンバス）の幅は決めておく！
新規→幅960、高さ3000、解像度72、ガンバスカラー白、アートボード✓外して作成。

イメージ→カンバスサイズで幅を1280にする！（高さはそのまま）。背景色を変える。薄いグレーとか。
→後で、高さを変えるなら、カンバスサイズで高さ5000、基準位置を上に・→OK
→カンバスAlt＋ドラッグでコピー。or長方形ツールで白いカンバスのW、H合わせたものを作る！

  • 100%表示（実際を確認）→ctrl＋1
  • 全画面の一面はたて700pxとされている。全画面で見るとは限らないので650px。
    →表示幅通りの％にしたい。どの画面幅で見ても希望の%になるようにしたい。
    表示の大きさに対し、headerの%を決める。
    →湊先生https://minatoxxx.main.jp/deaucoffee/
    はheaderをロゴ＋メニュー＋画像に設定して、画像の表示幅（高さ）をheight:calc(100vh-220px)　としている。※vh=%、220＝ロゴ＋メニュー