UI・UXデザインアプリ内の画像をフォントで実装こんにちは。通常、アプリ開発には多くの画像が必要になってくるかと思いますが、今回はそれを少し楽?にする方法をお伝えします。タイトルにもありますが、画像をフォントで実装するというものです。(便宜上通常フォントで表示できる記号にしていますが、実際はオリジナルの画像が入ります)になるイメージです。実はブレイブソフトにはこの方法で開発したアプリがあります。500万ダウンロードを突破し、今や若者の半数が知っている(弊社調べ)アプリ「ボケて」です。投稿時間の左の時計アイコン総評価数の左の星アイコンコメントアイコンシェアアイコンは全てフォントでできています。フォントで画像を実装するとどのようなメリットがあるのでしょうか。そのメリットについては下記が挙げられます。iOSとAndroidで共通の素材(フォントファイル)を使える単色の画像であれば色を手軽に変更できる実装時にフォントファイルを組み込めばよく、画像を一つ一つ組み込む必要がない画像の大きさを文字サイズで指定できるので、コミュニケーションロスの危険性が少ないもちろんデメリットもあります。UIImageに変換』という手順を踏む必要があります。iOS版のボケてでも、タブについては別途UIImageを使っています。実際に開発を行う際には、下記に示すような画像のフォント用のラベルクラスを作っておくと、非常に使いやすくなります。self.font.pointSize)}}この方法を知らない人が意外と多かったので、今回記事にしてみました。