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

Browse By

Tag Archives: Software

[Software] 30+ Genuinely Useful Mac Apps for Designers – デザイナーのためのMac用アプリ

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

デザイナーのための使えるMac用アプリまとめ記事。「んなもんイラレ・フォトショさえありゃ十分だべ」とお思いの人も多いかもしれません。俺もどちらかというとそう。けどこれ見てたら「あ、これ使ってみよ」ってのがいくつかあったので紹介。ディスプレイ上のサイズを測るメジャー、ロゴやアブストラクト模様、アイコン生成のツール、プロトタイピングのためのツール、PSDファイル内のテキスト翻訳、CSSスプライト生成、HTML5/CSS3を使ったアニメーションツール、フォント制作、フォント管理、テキストエフェクトツール、カラーピッカー、カラーパレットなどが紹介されてます。なかなか盛りだくさんです。デザイナーだけでなくコーダーやディレクターの人向けのツールも多く含まれているので、Webに関わる多くの人にお勧めの記事。

[Android App] 25 Must Have Android Apps for Developers and Designers – デザイナーのためのAndroid用App

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

デザイナーのためのAndroid用Appがまとめられた記事。FTPツール、エディタ、カラーピッカー、画像エディタ、Flickrアップローダー、Webページのソースビューア、クラウドツール、アクセス解析、CMS投稿ツール、タイポグラフィー支援ツール、CSSチートシートなど。iOS用のアプリと比べるとPC向けツールっぽいというか、自由な感じしますね。とは言ってもデザイナーなら普通iPhone使うよな、とも思ったのは内緒です。

[Software] Gradient App for OSX – CSS3のグラデーション指定が簡単にできるMac用アプリ

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

ディスプレイ上から任意の2色を抽出し、CSS3のグラデーション指定が簡単に行えるMac用アプリ。まだベータ版という事で、サイト上の入力欄にメアド突っ込んで初めてDLできます。アプリを起動すると、グラデーションさせる2色のパレットが出てきます。色をクリックすればカラーパレットから指定、虫眼鏡をクリックすればディスプレイ上の好きな場所から色を抽出できます。グラデーションさせる方向についてはアプリ中央に並んだ4つのボタンから指定でき、最後に「Copy」を押せばCSS3のコードがクリップボードにコピーされます。「CSS」ボタンを押せばコードを見る事もできます。CSS3のグラデーション指定って手書きするとわりとめんどいので、このツールはなかなかナイス。マカーのデザイナーさんにおすすめです。

[Chrome Extension] i2Symbol – 特殊文字を簡単に入力できるGoogle Chrome用機能拡張

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

最近Twitterでもよく見かける、特殊文字を使った顔文字なんかを簡単に入力できるGoogle Chrome用機能拡張。インストールするとURL入力欄の右側にハートマークのボタンが出現します。そこからサクっとポップアップ形式で特殊文字の入力パネルを開く事ができ、入力した内容はクリップボードにコピーしたりTwitterに投げたりできます。英語や日本語以外の文字類についてもパネルごとに分けてまとめられてて、「ギリシャ数字のアレどう出すんだっけ」みたいな時にでも対応できそう。まぁ言うても自分の場合Safariメインなんであんましアレだしナニではあるんですが、Chromeをメインに使っている人にとってはなかなかナイスな機能拡張なんじゃないかと。ちなみにわんわんおは自分で入力しました。プリセットされてません。つか自分でも登録できるようになると使いやすいんだけどなーこれ。単語登録代わりに使えるというか。

[Mac App] 30 Must Have Free Mac Apps for Web Designers and Developers – WebデザイナーやデベロッパーのためのMac用アプリ

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

WebデザイナーやWebデベロッパのためのMac用フリーアプリをまとめた記事。おなじみGimpをはじめとした画像編集ツールやカラーパレット、キャプチャツール、FTP、コーディングツール、CSSコーディング補助ツール、フォント関連ツール、アクセス解析、サーバツールなどが紹介されてます。プロとして仕事してる人にはお馴染みのアプリですね。個人的にはフォトショの代替となるようなもっと軽いツールを探してはいるんですが、実際なかなかないもんですね。手に馴染んだツールってのはなかなか手放せないもので。

[App Design] iPhoneScreenDumps – 様々なiPhoneアプリのインターフェースを比較

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

よく使われるiPhoneアプリの各種インターフェースを比較できるサイト。スプラッシュスクリーンやユーザープロフィール、チェックインの仕組み、コメント、リスト表示、サインアップ、入力フォーム、地図表示などの、アプリ内でありがちな場面を軸に各種インターフェースを比較できます。iPhoneアプリの制作をしているデザイナーにとっては、レイアウトや意匠を考える際に参考になりそう。以前紹介したMobile UI Patternsあたりと併せて使うとイイかも。

[Apple] 50 Examples Of Extreme Mac OS Customization – クールにカスタマイズされたMacOS

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

クールにカスタマイズされたMacのデスクトップ晒し記事。つーかこの記事YABEEEE! めっちゃかっけース。これとかこれとかこれとかクール過ぎて色々漏らしそうです。自分は基本的に「Macのアピアランスは素のままでも十分美しいし、パフォーマンス落ちるのイヤ」って立場だったけど、こういうの見ちゃうとやりたくなりますな。リンク先で使ってるツールの紹介とかあるかもしれませんが、多くの作例はただ単に壁紙変えただけだったりします。壁紙マニアの方にもオススメ。

[Chrome] Top 10 Essential Google Chrome Extensions Every Web Designer Should Install – デザイナーならインストールしとくべき、Google Chrome Extension

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

デザイナーのためのGoogle Chrome用機能拡張まとめ。ウェブデザイナーの多くはメインブラウザをFirefoxにしてますが、ChromeとかSafariなどのWebkit系ブラウザをメインにしてる人も結構います。ここではChromeユーザーが入れておくとナイスな機能拡張が紹介されてます。カラーピッカー、Firebug、ソフトウェア定規、CSS Viewer、簡易イメージ編集など。Firebugあたりは定番ですね(lite版ですが)。ちなみに自分はSafariがメイン。複数台MacとiPhoneとの同期機能に縛られっぱなしです。