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

HTML5&JavaScript, NewsWebflow, デザイン, レスポンシブデザイン


[読了時間: 3分]

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

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

preview-devices

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

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

screenshot_356screenshot_354
screenshot_355screenshot_357

 どんな感じか、まずは試用サイト ( 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


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


著者プロフィール:TechWave 編集長・イマジニア 増田(maskin)真樹
変化し続ける高エネルギー生命体。8才でプログラマ、12才で起業。18才でライター。道具としてのIT/ネットを追求し、日米のIT/ネットをあれこれ見つつ、生み伝えることを生業として今ここに。1990年代はソフト/ハード開発&マーケティング→週刊アスキーなどほとんど全てのIT関連媒体で雑誌ライターとして疾走後、シリコンバレーで証券情報サービスベンチャーの起業に参画。帰国後、ブログCMSやSNSの啓蒙。ネットエイジ等のベンチャーや大企業内のスタートアップなど多数のプロジェクトに関与。坂本龍一氏などが参加するプロジェクトのブログ立ち上げなどを主導。 Rick Smolanの24hours in CyberSpaceの数少ない日本人被写体として現MITメディアラボ所長 伊藤穣一氏らと出演。活動タグは創出・スタートアップマーケティング・音楽・子ども・グローカル・共感 (現在、書籍「共感資本主義」「リーンスタートアップ」執筆中)。@宇都宮ー地方から全国、世界へを体現中。
mail メール maskin(at)metamix.com | ChatWork(Voice/Video) | 書籍情報・ 詳しいプロフィールはこちらTwitter @maskinFacebook
maskin
Follow me

maskin

Editor In Chief at TechWave.jp
1990年代初頭から国内外のソフトからハードまで50以上のスタートアップ立ち上げを経験。平行して雑誌ライターとして疾走。シリコンバレーでガレージベンチャーに参画後は、ネットエイジを筆頭にスタートアップに多数関与。ブログやSNSの国内啓蒙、ソニーの社内イノベーション事業など関与。直近では通信キャリアのニュースポータルの立ち上げ期の編集デスクとして数億PV事業に育てた後、TechWaveにジョイン。世界最大のIT系メディアであるスペインの「Softonic」に参加後、2016年からTechWave第三章として新興メディアの開発を再スタート。国内最大規模のスタートアップ&B2Bイベント「アプリ博」のオーガナイザー。
maskin
Follow me

この記事が気に入ったら
いいね ! しよう

Twitter で

PAGE TOP