Appleのデザインリソースのご紹介

Appleのデザインリソースは 実に多様なツールで構成されており アプリのデザインに非常に役立ちます 例えば SketchやFigma用に設計された UIキットやデザインライブラリ アプリのスクリーンショットを デバイスのフレームに 実際に配置してデザインを検討できる ハードウェアベゼルなどがあります Icon Composerや SF Symbolsなどのツールもあります これらのデザインリソースの目標は デベロッパの皆さんのアプリデザイン作業を 大幅に簡単にするツールの提供です 手軽に使い始めて すばやく お好みのデザインツールに統合できる テンプレートやコンポーネントを 提供することを目指しています Apple提供のリソースであるからこそ Appleプラットフォーム向けアプリ上で 検討中のデザインが実際にはどう見えるか 正確に確認できるという信頼感があります 理想としては これらのリソースが プロダクトデザイナーと アプリの構築を担うエンジニアの間での スムーズでクリアな意思疎通を促進し チーム全員の用語と意識の共有に 役立ってほしいと思います

どのようなリソースが提供されているか ご覧になりたい方は まず Apple Developer Webサイトの developer.apple.com/jp/design/resourcesに アクセスしてください 公開中のすべてのリソースが このページにあります Figmaユーザーの方なら UIキットや テンプレートの入手方法はいくつかあります 1つ目は Figmaの操作画面にある パネルからの直接アクセスです 主要なプラットフォームライブラリが すべて表示されます すべてのFigmaユーザー向けリソースを 見つける もう1つのおすすめの方法は Appleコミュニティのページに アクセスすることです 現在公開中のすべてのリソースが このページにあります 各プラットフォーム用のUIキットや 各種のテクノロジー用の テンプレートなどを入手できます Sketchユーザーの方も ライブラリへのアクセスはとても簡単です Sketchので パネルを選択すると表示される このウインドウに 各種プラットフォーム用の UIライブラリがすべて表示されます 読み込みは チェックボックスを クリックするだけでOKです

各プラットフォーム用の UIキットを使用する際は 提供されているサンプルを 参照することをおすすめします 幅広いサンプルをご用意しています iPhone用とiPad用のサンプルがあります これらのサンプルは非常に便利です 作業スペースにドラッグするだけで 主要なコンポーネントが 例とともに表示され 同時に その他の要素も確認できます デザインカンプのインターフェイスの 概観を作成する時間を大幅に短縮できます Figmaユーザー向けの 便利な機能もご紹介しましょう ダークモードでの見え方を確認したい時は すべてのコンポーネントが含まれている フレームを選択してから パネルに移動し セクションにある 色見本帳のアイコンが付いた メニューをクリックして の色を選びます すると このフレーム内の すべてのコンポーネントが ダークモードで再描画されます これにより アプリ内でユーザーが ダークモードに切り替えた際の 実際の見た目を正確に確認できます

おすすめしたいことは2つあります 1つ目は まだご覧でない方は Appleの ヒューマンインターフェイスガイドラインを デザインリソースと併せて 参照されると非常に有益です アプリのUIに含まれる 様々なコンポーネントを使用する 場所 タイミング その理由について 詳細に解説しています そうした知識は 提供されている デザインキットを使うだけでは 把握が困難です おすすめしたい2つ目のことは ベースとなるファイル自体を 開いてみることです 色 素材 テキストのスタイルの ガイドを参照でき ファイル内に含まれる すべてのコンポーネントや その他の要素を フルサイズの大きな画像で確認できます ほんの数分だけ時間を取って それらのイメージをチェックすることで AppleのOSで提供される すべての システムコンポーネントの見た目を 全体的に把握でき 非常に有益です Appleのデザインリソースを利用する 大きなメリットの1つは ライブラリに変更が加えられた際に 通知が届き その変更を受け入れると 個々のデザインファイルが オペレーティングシステムの 最新の外観を反映したものへと 更新されることです

私たちは デザイナーの皆さんのための デザインツールを設計するにあたり 非常に配慮の行き届いたデザインリソースを 提供できるよう尽力しています そのため すべてのコンテンツにおいて 細部までこだわり 体系的に整理されていて 手軽に導入できる 使いやすいリソースの提供を目指しています 不十分な点にお気づきの場合は ぜひフィードバックをご提供ください フィードバックアシスタントを使用して ご意見や問題点をお知らせいただければ すぐに対応いたします より優れたリソースの提供に向けて 私たちは常時改善に努めています Appleのデザインリソースを通じて 私たちが目指しているのは デベロッパの皆さんが アプリの機能に関するアイデアを 最終的なデザインに近い形で 極めて正確に かつ迅速に具体化し 自らのアプローチに自信を持って 製品の完成時における最終的なデザインが 今見ているものとほぼ同じであるという 確信のもとで作業を進められるよう サポートすることです