これだけあれば困らない!iPhone,iPad,iMac,MacBookのモックアップデザイン素材32選。


最近ノートPCのChromeがよく落ちます。
ブログを保存せずに書いてるときに落ちたりとかしたら、ほんと一瞬凍りつきます。
でも、Wordpressは自動保存の機能があるから、ブラウザを復元するとちゃんと保存されています。
一定時間ごとだから完全ではないけれど、ある程度は安心して書ける、Wordpressってすごい。

うちはホームページ制作の会社ですので、
自社のホームページとかではパソコンのイラストとか使うことが多い。
そんな時にイチからパソコンを描いてたんじゃ時間がかかりすぎる。
そうそう、そんなときも今の世の中はいくらでも良質な素材がそろっている。

iPhone, iPad, Macbook, iMacなどのApple製品のモックアップ素材が大量にあります。
しかもどれも高品質で、ここで紹介するものを知っておけばとりあえず困らないのではないでしょうか。

リアルなiPhone, iPad, MacBookのモックアップ素材

iPhone

iPhone6のちょっと斜めを向いたリアルなモックアップ素材。
ディテールまでむちゃくちゃきれいに仕上がっている。
3-4 iPhone 6 Psd Vector Mockup
iPhone4sの正面と左右斜めを向いたリアルなモックアップ素材。
配置する場所で違う角度のものを使えるのでとても便利。
iPhone 4s Psd Vector Mockup Template
卓上に置かれたようなアングルのiPhone。
うまくデザインに取り入れるとよさそうです。
3D View iPhone 5S Psd Vector Mockup
女性の画面の部分を自分の好きなものに替えて使うといいです。
自分で撮ると汚い手が写っちゃいますが、これならiPhoneを持っている手もきれいでよろしい。
Free iPhone Mockup PSD
カラフルなiPhone5c。
一瞬でおわっちゃったけれど、このきれいな色はデザインには使える。
New IPhone 5C PSD Mockup
これを書いているのはiPhoneXが出る前。
もうモックアップが出てます。
iPhone-X-Mockup-2-1
ダウンロードボタンを押して表示されるウィンドウで、価格に0と入れて購入します(もちろん無料)。
あとはメールアドレスを入力するだけでダウンロードができます。
iPhone X Mockup Changeable Color

iPad

横たわるiPad Air。
細部まで作りこまれたリアルなモックアップ素材。
Psd iPad Air Perspective Mockup
ちょっと角度が違う。
iPad miniだけど、パッと見iPadと言われてもわかんないね。
iPad Mini Psd
複数の角度のiPadのモックアップ素材。
配置する箇所によってそれぞれの角度を使い分けられるので便利。
iPad 2 Psd Vector Mockup Template
カバー付きのiPad。
カバーがついていることでより立体的でリアリティがあります。
IPAD AIR MOCKUP
不思議な力で立っているiPad。
この絶妙な角度がデザインにはいい役割をしてくそう。
Free iPad White Angle PSD
ふわりと浮いたiPad。
カバー付きで立体感があります。
IPAD WEB PREVIEW MOCKUP

MacBook Pro

MacBook Proの正面から。
閉じた状態のモックアップもあります。
VECTORIZED MACBOOK PRO
斜め方向からのアングルのMacBook Pro。
立体感があり、デザイン要素として使えそう。
mbp retina

MacBook Air

次はMacBook Airの正面から。
より洗練されたイメージ。
13-inch Apple MacBook Air (PSD)

iMac

iMacを斜めからのアングルで。
少し下から眺めるダイナミックな構図。キーボードやマウスもついてる。
Imac 3D

複数デバイスのセット

Apple製品勢ぞろい。
レスポンシブデザインの紹介とかで使える。
Apple Responsive Screen MockUps
各デバイスのセット。
ブラックでスタイリッシュなイメージ。
Shadow Series Apple iDevices
Apple各デバイスのセット。
シルバーのスタンダードなイメージ。
Responsive Showcase PSD Mockups
Apple各デバイスのセット。
こちらもシルバーのスタンダードなイメージ。
Responsive Showcase Psd
Apple各デバイスのセット。
少しフラットな感じなので、あまりリアルにしたくないときはこれ。
Responsive Showcase Mockup Pack

フラットなiPhone, iPad, MacBookのモックアップ素材

iPhone

フラットなデザインで表現されたiPhone6。
主張しすぎないので、どんなサイトにも合いそう。
iPhone 5S Psd Flat Design Mockup
カラフルなフラットデザインのiPhone5c。
並んでいるだけでもおしゃれですね。
iPhone 5C Flat Design Mockup

MacBook Pro

正面からのアングルのMacBook Proモックアップ。
MacBook Pro Mockup

iMac

正面からのアングルのiMacモックアップ。
iMac Mockup

複数デバイスのセット

Apple製品各デバイスのセット。
フラットデザインなのでどこでも違和感なく使えそうです。
Apple devices - Flat icons (PSD)
いろんなパターンの色と形のセット。
これ一つでいろいろな状況で使えそうですね。
Apple Flat Devices
iPhoneからAppleWatchまで、フラットデザインのApple製品が勢ぞろい。
並んでいるだけでもかっこいい。
Flat Apple Devices MockUp
MacBookとその周辺の小物セット。
テーブルの世界感がそのまま使えそうですね。
mydesk minimalist
Apple製品各種デバイスセット。
Flat Responsive Showcase Psd Vol2

その他のスタイル

アウトラインでデザインされたApple製品。
使い方次第でおしゃれなデザインができそうす。
Vector Apple Outline Device PSD
iOSのGUIセット。
iOS 8 GUI PSD (iPhone 6)
Appleじゃないけど、AndroidのGUIセット。
Android GUI PSD

ほんとに無料でいいのって思うような素晴らしいデザインの素材がたくさんありますね。
アプリの開発や、ホームページのデザインなどにうまく使っていきましょう。