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

Browse By

Tag Archives: Mac

[Apple] macOS Sierra Wallpaper – Sierraちゃんのデフォルト壁紙

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

いやーWWDC終わりましたな。そしてハードウェア何も出ませんでしたな・・・。まぁデベロッパー向けのイベントなのでこれはこれで当然なのかもしれないけど、ちょっと寂しいですな。個人的には直前に発表されたMSによるLinkedIn買収のニュースのインパクトがはんぱなかった。
というわけで朝になってニュースサイト巡回してたら、新しく発表されたmacOS Sierraのデフォルト壁紙を見つけました。けどリンク先URL見ると分かるんだけど、これAppleのサーバに置いてあるんです。んで出処はどこかなー思って調べたらこのページでした。section.section-heroの背景画像として指定されていました。Macの壁紙に指定して、壁紙だけでも新OSの気分になれそうです。ほんのちょっとだけ。

[Screen Saver]  WATCH Screensaver for OSX – Apple Watch風のMac用スクリーンセーバー

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

いやーこれは素晴らしい。Apple Watch風のMac用スクリーンセーバーが無料で配布されています。Macの画面にWatch Faceがっ! いやこれとてもオシャレですよ奥さん。欲を言えばもうちょいオプションを用意してもらえるとホットなんですが(秒針の色指定とか文字盤の種類とか)。Apple Watchを実際にお持ちの「よく訓練されたアップルの犬」のみなさん、Macでもこんな感じでより犬っぽさを演出するのも悪くないですよね。

[Freebie] Flat Apple Devices Mockup – フラットデザインな、Apple製デバイスのPSDモックアップ

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

フラットデザインなアップル製デバイスのPSDモックアップ。iPhoneやiPadの他に、iMacやMacBook、あと今日から予約開始になるApple Watchなんかも入ってます。シンプルにデザインされているので、素材として使い勝手が良さそうです。さてそういうわけでもうあと1時間ちょいでApple Watchの予約始まりますが、とりあえずクレカの用意だけはしておきました。予約だけ済ませたら、銀座のアポスト行ってひゃっはー感を味わって来ようと思ってます。

[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デザインでも使える機会が多そうです。