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

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

関連記事

転職活動、応募先の選び方。私が大切にしていた4つのポイント。

  みなさんはWebデザイナーとして応募先の企業を決めるとき、何を基準に決めますか?   お給料? 会社の規模? 通勤時間?     人それぞれ選ぶポイントは様々だと思いますが、 私は4つのことを大切 …

Webデザイン学習法その1. 独学で勉強する

Webデザインを学習するのに、まずは独学でやってみようと思う人はたくさんいると思います。 そこで今回は、Webデザインを独学で学ぶことのメリットとデメリットについて私なりにまとめてみました。 &nbs …

【Illustrator】アートボードを移動させる方法

私は1つのサイトで複数案デザインを考えるときなどに、アードボードを複数使うのですが、その際見比べやすいようにアートボード同士の間隔を広げたいなあなんて思うことがあります。 そんな時は、アートボードツー …

Web制作会社の残業事情。Webデザイナーになった私がお答えします!

  web制作会社というと遅くまで仕事をしている、残業が多いといったイメージが強いですね。   転職するとき、実際残業がどのくらいあるのか気になるところ。   そこで今日は、実際私が働いていて残業があ …

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

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