モックアップ

デザインする上で様々なデバイスのモックアップが欲しい場合もあるかと思いますが、これまでにもいくつかのサービスを紹介してきましたが、飽きずにまた紹介したいと思います( ̄ー ̄) 関連記事 便利かも!iPhoneなどのモックアップがオンラインで使えるshotsnap iPhoneだけじゃない!様々な素材がモックアップとして使えるMockupWorld

目次

Facebook Design Devices

今回紹介するのは、あのFacebookが配布しているモックアップで、影なし・影ありPNGとSketch形式で配布されています。 モックアップ https://facebook.design/devices Facebook Design Devicesで配布しているのは、真正面でのモックアップのみとなりますが、ほぼすべてのデバイスと言っても過言ではないぐらいに様々なデバイスの画像データが配布されています。記事執筆時点でのサイト記載情報によると、2018年11月16日に情報がアップデートされており、下記のようなモックアップデータがあります。

  • モバイルフォン型モックアップ
    • Galaxy Grand Prime
    • Galaxy Note 5
    • Galaxy S3
    • Galaxy S5
    • Galaxy S7
    • Galaxy S8
    • Galaxy S9
    • Galaxy S Duos
    • Galaxy Y
    • Google Pixel
    • Google Pixel 2
    • Google Pixel 2 XL
    • Google Pixel 3
    • Google Pixel 3 XL
    • HTC One A9
    • HTC One M8
    • Huawei P8
    • iPhone 5C
    • iPhone 5S
    • iPhone 6S
    • iPhone 6S Plus
    • iPhone 7
    • iPhone 7 Plus
    • iPhone 8
    • iPhone 8 Plus
    • iPhone SE
    • iPhone X
    • iPhone XR
    • iPhone XS
    • iPhone XS Max
    • Lumia 950
    • Moto E
    • Moto G
    • Nexus 4
    • Nexus 5X
    • Nexus 6P
    • Nokia 220
    • Nokia 230
    • Nokia Asha 230
    • Nokia C300
  • スマートウォッチ型モックアップ
    • Apple Watch
    • Apple Watch 2
    • Moto 360
    • Sony SmartWatch
  • タブレット型モックアップ
    • iPad Air
    • iPad Mini
    • iPad Pro
    • Nexus 9
    • Surface 3
    • Surface Book
    • Surface Pro 4
  • PC型モックアップ
    • Dell XPS 13
    • Dell XPS 15
    • iMac
    • iMac Retina
    • MacBook Air
    • MacBook
    • MacBook Pro
  • モニター型モックアップ
    • Apple Thunderbolt
    • Dell UltraSharp HD
    • Dell UltraSharp
    • Sony W850

Sony以外の日本製品が入っていない日本、頑張って欲しいものですね。 なお、リンク先ページの下部には、iOS 11 iPhoneやmacOSのデザインUIキットも用意されています。親切すぎますね。

モックアップサンプル

Androidのモックアップには、話題のPixel 3もあります。 Androidモックアップ iPhoneも最新のXRも含まれています。 iPhoneモックアップ タブレットではSurfaceもあります。 タブレットモックアップ こちらにも人気のDell XPSモデルがあります。 ノートPCモックアップ Apple、Dell、Sonyとモニターもあります。 PCモニターモックアップ あまり関わることのなさそうなMoto 360やSony SmartWatchもあります。 スマートウォッチモックアップ

あわせて読みたい記事