iOSアプリケーションでのiOS Design Kitの使用方法

Question

これはおそらく本当に簡単な質問ですが、コミュニティに質問したいと思います。 アプリのUIを改善するために、いくつかのiOSデザインキットを使用したいとします（この例のように：https://iosdesignkit.io/）。しかし、私はどのように進むのか分かりません。

• プログラムでUIを設計し、アセットをイメージとして含めるべきですか？
• それとも、それはOKと私はオンラインリソースとチュートリアルを見つけようとしてきた

iOSのデザインキットとモバイルインターフェースを設計するためのインタフェースビルダを使用してなんとかです。 は、デザイナーや迅速な専門家からのアドバイスや指導に感謝します。

アドバイスやガイダンスをいただければ幸いです。

ありがとうございました

Answer 1

おそらく両方の組み合わせが必要です。小さなUIコンポーネント（UIView、セルなど）を設計するには、インターフェースビルダー（自動レイアウト付き）を使用します。また、UIViewControllerでプログラムでそれらを組み合わせます。また、スクリーン/コンポーネント間の移動もコードで行う必要があります。これはずっと柔軟です。 Swiftデベロッパーが通常どのようにUIを中心にプロジェクトを構成しているかを確認するには、無料のiOSテンプレート（例：https://www.iosapptemplates.com）をご覧ください。

Answer 2

あなたがリンクしているdesign kitは、のデザイナーのレゴキットのように使用されているようです。私が知る限り、それらのデザインを実際に実装するためのリソースはあまり含まれていません。それは大丈夫です - デザインのほとんどは、かなり標準的なユーザーのCocoa Touchユーザーインターフェイス要素に依存しているようです。これらの要素はうまく使うことができますし、そのキットのデザインテンプレートは、それらをうまく使用する方法を示しています。

UIをプログラムで設計し、アセットを画像として含めるべきですか？

あなたはのPhotoshop、IllustratorでデザインあなたのUI、または何でもお好みのツールである必要があります。テンプレート内のリソースを使用して、それを支援することができます。 にあなたのアプリを実装する時間が来たら、プログラマ（あなたもそうかもしれない）に様々な要素を作る方法を教えてくれるでしょう。それらをスペースで区切って配置します。これをプログラマチックに行うのか、Interface Builderで行うのかは、あなた次第です。ほとんどの開発者は、Interface Builderをそのような方法で使用します。なぜなら、膨大な時間を節約し、調整が簡単で、開発者が関与しなくてもそれらの調整を行うことができるからです。