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

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

関連記事

グラデーションを作る時に役立つサイト5選

ギャラリーサイトを見ていると、グラデーションを使ったデザインをよく見かけますよね。 中でも、色の変化の仕方が綺麗なサイトだとつい見とれてしまいます。 私も綺麗なグラデーションを取り入れたデザインを作り …

新米Webデザイナーが入社1ヶ月目を振り返る

制作会社でwebデザイナーとして働き始めて、早1ヶ月が経ちました。   せっかくなので今日は、この1ヶ月を振り返って感じたことや学んだことなどをまとめていきたいと思います。 では早速。   …

知っておきたい洋風の柄10選

先日は和柄の名前や意味についてを記事にしましたが、今回は洋風の柄についてご紹介したいと思います。 洋服や小物などで普段から何気なく取り入れている柄ってたくさんあると思いますが、案外その名前って知らない …

【Illustrator】配置した背景透明のPSD画像に黒いラインが出てしまう時の対処法

IllustratorはPhotoshopで作成したPSDファイルの配置が可能ですが、背景が透明のPSD画像を配置した時に、絵柄と透明部分の間にわずかな黒いライン(境界線らしきもの)が出てきてしまうこ …

Webデザイナーとして採用されるために、私が作ったポートフォリオの内容をご紹介。

  Webデザイナーの面接には必ずポートフォリオが必要です。     ですが、   ポートフォリオに何を載せたらいいのか分からない… どんな形式で作成すればいいの…?   と悩 …