ブロックワークス » ui｜ホームページ制作,静岡｜ブロックワークス

Beautiful Pixels見た目が美しいアプリを紹介しているサイト

blockworks — Tue, 29 Nov 2011 01:00:35 +0000

「Beautiful Pixels」は、見た目に美しいアプリを紹介しているサイトです。グラフィックの参考になりそうなキャプチャを豊富に見ることができます。

「グラフィックの作り込み」という視点で見ても、「斬新なUIやその表現方法」を見るという視点で見てもとても参考になります。

リンク

Beautiful Pixels : Unhealthy lust for UI design

fireworksで使えるAndroid向けUI画像

blockworks — Sun, 23 May 2010 09:25:14 +0000

以前、「fireworksCS3とCS4で使えるiPhoneUI画像｜ホームページ制作,静岡｜ブロックワークス」という記事をご紹介しましたが、今度はAndroid向けUI画像を配布しているサイトを見つけましたのでご紹介します。

「UNITiD | Interaction Design & Usability» Blog Archive » Fireworks template for Android」のサイトで配布されています。記事投稿時点で2009年12月のものということもあり、同じUI「http://www.smashingmagazine.com/2009/08/18/android-gui-psd-vector-kit/」と比較すると作り込みの部分で若干きになる部分もあります。

この他に上記で挙げたFireworks以外にもPSD、Omnigraffle stencil、Visio版も配布されています。

自分はAndroidの実機を持っていないので、どこまで近いのかは分かりませんが、今後伸びていく？と思われるAndroid向けUIを作成する意味でチェックしておくといいかもしれませんね。

iPhoneのUIモックアップをiPhoneで作成する「interface」

blockworks — Sun, 02 May 2010 04:24:22 +0000

iPhoneのUIモックアップを作成する「interface」というiPhone用アプリを見つけましたのでご紹介します。

以前、「EDGE Touch」のUIを作成する時は、「fireworksCS3とCS4で使えるiPhoneUI画像｜ホームページ制作,静岡｜ブロックワークス」で紹介したiPhone部品画像を使って、画像でイメージを作りながら試行錯誤をしていました。

「EDGE Touch」は、お互い勝手を知っているので、画像だけでも意図が分かったり、頭の中でソフトをシミュレートすることができました。

ただ、実際に依頼される？お客様は画像を見ただけで頭の中でシミュレートできる人は稀だと思います。実物を見ないと判断できない場合が非常に多いです。そんな時に、この「interface」というアプリは便利なんじゃないかと感じました。

動画を見ていただくと分かると思いますが、実に様々なiPhoneUI用パーツが用意されています。よっぽど特殊なUIを考えるでも無ければ、ほとんどのものは作れてしまうのではないでしょうか？

一般的なUIはもちろん用意されていますが、自分で画像を用意すれば、より工夫したイメージを作ることもできます。

もちろん、画面間の移動も設定することができます。
個人的には、iPhoneで作ってその場でプレビューできるメリットもありますが、パソコンでモックアップを作成し、iPhoneに転送して作る方法も用意してくれれば便利そうだなぁ、と思いました。

リンク

Interface – the ultimate mockup & prototyping tool for iPhone – Handcrafted by Less Code

iPadUI開発者にいいかも？EPSファイルで作られたUI部品

blockworks — Sun, 04 Apr 2010 16:17:39 +0000

とうとう海外で発売された「iPad」。ワイヤーフレーム制作に便利そうなiPad用UI部品を提供している方がいらっしゃいましたのでご紹介します。

EPS形式で配布されているので、iPadアプリのワイヤーフレームを作るのに拡大縮小もできて便利かなと思います。

iPad用UIを開発される方は一度チェックしてみてはいかがでしょうか？

ダウンロードはこちらのサイトからどうぞ。

iPad Wireframe .EPS | Sarah Parmenter, a web and UI designer.

fireworksCS3とCS4で使えるiPhoneUI画像

blockworks — Mon, 11 May 2009 08:06:24 +0000

iPhoneのUI部品を提供している方のほとんどはPhotoshop向けが多く、fireworks派の自分としては若干使いづらいなぁと感じていました。今回、fireworksCS3とCS4で使えるiPhoneUI画像を配布しているサイトを見付けましたのでご紹介します。

ご覧のように、iPHoneUIで使われているほとんどの画像を網羅しています。fireworksですから、もちろん1つ1つが分離されて自由に使うことができます。

iPhoneアプリを制作している方、Web制作をしている方には助かるんじゃないでしょうか？自分もデザインの作り込み方などを参考にしたいなと思います。

リンク

Blogspark » Blog Archive » Fireworks toolkit for creating iPhone UI mockups

fireworksで使えるiPhoneUIの共有ライブラリ

blockworks — Sun, 16 Nov 2008 15:32:57 +0000

fireworksCS3で使うことのできるiPhone用UIの共有ライブラリの配布サイトを紹介します。

fireworksCS3の共有ライブラリには、MacOSXやWindowsXPのUIパーツが同梱されているのは皆さんご存じだと思います。（場所はウィンドウ→共有ライブラリ）

ある程度拡大・縮小もできるので、ホームページデザインやWeb系アプリのモックアップ作成にも役立つと思います。