
-
download, idea-sheet, iphone-ipad

どんなものでもデザインを始める際には、まずはペンで紙にアイデアスケッチをするように心がけています。実際に仕事になるかどうかは置いといて、喫茶店などでアイデアを膨らませているわけです。
無地の紙でもいいのですが、デザインするものが決まっている場合は大まかな枠があるとイメージしやすいので、いろいろなテンプレートを作って、そこにスケッチをしています。
個人的な好みとしてノートは使わず、バラのA4サイズの紙をクリアファイルに入れて持ち歩いています。一枚だけ人に渡したり、たくさん机に広げて俯瞰できるし、ある程度時間が経ったらまとめてスキャナーで取り込んでデジタルデータにするのにとても便利なので。

というわけで、ここ1年くらい使ってたiPhone用のアイデアシートのPDFをアップします。
原寸大シートと75%に縮小したシートの計4種類あるので、お好みのシートを印刷してみてください! 画面内に40pxごとのドットが入っています。


-
download

カレンダーだというのに2月にアップしちゃってすみませんw。
月曜日始まりではなく、日曜日始まりのカレンダーが欲しいという声がいくつかありましたので、2月から12月までのカレンダーを追加しました。
また新たに1920×1080サイズの壁紙カレンダーも追加しましたので、フルHDサイズのモニターを使用している方もご利用ください。明るいグレーと暗いグレーの2色あります。自分で背景画像をいじりたい人向けに透過PNGも用意しています。
- 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 1080 追加!!
- 1920 x 1200
- 2560 x 1600
この壁紙は日付がマス目状になっているので、いろんな予定日の枠内にフォルダやファイルを置くと便利かもしれませんね!僕は締め切り日にその仕事のフォルダのエイリアスを置いたりしています。

月曜始まりと日曜始まりの2パターンがありますので、好みに合わせてダウンロードしてください。


さてさて、透過PNGも合わせると全部で572枚の画像を書き出すはめに(泣)。

流石にこれを毎年作るのは大変・・・。
MacなりWinなりのアプリにすれば、好きな壁紙の上に重ねて表示できるだろうし、解像度を気にしなくても平気だし、月曜始まりや日曜始まりもチェックボックスで変更できるし、
月が変われば自動で切り替えてくれるだろうし、iCalの予定を表示したり、まさにいいことずくめ!!(そして僕も毎年作らなくていいので、楽できる!!)
僕にはアプリを作るスキルは全くないですが、素材は提供できると思うので、どなたか作ってくれませんか? お願いします!!

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

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

Comments:6