Nick GolovinのSketchyPadは、ウェブサイトやアプリケーションのユーザーインターフェースのモックアップをデザインするのに便利なアプリです。SketchyPadを使えば、iPadを使ってクライアント向けのレイアウトやコンセプトを素早く描いたり、様々なアイデアを試したりすることができます。
SketchyPadには、モックアップにドラッグできるステンシルやユーザーインターフェースデザイン要素が豊富に用意されています。ウェブサイトレイアウトでは、ブラウザウィンドウ、テキストエリア、タブ、ナビゲーションボタンなど、様々な要素が用意されています。iPhoneやiPadアプリのインターフェースをデザインする場合は、iPhoneやiPadの画面、iOSキーボード、ナビゲーションボタン、ツールバーなどのテンプレートから選択できます。SketchyPadは定期的にアップデートで新しい要素を追加しています。
モックアップに要素を追加する際、オブジェクトの周囲にあるコントロールハンドルをドラッグすることでサイズを変更できます。サイズ変更は問題なく機能しますが、オブジェクトのアスペクト比を維持する方法がないため、サイズを変更すると要素が少し引き伸ばされたり歪んだりする傾向がありました。アプリでは要素を回転させる機能は提供されていませんが、要素をロックして順序を変更し、どの要素を最前面に配置するかを決めることができます。
ほとんどのデザイン要素において、テキストサイズ、塗りつぶし色、線の色、テキストの色を調整できます。また、iPadのフォトライブラリから画像をインポートしてプロジェクトに追加することもできます。
画面上の操作は、指をドラッグしてパンし、ピンチジェスチャーでズームイン・ズームアウトするだけです。これはこれで良いのですが、多くの場合、単にパンするのではなく、デザイン要素を移動させてしまうことになります。画面をパンするには、2本指スワイプが必要だった方がよいでしょう。また、ピンチでズームインする場合、SketchyPadはピンチした時点ではなく、画面の左上隅を基準にズームします。
ユーザーインターフェースのデザインに特化したアプリなのに、インターフェース自体が優れていないというのは少し奇妙です。間違った要素を選択したり、パン操作ではなくオブジェクトを移動させてしまうことがよくありました。SketchyPadのインターフェースが悪いのではなく、改善の余地があるだけだということを強調しておきたいと思います。幸いなことに、開発者は最近、豊富な「元に戻す」機能を追加したので、ミスを心配する必要はありません。
作品が完成したら、画像として、またはエクスポートしたバルサミコ ファイルとして電子メールで共有できます。
ウェブサイトのレイアウトやインターフェースのデザインに関しては、SketchyPad はかなりの成果を上げてくれます。しかし、iPad には iMockups や OmniGraffle といった、SketchyPad の 5 ドルより少し高価ではあるものの、より優れた選択肢があるかもしれません。
[ Tim Mercer はテクノロジー愛好家、グラフィック デザイナー、ブロガーであり、彼のブログ digital-artist-toolbox.com ではデジタル アーティストやグラフィック デザイナーに無料のリソースを提供しています。 ]
