Webflow ー 直感操作でレスポンシブウェブをデザインできるサービス Beta版公開 【@maskin】

[読了時間: 3分]

　スマホやタブレット、パソコンと、1つのデザインで多様なデバイスに対応できる「レスポンシブウェブデザイン (Responsive Web Design)」。この半年で日本でもウェブ制作のトレンドとなりつつあるが、考えるべき要素が増え作り手泣かせの面もある。

　そこで注目を浴びているのが、ウェブデザインアプリのような操作性でレスポンシブデザインができる「Webflow」だ。本日2013年7月3日、Beta版の提供が開始された。ウェブサービスなので、どこからでもどの端末からでも使用できる。

　画像やテキストなどをドラッグ・アンド・ドロップで配置、デザイン要素を追加編集して、スマホやタブレット使用時のふるまいなどを決定。とにかくツールが多く、アニメ(トランジション)の表現も簡単だ。

　レスポンシブデザインとなると、画面サイズの変化や、デバイスごとに見え方が変化するため、適宜実際のビューをチェックする手間があるが、それもボタン一つで確認できてしまうのがすごい。

　どんな感じか、まずは試用サイト ( http://playground.webflow.com/ )を体験してもらうのがいいだろう。

　デザインはHTML・CSSファイルとして書き出しができるとのことなので、雛形作りはもちろん、レスポンシブデザインの勉強などにも活用できそう。

Webflow Beta Sneak Peek from Webflow on Vimeo.

【関連URL】
・Webflow – Design Responsive Websites Visually
http://www.webflow.com/
・「WebFlow」レスポンシブウェブデザインを直感的に構築できる新サービス、間もなく登場 【増田 @maskin】
http://techwave.jp/archives/51784300.html

蛇足：僕はこう思ったッス
ツールの完成度がすごい。何も説明せずフルスクリーンで触らせたら、おそらく大半の人が「何てアプリ?」と応えるのではないだろうか。本文でも書いたが、視覚的に見えることで、レスポンシブデザインの仕組みを理解するのにもとてもいいと思う。