エンジニアがSketchでデザイン模写を行う時の手順1

テンプレート用のアートボードを作る

• 作業用のスペース
• ショートカットはa
• サイズを指定しておく

Webギャラリーから模写したいサイトを探す

• https://io3000.com/
• http://muuuuu.org/
• http://bm.straightline.jp/
• http://bm.wonderboxstudio.com/

キャプチャ画像を貼る

• Bitmapというのが画像

• 画像とアートボードのサイズを揃える

• キャプチャに便利な拡張

  • ウェブページ全体をスクリーンショット - FireShot - Chrome ウェブストア https://chrome.google.com/webstore/detail/take-webpage-screenshots/mcbpblocgmgfnpjjppndjkmgjaogfceg?hl=ja
  • Window Resizer - Chrome ウェブストア https://chrome.google.com/webstore/detail/window-resizer/kkelicaakdanhinjdeammmilcgefonfh?hl=ja

ガイドを引く

• ctrl + Rでガイドモードになる
• 縦横でガイドを引ける
• ガイドを端っこまで持っていくと消せる