ワイヤーフレームが作れるPhotoshopのUIコンポーネントセット WebZap

スクリーンショット 2014-10-13 11.20.08

WebZapはワイヤーフレーム作成のためのUIコンポーネントがセットになったPhotoshopプラグインです。

様々なUIを、パネルからボタンひとつで追加することができます。

19ドルの有料サービスです。

3カラム、2カラム、写真付きなどレイアウトパターンも用意されており、デザイン作成の時間短縮にも利用できます。

スポンサーリンク

動画解説

レイアウト作成

こんな感じのレイアウトを作成できます↓

スクリーンショット 2014-10-13 11.26.52

テキストレイアウト作成

4カラム、3カラム、2カラムなどのテキストレイアウトを作成できます↓

スクリーンショット 2014-10-13 11.29.52

UIコンポーネント

クリックひとつでパネルからUIパーツを追加することができます。自分で作成するのに比べてかなりの時間短縮になります↓

スクリーンショット 2014-10-13 11.34.25

テキストのスタイル変更

作成したテキストはh2タグやpタグを指定してカラーやフォントを一括変更することもできます。この機能が秀逸です↓

スクリーンショット 2014-10-13 11.36.15

モックアップ作成

ボタンひとつで、デザインをタブレットやデスクトップのモックアップに変更できます。クライアントにプレビューする時などに使えます↓

スクリーンショット 2014-10-13 11.38.50

スポンサーリンク
WebZap – ワイヤーフレームが作れるPhotoshopのUIコンポーネントセット

みんなが見ている人気記事

コメントを投稿する

  • Posted on 2014.10.13
  • Views 177