Webやアプリのデザイントレンドを紹介。たまに雑談。

Browse By

Tag Archives: Software

[Software] keyonary – アプリケーションのショートカット検索サイト

  • Pocket
  • このエントリーをはてなブックマークに追加

様々なアプリケーションのショートカット検索サイト。リンク先はこのサイト内で「Photoshop」で検索かけたURLとなってます。わたくしPhotoshopはもう10年以上使っておりますが、それでもまだまだ知らない機能とかショートカットとかあります。シェイプツールで「+ / -」押すとシェイプに追加と削除モードになるなんて知らなかった! いやいいですねこのサイト。ショートカット野郎にはとってもナイスです。ちなみにこのサイト、ショートカットの投稿もできます。誰かがまとめているわけではなく、ユーザーからの投稿による情報サイトという位置づけですね。

[Photoshop Plugin] Cut&Slice me – Mobile Appの画像ファイル書き出しに便利なフォトショッププラグイン

  • Pocket
  • このエントリーをはてなブックマークに追加

このプラグインとってもナイスです。iOSやAndroidなどのMobile Appのデザイニングに関わる人にオススメ。PSDファイルから各レイヤーフォルダごとにスライスを自動生成してくれるPhotoshop用プラグインです。通常のスライスとは異なり、細かいエリア指定をする事なく透過PNGで一気に書き出す事ができます。仕組みはわりとシンプルで、レイヤーフォルダに固有のネーミングールで名前を付けるだけ。書き出し作業時にプラグイン側がレイヤーフォルダ内の各オブジェクトの範囲を認識して、個別に書き出してくれます。ネーミングルールを覚えるのにちょっとコツはいるけど、1度慣れてしまえば生産性をグっと挙げる事ができそう。書き出しはiOSとAndroidに対応していて、それぞれ専用の書き出しボタンが用意されてます(一番右のはPC用Appかな?)。試しにどんなものか見たい場合は、プラグインインストール後にサイト内からDLできるサンプルファイルを開いて書き出してみましょう。ちょっと時間はかかるものの、ほっておけばPNGファイル群を書き出してくれます。いやこれスゴくイイですわ。次からUIデザインする時はこれベースで作ろう、って思いました。

[Web Design] App Sites – iPhoneやiPad、Mac用アプリの紹介サイトギャラリー

  • Pocket
  • このエントリーをはてなブックマークに追加

iPhoneやiPadなどのiOSデバイス用アプリ、あとMac用のアプリの紹介ページをまとめたギャラリーサイト。App紹介のページってわりとモダンなデザイン&コーディングがなされている場合が多いので、新しいサイトデザイン手法を学ぶ上では特に参考になるジャンル。そうしたサイトがまとめられてるってのはなかなかナイスです。かっけーページ多いっス。

[Icon] Retina Mac Apps – Retinaディスプレイ対応のマック用アプリ

  • Pocket
  • このエントリーをはてなブックマークに追加

vRetinaディスプレイに対応したMac用アプリケーションのアイコンまとめ。アイコンをクリックすると該当アプリのオフィシャルサイトに行く事ができます。新着順、カテゴリ別、アルファベット順にソートする事ができます。Retinaディスプレイに対応してるものばかりなので、質感とかテクスチャの拘りがなかなかアツいです。かっけーアイコン多いです。

[Mac App] Cathode Vintage Terminal – ブラウン管モニターぽいターミナル代替アプリ

  • Pocket
  • このエントリーをはてなブックマークに追加

昔懐かしいブラウン管モニターに表示されたようなエフェクトのTerminal代替アプリ。画面のベゼル、球面の歪み、ハイコントラストな文字の残像、発光管の隙間など、細かい所まで丁寧に作り込まれています。こうしたエフェクト類は個別にカスタムできるようで、画面いっぱいに表示すれば80年代ぽい感じでターミナルを操作できます。最新型のiMacとかでわざわざこれをやるとかなかなかホットです。実用性があるかどうかはこの際別問題なのであります。

[CSS] 8 CSS tools for better web design – コーディングに使えるCSS関連ツール

  • Pocket
  • このエントリーをはてなブックマークに追加

コーディングの際に使えるCSS関連ツールのまとめ記事。ローカルApp(だいたいがMac版です)やCSSリセットテンプレート、オンラインツール、CSSフレームワーク、レスポンシブレイアウトに対応したグリッドシステムなどが紹介されてます。個人的にはCSS Hat気になっちょります。19ドルするから導入迷ってるけど。コーダーの仕事も以前に比べて色々と増えたっていうか多様化してますからね、便利なものはどんどん使いませんとね。

[Photoshop] CanLinkIt – 別のPSDをリンクする事で作業を効率化するフォトショップ用プラグイン

  • Pocket
  • このエントリーをはてなブックマークに追加

フォトショップで開いてる書類の中に別のPSDをリンクする事で作業効率を上げるフォトショップ用プラグイン。「そんな事ならスマートオブジェクトできるじゃんかよ」と思うかもしれませんが、あれはPSBファイルで、PSDファイルの子要素となります。けどコイツはPSD同士のリンクなので、インクルードされているPSDを修正すれば、そのPSDにリンクしている書類全ての要素に反映されます。Webデザインで言えばナビゲーション要素とかにいいですね。1つのPSD修正すると全部に反映。いやこれナイスです。早速使ってみよっと。けどよく考えたら、サイトデザインって以前のようにページごとにPSD作るんじゃなくて、1つのPSDの中でグループに分けて作ってんな・・・とも思いました。まぁ便利な事には変わりありませんが、どれだけ便利になるかは人それぞれ、ワークフロー次第って事になりますかね。

[Shortcut] shortcutFoo – 様々なアプリのショートカットを勉強するためのサイト

  • Pocket
  • このエントリーをはてなブックマークに追加

Vim, Sublime, Emacs, TextMate, Visual Studio, Xcode, Command Line, Photoshop等、様々なアプリのショートカットを勉強するためのサイト。最初は「この操作の時はこのキー」という感じで教えてくれるんだけど、ある程度レッスンを受けると時間制限アリの問題形式になります。また最初から腕に覚えのある人は、いきなりドリルに進む事もできます。自分の場合フォトショップに関してそれなりに長く使ってるのでテストを受けてみました。するとこれが結構できない・・・。「あーこれ何だっけ」みたいな感じで結構間違えます。出題は英語ですが、各ソフトウェアを使った事のある人ならだいたい分かる内容です。自分のショートカット知識を再確認するのにナイスなサイトですね。