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

Browse By

Tag Archives: AppleWatch

[Apple Watch] Facer – Apple Watchの盤面カスタマイズアプリ

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

Apple Watchの盤面をカスタムできるアプリ。元々Android Wearの盤面カスタムアプリだったFacerが、Apple Watchにも対応したそうです。Android Wearとか1mmも興味ない俺はこのアプリの存在自体全く知らなかったけど、どうやら時計の針なども含めて結構細かくカスタムできるものだそうです。その点Apple Watchはカスタムできるのがせいぜい壁紙だけなので、外部アプリを使った際のカスタムの幅もそれに縛られてしまうのが少々アレではあります。見た感じ、キャラクターなどの権利ものもあるので、そういうの好きな人にはイイかもしれません。ちなみに単純に画像としてWatch Faceを探す際には、Apple Facesあたりがオススメです。

[Apple Watch] Pip-Boy watch face – Apple WatchをFalloutのPip-Boyにする壁紙

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

いやぁアツいですコレ。Apple Watchを持ってて、かつFalloutシリーズが大好きなあなた、お待たせしました。愛用のWatchをPip-Boy風にする事ができます! まぁWatch OS 2以降の壁紙表示機能を使うだけなんですけどね。いやこれがもう素晴らしい出来で、街中を歩きながら何気なく時計を見るだけでそこはもうウェイストランド。S.P.E.C.I.A.L.のどの項目にステ割り振ろうかなー!的な空気感になれます。多分なれます。もしかしたらなれないかもしれません。けどきっとヌカコーラくらいは飲みたくなると思いますよ。わたくしのWatch Faceはしばらくこれになりそうです。あーFallout 4楽しみだなー!

[Apple Watch] Apple Faces – Apple Watchの壁紙配布サイト

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

Apple Watch用の壁紙配布サイト。WatchOS 2から任意の写真をWatch Faceに設定する事ができるようになったので、iPhoneみたいに壁紙を選ぶ楽しみが増えましたな。ただ自分はアナログ形式の指針のあるFaceが好きだったのであまり使ってませんでした。が! ココでNewton Faceを見つけて気が変わりました。いやーこれはアツい。わたくしNewtonユーザーではありませんでしたが、この時代のApple製品いまだに好きなので(冬の時代ですけどね)、早速ダウンロードしてWatch Faceに指定してみました。いやこれはかっこいい。オールドMacファンにはタマりませんな。他にもゲームボーイ風のものや、Watch内のTaptic Engineを使った、いわゆる「透ける」壁紙なんかもあるので、Watch用の壁紙探す際にオススメです。

[Freebie] Apple Watch vector mockup PSD – ベクターで作られたApple WatchのモックアップPSD

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

ベクターで作られたApple Watchのモックアップ。PSDフォーマットで配布されています。ベクターなのにAIじゃなくてPSD?と一瞬思いましたが、結局この手のモックアップ使った作業のフィニッシュってPhotoshopで行う事が多いので、この方が合理的なのかとも思いました。WatchOS 2になって劇的に変わるのかと思いきや、それほど今までと変わんないWatchたんですが、それでも俺は毎日付けてます。よく人に「それ何かの役に立つの?」と聞かれて「時間が分かる(`・ω・´)」程度の事しか言えませんが、それでも毎日付けています。

[Wallpaper] Apple Watch & iPhone Wallpapers – Apple WatchとiPhoneの壁紙配布サイト

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

Apple WatchとiPhoneとでお揃いの壁紙を使う事のできる壁紙配布サイト。それぞれの解像度のものがセットで配布されています。壁紙クリックで画像ファイルをダウンロードできます。Apple Watchにウォルペーパー設定できないじゃん!とお怒りのあなた、大丈夫です。watchOS 2から使えるようになります。あいぽんとWatchとで同じ壁紙ってなんだかオシャレですわね。ただ壁紙使った時は時計表示がデジタルだけなのかなぁこれ。自分は古い人間なのでどうしても文字盤があった方がイイなぁとか思ったりしております。

[Freebie] iPhone 6 and Apple Watch Resources – Appleデバイス向け制作に使えるリソースまとめ

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

iPhoneやApple WatchなどのApple系デバイス向けコンテンツを制作する際に便利な、様々なリソースをまとめた記事。これなかなか素晴らしいです。まずは解像度やデバイスごとの親指守備範囲、GUIテンプレートが紹介されています。GUIテンプレートはVectorやSketchフォーマットなどがあります。次に各デバイスの外観モックアップがPSDやSketchなどのフォーマットで紹介されています。アプリを紹介するWebデザインをする際の素材としてはだいたいこの記事だけで揃う気がします。UIデザイン用の素材というよりは、紹介用のWebページ制作に使いやすい素材、という印象です。

[UI Design] Device Metrics – 各種モバイルデバイスのディスプレイ解像度一覧

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

各種モバイルデバイスのディスプレイ解像度一覧。Googleがオフィシャルで持っているコンテンツなんですが、なぜかiOS系デバイスも網羅されています。しかもApple Watchまで! いやこれ便利ですね。ディスプレイサイズだけでなく、プラットフォームや比率、dpとpxなども掲載されています。また各項目ヘッダーをクリックするとソートもできます。スマホアプリやWeb作る際に使えそうです。

[Freebie] iOS 8 App Icon Template – iOS8のApp Icon制作に役立つPSDテンプレート

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

iOS 8のアプリアイコンを作るのに役立つPSDテンプレート。iPhone向けの角丸アイコンだけでなく、Apple Watch向けの円形アイコンも一緒に作れるという点がこのテンプレートの特徴です。また、Apple Watch Appの申請時にアプリアイコン内にアルファチャンネルが含まれているとリジェクトされるようで(参考記事)、それを回避するためのアルファチャンネルリムーバーがドロップレットとして付属しています。PSDファイル見てみましたが、角丸アイコンと円形アイコンは別のスマートオブジェクト(=psb)として配置されているので、それぞれデザインする必要があります。別個にデザインできるので、同一pubよりも使いやすそうです。Apple Watchのケースも、プレビュー用に3種類用意されている点もナイス。