三階ラボ

Archive for 2008-11

Home

try-and-error 入力モードの視認性

Tags:
, , , ,

メニューバーの入力モードアイコン

日本語環境では必須のインプットメソッド。
Macでは、Apple純正のことえりや、サードパーティ製のATOK、egbridgeなどがあります。
ボクは昔からegbridgeを使っているのですが、現在の入力モードを確認する場合、

  • 右上のメニューバーアイコンを目視する。
  • 操作パレットのアイコンを目視する。
  • とりあえず打ってみる。

といった方法があると思いますが、
それぞれ

  • 大きなモニタの左側で作業をしていると、右上のメニューバーアイコンまでの視線の移動距離が長い上に、しっかり目視しないと判りづらいアイコンデザイン。他のメニューバーアイコンに埋もれちゃってるし。。。
  • 操作パレットが邪魔な上に、しっかり目視しないと判りづらいアイコンデザイン。設定ボタンとかいらないし。。。
  • 英数入力したいのに、かな入力だったときのイラっと感。そのあとdeleteescを押す虚しさ。。。

といった不満がありました。

メニューバーのアイコンをカラーに

こんな具合に、しっかり目視しなくてもいいように、かな入力=青/英数入力=赤、といった具合にメニューバーのアイコンに色を着け、判別しやすいようにしてはいたのですが、どうしても視点の移動距離は短くなりませんでした。

そこで、普段全く使っていない操作パレットを改造すればいいじゃん! と思いついたので、早速実行してみました。

デフォルトの操作パレット

デフォルトではこんな感じ。

改造した操作パレット-切り替え

Interface Builder を使って「操作パレット」の「英数入力」と「かな入力」以外全てのアイコンを非表示にし、サイズを大きくしてみました。
好きなところに置くことができるので随分判別しやすくなったのですが、常駐するには大きすぎて、アプリケーションによっては存在自体が邪魔になってしまいました。

んで更に改造。

改造した操作パレット-トグル

今度は「操作パレット」の「かな入力」以外全てのアイコンを非表示にし、英数入力のときは青色、かな入力のときは赤色の画像を切り替えるようにしてみました。
これで、現在の入力モードだけを判別できるようになった上、横幅も無駄なくつかえるようになったのですが、やっぱり邪魔(笑)
欲張りなことに、モニタの下の方で作業をしているとき、いちいち上に視線を向けるのも面倒になってしまいました。

んで更に改造。

改造した操作パレット-デスクトップ上下にバー

デスクトップの上下に4pxづつのカラーバーを表示するようにしてみました。
これで、他のアプリケーションの邪魔にならず、しかもモニタのどこを見ていても、現在の入力モードを確認できるようになりました。
いまのところ、これで落ち着いています。

本当はこんなクダラナイ改造しないで済むように、デフォルトでこういう機能を付けて欲しいんですけどね。。。。
とは言え、egbridge自体が製造中止になってしまったので、ことえりやATOKに頑張っていただきたいです。

ところでegbridgeの開発はどこも引き継がないのかな? すごくイイ財産だと思うんだけどなあ。


try-and-error でっかい QuickSilver

Tags:
, ,

デスクトップの写真

QuickSilver という、いろいろなことができまくる便利なMac OS X用のキーボードランチャーソフトがあります。
ボクは、Cube Interface という見た目のかっこいいUIプラグインを使っています。

Cube Interface

デフォルトのサイズはこんな感じなのですが、

  • Leopardのアイコン最大サイズは 512 x 512px なのに、表示が小さい!
  • ドラッグ&ドロップするときに、表示領域が狭い!

という部分が不満だったので、思い切ってデカくしてみました。

でっかい QuickShilver

表示されるアイコンが 512 x 512px になるように、デベロッパーツールの Interface Builder というソフトを使って、
~/Library/Application Support/Quicksilver/PlugIns/Cube Interface.qsplugin/Contents/Resources/
QSCubeInterface.nib

アイコンが置かれる部分(QSCollectingSearchObjectView)のサイズを 594 x 594px に広げました。

Interface Builder 編集画面

ものすごくクダラナイですが、QuickSilver でアプリケーションを起動するのが楽しくなりました(笑)

遷移するときのイメージ


downloads Adobe CS4 icons

Tags:
,

Adobe CS4 icons

アメリカではついにAdobe CS4が発売されましたね。まだ日本での発売時期は決まってないみたいですが、待ちきれずに今回もアイコンを作ってみました。
余計なのもありますが、全部で32種類のアイコンが入っています。

Adobe CS4 icons ScreenShot

今回はMac用とWindows用でファイルを分けました。

Mac用アイコンはLeopardになってから扱えるようになった512×512pxのビッグサイズでも表示できます。Folderに貼り付けたコピペ用アイコンとicns形式のファイルの2パターンを用意。256×256よりも大きいアイコン表示にした時は下部にソフト名が表示されます。

Windows用もハイレゾリューションアイコン(256×256px対応のICO)を用意しました。

それにしてもアイコンはどんどん大きくなってきますね~。昔と比べてごまかしが効かないのがつらいですね(笑)

Adobe CS4 icons Download for Mac .dmg

Adobe CS4 icons Download for Win .zip


downloads iPhone 3G Illustration

Tags:
, ,

iPhone 3G イラスト アウトライン

自分で iPhone Apps の企画・デザインするとき用に iPhone 3G のイラストを作成してみました。(ボクは持ってないんですがw)
kanwaさんからiPhone借りてコチコチ定規で測りながら描いたので、サイズはそこそこ正確だと思います。

iPhone 3G イラスト

Illustrator CS3形式のファイルと、Photoshop CS3形式のファイルを用意しました。

Illustrator CS3形式ファイルの方は、アピアランスを使いまくっているので、拡大/縮小するときは気をつけてください。同梱してある screen-image.png を編集するか、W320 x H480(163ppi)の画像を配置するればスクリーンにぴったりハマるように作ってあります。

Photoshop CS3形式のファイルは、Screen imageレイヤーがスクリーンイメージになってます。また、Color Backgroundレイヤーのグラデーションオーバーレイ レイヤースタイルをいじれば、背景の色やグラデーションを変更することができます。(若干iPhoneの外側フレームに色が映り込むようになってます)

iPhone 3G Illustration ver.01 .zip


Top