iPhone Idea Sheet [to 三階ラボ]に続いて、iPad Idea Sheetを作りました。
原寸大のシート(横向き)、70%縮小シート(縦向き)、50%縮小シート(横向き)の計3種類あります。画面内で縦横8分割しやすいように小さなドットが入っています。取り急ぎ作ってみただけなので、使いやすいかどうかまだ分かりませんｗ。こういう方が使いやすいのに！という要望があれば可能な限り対応したいと思います。
まだ発売されてないiPad (執筆時：3月3日)。
このシートで皆さんもアイデア(妄想?)を膨らませてみてください！ 僕らと同じようにｗ。
こんにちは。開発者さんラブな宮澤です。
開発者さんが iPad App のダミーを作りやすいように iPad Illustration を作ったのですが、みなさん Illustrator CS4 を持ってるとは限らないですよね。。。気がまわらずすいません。
ということで、Illustrator CS4形式以外にも、Illustrator CS2、Photoshop CS4、PNG、JPEG形式のファイルを用意しました。
そんでもって、Illustrator形式のファイルは、既存の iPhone App をシミュレートできるようにしてみました。
ほんでもって、縦表示バージョンと横表示バージョンも用意しました。また、下部の映りこみをやめ、ドロップシャドウに変更しました。
以下にファイル構成をまとめておきました。何か変なところがありましたらご指摘ください！
Illustratorファイルに配置した画像が入ってます。
Illustrator CS4形式のファイルです。アピアランスを使いまくっているのでベジェ曲線が少ないのが売りです（笑） 拡大縮小する場合は気をつけてください。
「iPhone screen x1」「iPhone screen x2」「iPad screen」というレイヤーの表示を切り替えて使用してください。
Illustrator CS2形式で書き出し直したファイルです。アピアランスが分解されてしまってますが、問題は無いと思います。
「iPhone screen x1」「iPhone screen x2」「iPad screen」というレイヤーの表示を切り替えて使用してください。
Photoshop CS4形式のファイルです。近いバージョンPhotoshopなら開けると思います。
スクリーン部分のサイズはW768px x H1024px または W1024px x H768px で 画像解像度は 132dpi です。「Screen image (xxxxxx)」というレイヤーを差し替えて使用してください。
汎用性の高いPNG形式のファイルです。
スクリーン部分のサイズはW768px x H1024px または W1024px x H768px で 画像解像度は 72dpi です。透明部分にスクリーン画像をはめ込んでください。
汎用性の高いJPEG形式のファイルです。
スクリーン部分のサイズはW768px x H1024px または W1024px x H768px で 画像解像度は 72dpi です。白い部分にスクリーン画像をはめ込んでください。
iPad用 Apps の企画・デザインするとき用に、iPad [to Apple] のIllustratorデータをチョロっと作ってみました。
実機が無いので雑な作りですが、大体のサイズはあっているハズです。
Illustrator CS4のアピアランス機能を使いまくっているので、拡大／縮小するときは気をつけてください。同梱してある screen-image.png を編集するか、Illustrator上の「Screen image」レイヤーに W768 x H1024（132ppi）の画像を配置するればスクリーンにぴったりハマるように作ってあります。
あーーーー。iPadアプリケーションのデザインしたーーーーい。
自分で iPhone Apps の企画・デザインするとき用に iPhone 3G のイラストを作成してみました。（ボクは持ってないんですがｗ）
kanwaさんからiPhone借りてコチコチ定規で測りながら描いたので、サイズはそこそこ正確だと思います。
Illustrator CS3形式のファイルと、Photoshop CS3形式のファイルを用意しました。
Illustrator CS3形式ファイルの方は、アピアランスを使いまくっているので、拡大／縮小するときは気をつけてください。同梱してある screen-image.png を編集するか、W320 x H480（163ppi）の画像を配置するればスクリーンにぴったりハマるように作ってあります。
Photoshop CS3形式のファイルは、Screen imageレイヤーがスクリーンイメージになってます。また、Color Backgroundレイヤーのグラデーションオーバーレイ レイヤースタイルをいじれば、背景の色やグラデーションを変更することができます。（若干iPhoneの外側フレームに色が映り込むようになってます）
foobarの二人とも、すぐに手に入れたiPod touchですが、やはりiPhoneと比べるとできる事が減っているのでちょっと物足りないですね。それでも十分楽しいんですが(笑)。
メールやGoogle Mapが使えないのはあきらめるとして、せっかく日本語入力が使えるのにNotes(メモ帳)がないのはなんだかなーと思っていたのですが、「連絡先」を使うと疑似的にメモを取ることができます。ウェブサービスを使えば可能だけど、そもそも無線LANが使えるところ少ないからどこでもってわけにはいかないですからね。
メモする前にひとつ準備を。
まずMac側で「アドレスブック」を起動して、「_MEMO」という新規グループを作ります(アンダーバーが入っているのは、リストの一番上に表示させるため)。
後はiTunesでアドレスデータを同期して終わり。
iPod touchで「連絡先」をクリック、グループから先ほど作った「_MEMO」を選びます。右上に表示される「+」ボタンを押すと、新規連絡先を追加できるのですが、連絡先の代わりにメモを書いていきます。たとえば姓にMEMO、名にタイトルを入力。新規電話を追加などを無視し、「フィールドを追加」から一番下の「メモ」を選んで、そこに文章を書き込んでいきます。「日付」も使うといいかも。
そのままメールでどこかに送ったりできないのが難点ですが、iTunesで同期し直せば、「アドレスブック」からコピーできます。一時的な裏技になるかもしれませんが、iPod touchを手に入れた方は一度お試しを。日本語入力の練習(?)にもってこいです。
©2007-2009 三階ラボ 3rd floor lab.
Comments:1