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

Browse By

Tag Archives: Apple

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

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

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

[Freebie] Apple Watch PSD –  WatchのUI PSD

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

Apple WatchのUIパーツがPSDで配布されてます。とは言えまだ発売前なので、おそらく現在公式サイトなどで見る事のできるスクリーンショットなどから制作しているんだと思います。Apple Watch用のApp配信がどういう仕組になるのかまだよく分かりませんが、Watch向けAppを制作する予定のデベロッパにとってはUIデザインの際の参考になりそうです。こうして見ると小さいディスプレイながら結構いろんな事できそうなんですよね。あ、俺もちろん買います。

[iPhone 6] iPhone 6 Screens Demystified – iPhone 6と6 Plusのスクリーンについて

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

iPhone 6と6 Plusが発表されましたが、今回まぁべらぼうにスクリーンが大きくなってますよね。こちらではそのスクリーンサイズに関する仕様についてのインフォグラフィックが公開されてます。物理ピクセル→論理ピクセル的な話です。興味深かったのは、iPhone 6 PlusのDevice pixel ratioが、2でも3でもなさそうな点。まぁこのへんの情報は近いうちにまとめられるんでしょう。WebやApp制作者にとってはまた覚える事が増えそうです。
ちなみに今日からiPhone 6のキャリア予約始まりますね。自分はiPhone 6 Plus, Space Gray 128GBに決めました。はー早く触りてぇなー。

後日より詳細な記事が公開されていたので、リンク先を修正しました。

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

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

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

[CSS] The History of Apple.com’s Nav Bar Made with CSS – 歴代アップルWebサイトのナビゲーションを、CSSでコーディングした作例

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

歴代のアップルサイトのナビゲーション・メニューをズラっと並べた作例。これスゴいのが、全てHTML + CSSでコーディングされていて、ちゃんと動くという点。オリジナルは2007年頃までは画像だったはずだけど、今の技術で全てのメニューの中身がテキスト化してあります。細かいグラデーションまでCSSで描画されているようで、いやこれスゴいなと。ちなみに下2つは妄想デザインのようです。1998 – 1999の時代のナビゲーションを知ってる人は、なかなかのオッサンMacユーザーですね(この時期とか)。

[Apple] Yosemiteが気になって仕方ないけど人柱にはなれない人のための記事まとめ

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

MacOS X Yosemiteが発表されて、新しいUIや新機能が気になって気になって仕方がないけど、仕事で使ってるMacに突っ込むわけにもいかないし、この時期に人柱となるにはいまいち勇気がわかない人たちのための記事をまとめてみました。っていうかまぁ俺がそうなんですが。
UIがどう変わるのかを「いいね!」とか「良くないネ!」とか言いながら紹介する記事や、アイコンのBefore Afterを画像で見せる記事などを見つけました。アイコンすごい変りますね。家にMacbook 13inchの初期型があるからSSDに換装してYosemite突っ込んでやろうかどうしようか迷い中です。

(さらに…)

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

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

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

[DIY] DIY Coiled iPhone Cable – Lightningケーブルを螺旋状にする方法

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

iOSデバイスに付属するLightningケーブルを、クルクルの螺旋状ケーブルにする方法が写真で紹介されてます。使うのはドライヤーとペンだけ。ペンにケーブルをグルグルと巻きつけて両端をテープで止めます。あとはドライヤーで熱して、冷めるのを待ってからペンを外すだけ。これだけで取り回しのしやすいクルクルケーブルになるそうです。記事下の方にもあるけど、車載用に使う場合なんかにイイですねこれ。ケーブルだったら何でもできそうなので、色々と応用もできそうです。ウチ何本かケーブルあるから、1本やってみよかな。