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

Browse By

Tag Archives: Mac

[Font] Web Font Load – Google Web FontをMacにインストールする方法

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

GoogleのWebフォントを、Macのローカル環境にインストールする方法が紹介されています。詳しくはGitHubで解説されていますが、ようするに紹介されている1行をTerminalでぶっこめばそれでオッケーのようです。自分の場合はただでさえフォント多すぎるので入れませんでしたが、フォントまとめて欲しいという人には便利かもしれません。ちなみにGoogle Webフォントの一覧はこちらで見る事ができます。数が多いので、時間的にも入れた後の管理的にもそれなりの覚悟が必要な気がしますね。

[Wallpaper] Introducing our Dual-Screen Wallpaper Collection – デュアルスクリーン用の壁紙

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

デュアルスクリーン環境の人向けの壁紙配布サイト。配布されているのが4組と数こそ少ないですが、このサイトアツいのが、左右のディスプレイサイズを個別にチョイスできるという点。例えば自分の場合、職場では左にiMac 27inch、右にDellの24inchを使ってるんですが、これをそれぞれピッタリのサイズでチョイスする事で、左右の背景画像がシームレスにつながるようになっています。試しにダウンロードして壁紙適用してみたんですが、なかなか壮大な景色になってイイ感じです。ちなみにこのページはTwelve SouthというMac周辺機器メーカーの販促ページだったりします。このメーカーの製品趣味がイイからわりと好き。

[Freebie] Yosemite UI Kit – Sketch用のYosemite UIキット

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

Sketch用のYosemite UIキットが無料で配布されています。メアド突っ込むとダウンロード先のURLが送られてきて、そこから落とせるようです。@2xでのRetinaディスプレイ用書き出しにも対応しているようですね。Mac用App開発する時や、Webのモック作る時なんかに使えそうです。ウチのMacは全部Yosemiteに移行したけど、使って数ヶ月経つと過去のMacのUIが古臭く見えてきますな。

[DIY] klaus geiger converts apple power mac G5s into contemporary furniture – PowerMac G5をリサイクルした家具

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

これは素晴らしい。古くなったPowerMac G5を家具としてリサイクルした作例。ウッドとガラスとで2つのテーブルを製作してます。特に素晴らしいのがウッド天板の方。G5のラウンド部分に沿う形で天板エッジ部分も処理され、シェイプがタマらなく美しいです。この形なら白天板でも合いそう。ウチにPowerMac G5が2台余ってたら間違いなくマネしそうな作例。G4 Cubeなら実家に1台余ってんだけどなぁ。使い道ないよなぁ・・・。

[Mac App] Pixel Winch – UIデザインに便利なソフトウェア定規

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

ヤバいこれ超便利。スクリーンショットから、各UIパーツ間のスペースを測れるソフトウェア定規。Mac用のベータ版となります(製品版では有料化されるのかも)。立ち上げるとメニューバー右端に常駐し、そこからスクリーンショットをまずは撮影します。撮影するとディスプレイ全面を使って大きく拡大表示されるので、画面左上に出てくる各種ツールを使ってUIパーツ間の距離を測る事ができます。中でも特に便利なのが「Grapple Tool」。これを使うと画像内のコントラストを判断し、パーツとパーツの間の距離をセミオートで測ってくれます。いやこれめっちゃ便利です。UIデザインする人にとっては常用アプリになりそう。Webデザインでも使える機会が多そうです。

[Mac] Inspecting Yosemite’s Icons – Yosemiteアイコンに関する考察

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

Yosemiteで大きく変わるインターフェースの内、Appアイコンに関する考察をした記事。奥行きのあるデザインからフラットなものに置き換わったDock、アイコンのシェイプとグリッドの変化について、シェイプによるアプリの位置付けの違い、ライティングについてなど、それぞれ論じられています。興味深かったのはシェイプの違いによるアプリの位置付けの違いという点。ヘビーなアプリは円形で、システムに関わるものはスクエア、ちょっとした小物アプリは斜めの長方形になってるんですね。アイコンデザインのプロセスにおいても、iOS 7のデザインに寄ってるんだなーと思いました。あー早くYosemite使ってみたいよYosemite。

[Mac] Mac Desks – マック周辺の写真を集めたフォトギャラリー(デスクトップ晒し)

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

Mac周りの写真を集めたフォトギャラリーサイト。Macユーザーってアレですからね、「ホラホラうちの子見てこんなにかわいいの!デスクトップ周りこんなにオシャレなの!」って人多いですからね。写真晒してニヤニヤしてる人いっぱいいますからね。なーんて思いながらダラダラと見てたら、実家に住んでた頃のウチのMac写真が掲載されてました・・・。もう7,8年くらい前の写真なんだけど、よく見るとデスクの下にエロDVDとか置いてあるのでなんつーか恥ずかしいなぁと思いました。そういや最近デスクトップ晒ししてへんなぁ、久しぶりに「よそいき仕様」にして晒してみようかな。

[部屋晒し] Simple Design Ideas for Your Workspace – クールなデスク写真

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

クールなMac周辺の写真晒し。みなさんかっこいいデスクでお仕事されてますね。けど俺は知っています。これはきっとよそ行きの写真なんです。写真撮った翌日には通常通りの散らかり放題デスクにきっと戻っているはずです。ポテチやピザが散乱し、デスク脇にはビールの空き缶が転がっている、そんな日常の姿こそ本来あるべきデスク周辺の風景なのであります。ウチがそうです。たまに小奇麗にして「ほらウチのMac周りオシャレでしょ」的な演出をするも、翌日にはその前でラーメン食ってます。酒も飲んでます。エロ動画も見ます。けどそれこそが(ry