投稿

ラベル(ライトウェイトデザインツール)が付いた投稿を表示しています

ライトウェイトデザインアプリ続く UIのモックアップ作成!

イメージ
UIデザインっていっても、日々道半ばである日々ではあります。 で、デザインっていってもフェイズによっていろ色ありまして、きちっと絵をつくる段階もあれば、手書きのフニャフニャした絵を描く段階もあります。 これらは、一枚の絵として表現する訳ですがはて、動きをつけようとするととたんに煩雑になります。動的にUIを表現するとどうしようと思います。だからこそ、コンピュータなんじゃねぇかと思いまして、AppStoreでお手頃なアプリを使ってみてます。 SwordSoft Layout カテゴリ: グラフィック&デザイン 価格: ¥600 これはようはUIの導線をワイヤフレームレベルでサクサクつくることができます。おもしろいのは、ボタンを押した後に別のシートに飛ぶのがおもしろい。Keynoteなんかでもできますが、UIの画像に設定できるから便利。 こんな感じで、シミュレーションもできます。動くのは、楽しい!問題はこれで満足しちゃだめで、これを実装する事ですね。。。がむばろう。

iDrawとPixelmator ライトウエイトデザイン系ソフトを使ってみるよ

イメージ
Lionにしてから古いAdobeが動かない、さりとて、Adobeをコストかけて導入するほど、現在のところあんまりデザイン業務に使っていないMacで、さくっと作図やらアイコン製作をするにはどうしたらよいかな、と前々から考えてましたので、ちょっと実践中のメモ。 特に、ベクターデータを使えるイラストレータのようなドロー系のソフトで頭を悩ませてます。例えばフリーのInkscapeがフリーなので使ってみるか、と触ってみるんですが、X11アプリでどうも操作性がいまいち。悪くない、悪くないだけど、お手軽では全くないぞ!という心持ちになります。 ここで、個人的にライトウェイトデザイン系ソフトっていうコンセプトありなんじゃないかと思い立ち。 で、意を決してMac App storeで探してみたのがこちらのソフト。その名もiDraw。ベジェも使えて、ブーリアンで図形分割もできます。また、レイヤーに分けて表示も可能。 iDraw カテゴリ: グラフィック&デザイン 価格: ¥2,200 iDrowを使ってみたよ。ま、べつに絵に意味はないです。。。 さくっと図を作るには必要十分です。さらに、なんですが、ステンシルと呼ばれるテンプレートにiPhoneモックアップがあり、ボタンやらスライダやらをパズルのように並べて考えるようなアイディアスケッチボードとしても使えます。 こういうパーツがデフォルトで! 願わくばIllustoratrのアンカーポイントにスナップするようなスマートガイド機能が欲しい。コレができれば、やりたい事ととして不満なし。 Lion対応ということで、フルスクリーンにして使うこともできます。UIがリッチなので、使っていても気分がイイ!そういう意味では、Adobeの小さい文字が書かれたボタンやUIなんかよりもよっぽど具合がいいです。 アプリって買うことの敷居が高かったんですが、えいや、と買ってみてよかったなー、とおもいます。ちょっとした技術書ぐらいのお値段の2000円くらいで表現のツールが一つ増えるのは、ツクルヒトとしては嬉しいところ。ちょっとソコのあんちゃん買ってみなヨー、などと思ったり。 で、これはドロー系のツールで、もう一つは作った画像にフィルタやエフェクトをかけたり、縮小して切り出したりするためペ...