アラサー主婦の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

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

関連記事

サイト制作の参考に!Webデザインギャラリーサイト10選

みなさんはWebサイトを制作する時、どのように参考を探していますか? ギャラリーサイトはたくさんあるけれど、中には載っているのは古いサイトばかりだったり、掲載数が少ないところもチラホラありますよね。 …

柔らかな形状のまる模様を作成できる「Blobmaker」

Pinterestやギャラリーサイトなどを見ていると、スライム?のような、柔らかい形状の模様を取り入れたサイトを多く見かけますよね。 そんなサイトを真似しようと、同じような素材を探したり、自分で作って …

チラシやパンフレット製作時に参考になるサイト

Webサイトの参考サイトに比べて、チラシなどの印刷物のギャラリーサイトって意外と少ないですよね。 とは言っても何の参考もなしにデザインをするのは大変です…。 私は普段Google画像検索や …

ロゴ制作の際に参考になる記事【ヒアリング〜制作の流れ編】

今回はロゴ制作において参考になる記事を2つご紹介したいと思います。 私自身、まだロゴの制作はしたことがないのですが、今後担当した時のため、どのような流れでロゴ制作が行われるのか、クライアントに満足して …

Google Chromeでスマホ表示の確認をする方法

スマホでの表示を確認したい時、わざわざスマホを出して検索して…とやっていると結構面倒ですよね。 そんな時は、Google Chromeを使うとパソコンで簡単にスマホの表示を確認することができるんです。 …