twitter
WordPressデザインまとめコーディングツール
in 試してみた。 - 29 11月, 2013
by との - no comments
psdファイルとdropboxを連携してモックとして公開できるWebサービス
このエントリーをはてなブックマークに追加
Bookmark this on Google Bookmarks
Pocket


あまりにも便利すぎて泣きながら書きます。嘘です。

Photoshopとdropboxを連携して、デザインカンプをそのままデモページとして公開できてしまう言葉では非常に伝わりづらいのですが、デザイナーだけでなくディレクターにも超絶便利なサービスがありました。

 

https://marvelapp.com/

Marvel___free_mobile_and_web_prototyping_for_designers-2

 

 

 

実際のサイト作る流れの一例として

 

打ち合わせして、要望を聞き、参考サイトをピックアップし、ワイヤフレームを作り、クライアントに確認し、デザイナーにデザインを作成してもらい、画像をクライアントに確認し、その間、いろいろ修正し、スライスし、HTMLでコーディングするっていう流れがありますよね。(敢えてダラダラ書きました。)

 

 

 

この流れをこのサービスを使うと、少し短縮できそうです。

ワイヤフレームをphotoshopで作ってしまえば、URLが発行されるのでそのURLをクライアントに送り、修正したからまた見て下さいねー。でオッケーがでたらそのワイヤフレームごとデザイナーに回す。

 

そして、そのデザインしたものにページ遷移までつけて再度同じURLで公開できちゃう!!

 

一応、簡単ですが登録の方法

 

1.なにはともあれサインアップ

pic1-resized

2.dropboxの連携を許可

pic2-resized

3.プロジェクトの作成

pic4-resized

4.psdアップロード

 pic3-resized

 

 

pic5-resized

以上。

 

もちろん、デザインの提出をpsdから書き出さずにできるってことが便利なのですが、dropboxなのでもちろんクラウドストレージ。ローカルマシンになにかあった時にも安心。フォルダを共有しておけば複数人が関わるプロジェクトでも威力を発揮しそうです。

 

ちなみに、ページ遷移には好みのトランジションも付けられるので、クライアントにはすごいですね!とか思われるかも・・・。

 

 

詳しくは下記の動画を見てみて下さい。

 

Marvel App – Create interactive prototypes from PSDs and images in your Dropbox. No coding required. from Murat Mutlu on Vimeo.

 

英語ですが、英語力-567レベルの僕でも見ただけでSUGEEEEEEEEEE!!!!!!!!ってなったので十分見ただけですごさがわかると思います、これずっと無料なのかな。便利すぎて有料でもいいんじゃないかと思うサービスだと思います。

ん?よく見たら 現在はベータ版のため無料ですが、将来的には有料になるかも?とのこと。

 

デザイナーの方もディレクターの方もぜひお試し下さい。

 

このエントリーをはてなブックマークに追加
Bookmark this on Google Bookmarks
Pocket

follow us in feedly