Webデザイン基礎知識

スクリーン用デザインの時代

f:id:web-images:20171028005132p:plain

ワイヤーフレーム

sneakpeekit.com

f:id:web-0220:20180815232810p:plain

ガイドと定規を使う
  • プレースホルダーを配置するための補助ツール
  • 必要な値の長方形を描画
  • オブジェクトの端に吸着させてガイドを作成


例:960p
f:id:web-0220:20180816000139p:plain

例:1140p

12Gridの場合

f:id:web-images:20180815183346p:plain

Bootstrapの場合

f:id:web-images:20180815190220p:plain

バナー作成

求職者支援訓練 フェリカテクニカルアカデミー