
-
download, iphone-ipad

こんにちは。開発者さんラブな宮澤です。
開発者さんが iPad App のダミーを作りやすいように iPad Illustration を作ったのですが、みなさん Illustrator CS4 を持ってるとは限らないですよね。。。気がまわらずすいません。
ということで、Illustrator CS4形式以外にも、Illustrator CS2、Photoshop CS4、PNG、JPEG形式のファイルを用意しました。
そんでもって、Illustrator形式のファイルは、既存の iPhone App をシミュレートできるようにしてみました。
ほんでもって、縦表示バージョンと横表示バージョンも用意しました。また、下部の映りこみをやめ、ドロップシャドウに変更しました。

以下にファイル構成をまとめておきました。何か変なところがありましたらご指摘ください!
_images/
Illustratorファイルに配置した画像が入ってます。
- iPad-screen-vertical.png
- 縦表示モード用のiPad Appスクリーン画像です。この画像を差し替えると縦表示モード用のIllustratorファイルに反映されます。
- iPad-screen-horizontal.png
- 横表示モード用のiPad Appスクリーン画像です。この画像を差し替えると横表示モード用のIllustratorファイルに反映されます。
- iPhone-screen-vertical.png
- 縦表示モード用のiPhone Appスクリーン画像です。この画像を差し替えると縦表示モード用のIllustratorファイルに反映されます。
- iPhone-screen-horizontal.png
- 横表示モード用のiPhone Appスクリーン画像です。この画像を差し替えると横表示モード用のIllustratorファイルに反映されます。
- iPad-statusbar-vertical.png
- 縦表示モード用のステータスバー画像です。
- iPad-statusbar-horizontal.png
- 横表示モード用のステータスバー画像です。
Illustrator-CS4/
Illustrator CS4形式のファイルです。アピアランスを使いまくっているのでベジェ曲線が少ないのが売りです(笑) 拡大縮小する場合は気をつけてください。
「iPhone screen x1」「iPhone screen x2」「iPad screen」というレイヤーの表示を切り替えて使用してください。
- iPad-Illustration-v02-vertical-CS4.ai
- 縦表示モード用のIllustratorファイルです。
- iPad-Illustration-v02-horizontal-CS4.ai
- 横表示モード用のIllustratorファイルです。
Illustrator-CS2/
Illustrator CS2形式で書き出し直したファイルです。アピアランスが分解されてしまってますが、問題は無いと思います。
「iPhone screen x1」「iPhone screen x2」「iPad screen」というレイヤーの表示を切り替えて使用してください。
- iPad-Illustration-v02-vertical-CS2.ai
- 縦表示モード用のIllustratorファイルです。
- iPad-Illustration-v02-horizontal-CS2.ai
- 横表示モード用のIllustratorファイルです。
Photoshop-CS4/
Photoshop CS4形式のファイルです。近いバージョンPhotoshopなら開けると思います。
スクリーン部分のサイズはW768px x H1024px または W1024px x H768px で 画像解像度は 132dpi です。「Screen image (xxxxxx)」というレイヤーを差し替えて使用してください。
- iPad-Illustration-v02-vertical.psd
- 縦表示モード用のIllustratorファイルです。
- iPad-Illustration-v02-horizontal.psd
- 横表示モードのPhotoshopファイルです。
PNG/
汎用性の高いPNG形式のファイルです。
スクリーン部分のサイズはW768px x H1024px または W1024px x H768px で 画像解像度は 72dpi です。透明部分にスクリーン画像をはめ込んでください。
- iPad-Illustration-v02-vertical.png
- 縦表示モードのPNGファイルです。
- iPad-Illustration-v02-horizontal.png
- 横表示モードのPNGファイルです。
JPEG/
汎用性の高いJPEG形式のファイルです。
スクリーン部分のサイズはW768px x H1024px または W1024px x H768px で 画像解像度は 72dpi です。白い部分にスクリーン画像をはめ込んでください。
- iPad-Illustration-v02-vertical.jpg
- 縦表示モードのJPEGファイルです。
- iPad-Illustration-v02-horizontal.jpg
- 横表示モードのJPEGファイルです。

-
iphone-ipad

iPad用 Apps の企画・デザインするとき用に、iPad [to Apple] のIllustratorデータをチョロっと作ってみました。
実機が無いので雑な作りですが、大体のサイズはあっているハズです。
Illustrator CS4のアピアランス機能を使いまくっているので、拡大/縮小するときは気をつけてください。同梱してある screen-image.png を編集するか、Illustrator上の「Screen image」レイヤーに W768 x H1024(132ppi)の画像を配置するればスクリーンにぴったりハマるように作ってあります。
あーーーー。iPadアプリケーションのデザインしたーーーーい。


-
download

去年から事務所で使っているオリジナル卓上カレンダーがあるのですが、せっかくなので2010年版をPDFにしました。僕らがあちこちで探しても気に入るカレンダーがない!というので作り始めたので、万人に使いやすいかどうかは不明です(笑)。
葉書サイズの用紙を用意して、ご自分で印刷してみてください。またスリーフローの事務所にお越しいただいた方には印刷したカレンダーをプレゼントしています! 来年は製品として販売してみたいなあ。

写真では無印良品の「アクリルスタンドフレームハガキサイズ用」の中に印刷したカレンダーを入れていますが、ハガキが入るケースなら何でもいいと思います。
スリーフローで大量購入した際はアスクルが安かったです。
ちなみにこのスタンドフレームは縦置きだけじゃなくて、横置きもできる工夫がされています!もっとそこをアピールしてもいいと思うんですけどね〜。もったいない!


