スマートフォン用アイコンを作りました。

こんにちは、XI（サイ）といいます。久しぶりのnote投稿になります。
今回はスマートフォン向けにカスタマイズ用アイコンを制作したので、その紹介とiOSでの設定方法について書いていきたいと思います。

Smart Flat Icon

今回制作したアイコンの名称は「Smart Flat Icon」としました。名前通りスマートフォン向けのフラットデザインのアイコンです。BOOTHで販売をしています。

Smart Flat Icon for iOS14

Smart Flat Icon for Android

動画での解説はこちら

iPhoneはiOS14になってからアイコンの変更をできるようになり、iOS14.3からその設定が簡単になりました。前々からiPhoneを自分らしくカスタマイズしたいとは思っていて、いつか作ろうかなとぼんやり考えていたことを今回実行に移し、構想から始まり約一ヶ月で販売までたどり着きました。
ここまで時間等をかけたデザインの制作は初めてで色々大変でしたが、挑戦してみてよかったと思います。これで数人ほど購入して頂けたら御の字。

カラーは５色。Androidは２パターンの形状

当初は２色で制作を始めていましたが、最終的には５色。
Android用は考えていませんでしたが、より多くの人に使ってもらいたいということで２つの形状を制作しました。
カラーはDark、White、Bright、Cookie、Latteの５色

iPhoneは自動で形を変えてくれるので、画像自体は正方形になっています。

Android用にはサークルとラウンドタイプの２種類を用意しました。

アイコンの設定方法(iOS14)

ここからは自分がiPhoneを使っているのでiOS14での設定方法を紹介していきます。

１. zipデータをダウンロード後、「ファイルに保存」を選択し「ファイル」アプリを開きます。
２. ダウンロードしたzipデータをタップし、ファイルを解凍します。

３. 解凍されたフォルダが作成されたのを確認できたら「ファイル」アプリを閉じてください。
４.「ショートカット」アプリを起動し、右上の＋マークを押して新規ショートカットを作成します。

５.「アクションを追加」をタップします。
６. 検索欄に「appを(開く)」と入力し「Appを開く」をタップ。もしくは、「スクリプティ」→「Appを開く」を選択します。

７.「選択を開く」の「選択」部分をタップし、設定したいアプリを選択します。
８. 設定を終えたら、右上の「…」ボタンをタップします。

９. Siriで起動する時のショートカット名を入力します。
１０.「ホーム画面に追加」を選択します。

１１. ホーム画面の名前とアイコンを編集します。ホーム画面での名前を入力します。
１２. 左のアイコンをタップします。

１３.「ファイルを選択」をタップします。
１４. 解凍したフォルダ内からアイコンにしたい画像を設定します。別のフォルダが表示されている場合、名前を検索すると検索結果に表示されます。

１５. アイコンを選択後、右上の追加を押すとホーム画面にショートカットが追加されて作業は完了です。

１６. 上記の繰り返しか、作成したショートカットを長押し→複製→複製したものを編集して、アイコンを設定していきます。

アイコンを統一させると見た目が良くなりますが、人によってはデメリットと感じることもあります。

１つ目は、ショートカットで作ったアイコンをタップするとショートカット起動時に毎回、画面上部通知が出ることです。
慣れはあると思いますが、これが邪魔かなと感じることもあると思います。

２つ目に通知バッチが無くなるので、ひと目でそのアプリに通知が来ているのが分からないということです。
逆に言うと通知を溜め過ぎたけど、通知バッチ事態をオフにしたくはない・隠したいというアプリをショートカットにするのも有りかなと思います。

終わりに

このアイコンセットは今後、新しいものを随時追加していきます。一度購入していただいた方は無料でアップデートできるように対応する予定です。
設定した画面を専用ハッシュタグ「 #room404icon 」を付けてシェアしていただけると製作者が喜びます。
新しいアイコン、新色、新しいパターン等、更新のお知らせはyoutube、twitterなどでするつもりなのでどれかをチェックして頂けたらと思います。

このアイコンが気になる方は是非、BOOTHのページを覗いて頂けたらと思います。ここまで読んでいただきありがとうございました。