Warning: "continue" targeting switch is equivalent to "break". Did you mean to use "continue 2"? in /home/users/1/attlabo-ssl/web/buchiko-web.com/wp-content/plugins/all-in-one-seo-pack/modules/aioseop_opengraph.php on line 844
Macbookやスマホなどのモックアップを簡単に作れるサイト「Dimmy.club」 | ぶちろぐ

アラサー主婦のWEBデザイン奮闘記

Webデザイン Web制作 制作お役立ち

Macbookやスマホなどのモックアップを簡単に作れるサイト「Dimmy.club」

投稿日:

クライアントへの提案書作成時や、サイト内に制作実績を載せたい時など、PCやスマホの画像にサイトのスクリーンショットはめ込んだものを作ることって多々ありますよね。
今回はそんな時に便利なWebサービス「Dimmy.Club」をご紹介したいと思います。

 

Dimmy.Clubの使い方

使い方はたったの3ステップなのでとっても簡単です。

1.画像をアップロード

2.デバイスを選択(クリック)

3.ダウンロード

 

たったこれだけの作業で、サイトのスクリーンショットを様々なデバイスに合成してくれるんです!もちろん完全無料で使用できますよ。

現在は14種類のデバイスが用意されており、ややアップルに偏っている印象ですが、Google PixelやNokiaなども用意されています。

端末の色や背景色を選んで変更することも可能です。

 

まとめ

いかがでしたでしょうか?

簡単ではありますが、モックアップを簡単に作れるWebサービス「Dimmy.Club」をご紹介しました。

これを使えば、いちいちフォトショップやイラストレーターなどで合成しなくていいので便利ですよね。

クライアントやユーザーがイメージしやすいようにモックアップを作る時は、ぜひ使っていきたいWebサービスです。

-Webデザイン, Web制作, 制作お役立ち

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

Mac起動時にアプリケーションを自動的に開くようにする方法

頻繁に開くアプリが決まっている場合、Macの起動と同時に開くように設定にしておくと便利です。 些細なことかもしれませんが、特にいつも決まったアプリを複数開いている方にとっては、手間が省けるようになるの …

終わらない修正のループにはまらないために…参考にしたい記事3選

細部の調整も終わり、デザインがほぼ完成していた状態で、クライアントからの膨大な修正依頼。それもデザインの作り直しになってしまうような大きな修正だったり…。 こういった経験、デザイナーのみな …

Macでバラバラに表示されているアイコンをきちっと整列させる方法

フォルダ内のアイコンがぐちゃぐちゃに散らばってしまうことは、Macユーザーなら良くあるのではないでしょうか。 バラバラに表示されたままでは作業もしずらく、ストレスですよね…。 そこで今回は、アイコンを …

【Photoshop】人物や物など不要なものを消す方法(コンテンツに応じた塗りつぶし)

今回は、Photoshopで人物や物など不要なものを消す方法についてご紹介します。 様々な方法がありますが、ご紹介するのはその中でも「コンテンツに応じた塗りつぶし」を使った方法です!   「 …

ロゴの背景を簡単に透明にできる「画像透過ツール」

今回は、PhotoshopやIllustratorなどのソフトを使わずに、ブラウザで簡単にロゴの背景を透過することができる「画像透過ツール」をご紹介します。   「画像透過ツール」の使い方 …