-
download

新年明けましておめでとうございます。本年も三階ラボとスリーフローをよろしくお願いいたします。
もう1月に入って一週間以上経っちゃいましたが、壁紙カレンダーを作りました。
去年はスリーフローのサイトで配ってたんですが、今年からは内容も増やして三階ラボで配布します。
2010年1月から2010年12月まで、各月明るいグレーと暗いグレーの2色あります。
壁紙サイズは10種ありますので、ご自分のPCの解像度に合わせてご利用ください。
- 1024 x 768
- 1280 x 768
- 1280 x 800
- 1280 x 960
- 1280 x 1024
- 1440 x 900
- 1600 x 1200
- 1680 x 1050
- 1920 x 1200
- 2560 x 1600
また、自分で背景画像をいじりたい人向けに透過PNGも用意しましたので、ご自由に使ってみてください。サンプルのPhotoshopファイルも入っています。
この壁紙は日付がマス目状になっているので、こんな感じでいろんな予定日の枠内にフォルダやファイルを置くと便利かもしれませんね!僕は締め切り日にその仕事のフォルダのエイリアスを置いたりしています。

すべての壁紙サイズをまとめて入れているので、ちょっと重いです。すみません。もしミスがあれば、ご報告いただけると幸いです〜!


-
keyboard, mac, mouse

キーボード中央配置計画 [to 三階ラボ] を書いてから約2年ちょい。
2009年末現在、自分好みにカスタマイズ&レイアウトした入力機器や周辺機器をまとめてみます。

- NEC-DS MultiSync LCD3090WQXi [to Amazon]
30インチのメインモニタ。作業はこのモニタでします。
H-IPSパネルなので視野角や色表現は問題ないですが、若干ギラつきます。Adobe RGB に対応してますが、sRGB モードで使用しています。少々値が張りますが、この広さと快適さはプライスレス。机と同じ模様のデスクトップピクチャを設定しています。
- NANAO FlexScan L997 [to Amazon]
21インチのサブモニタ。原稿書類や参考資料を表示してます。
90°回転させ、縦にして使用しています。目に優しく色もキレイなのでとても気に入ってます。予備でもう一台買っておこうかと思うくらい素晴らしい機種です。ただし、動画再生には向いてません。
- WACOM Cintiq 12WX [to Amazon]
kanwa氏からお借りしている12インチの液晶ペンタブレットです。
アゴが邪魔なので上下反転させ、反円柱の木材を脚に挟んで角度調整してあります。裏にはUSBハブを隠しておいてあります。
メールソフト、チャットソフト、ツイッターなどのコミュニケーションツールを常時表示しています。必要があればペンタブレットして使用します。
- Apple Wireless Keyboard [to Amazon]
メインキーボードです。コンパクトで無駄が少なく、非常にシンプルなキーボードです。
KeyRemap4MacBook を使って、左右のcommandキーに英数とかなを割り当て [to 三階ラボ] てあります。黒く塗装 [to 三階ラボ] しましたが、いままで使っていた Logicool diNovo Edge [to Amazon] とキーの位置が微妙に違い誤打ちが増えてしまったので、メンディング素材のシールに印刷し、カッティングマシンで切り抜いて貼付けてます。慣れてきたら剥がす予定。
- サンワサプライ NT-M5UH2BK [to Amazon]
拡張キーを登録したハブ付きテンキーパッドです。
ControllerMate [to 三階ラボ] や Quickeys [to 三階ラボ] を使って、iTunes の操作や音声出力先を変更するアクションを登録してます。
USBハブが付いているので、デジカメやワイヤレスマウス、iPod などを手元で接続できるので便利です。キートップはメインキーボードと同様、シールを貼付けてあります。
- サンワサプライ NT-M5UBK [to Amazon]
テンキー入力用のテンキーパッドです。
全く同じ機種を2台以上接続すると、抜き差しした際、ControllerMate [to 三階ラボ] が読み込む順番を間違えることがあるので、念のためハブ無しのものを購入しました。数字の配列を左右反転させてあります。
- KORG nanoKEY [to Amazon]
音楽用MIDIキーボードです。
音楽用として使用しているわけではなく、指定したフォルダを開いたり、アプリに関係なく使用するアクションを Quickeys [to 三階ラボ] で登録してあります。まだまだ試行錯誤中です。
- Logicool VX Revolution [to Amazon]
多ボタンのワイヤレスマウスです。
SteerMouse でカスタマイズ [to 三階ラボ] してます。
- 3Dconnexion SpaceNavigator SE [to Amazon]
Google Earth や 3Dソフトをコントロールできる3Dマウスです。
全く使いこなせてないのでインテリア状態です。今後、ControllerMate [to 三階ラボ] でカスタマイズする予定です。
といった構成になりました。
この構成にしてから暫く経ち、環境や操作にも慣れてきましたし、不具合も特にないのですこぶる快適です。モニタ作業領域の中央にメインキーボードを置くことができ、無駄な手の移動も減りました。
作業環境というのはとても重要な「インターフェイス」だと思ってます。(デザイン力は別ですが!)
会社支給のMacだったり、1台を複数人で共有したりする人にはなかなか難しいことかもしれませんが、作業環境を快適にすることはとても大事なことだと思いますので、是非試してみてください!
以上、(年が開けてしまいましたが)作業環境オタクによる「2009年版 入力機器のカスタマイズシリーズ」でした。ああ、需要少なそう。
Comments:7