shoutem旧バージョン サポートセンター

ホーム画面用アイコンの作成方法

ShoutEmでは、直ぐにお使いいただけるアイコンを用意していますが、ご自分で購入、またはデザインしてアプリに追加する事が出来ます。

様々なアイコン販売サイトがありますが、特にお勧めは以下です

iStockPhoto
IconShock

これらサイトは、ベクタ形式でアイコンが提供されます。(もしモノクロであった場合は)お好きなカラーに変更してから110x110ピクセルPNG形式で保存すると良いでしょう。

アプリにアイコンを追加する

アプリビルダーの携帯デザイン機能でカスタマイズしたアイコンを加えていきます。左メニューのいずれかのアイコンにマウスオーバーさせてから、小さい歯車マークをクリックして下さい

歯車マークをクリックすると、編集画面が開くので、ここでアイコンに名前を入れる、アイコン自体を変更する、またはセパレータで変換などを行います。

アイコンの変更は、まず現況のアイコン画像をクリックします。

shoutem保有のアイコンから選ぶ場合、「Flat」という第一タブから選択して下さい。ご自分のアイコンをアップロードする場合は、第二タブの「マイアイコン」をクリックして下さい。

マイアイコンには、ご自分がアップロードしたアイコンが表示されますので、アップロードしたい際はこちらをクリックして下さい。作成中のメニューに使用したい時に取り出す事が出来ます。
アイコンを選択した際、もう一度アイコンと名前を確認出来ます。変更したら、保存ボタンを押しましょう。
変更後はすぐに、アプリビルダーのプレビュー画面内で新しいアイコンが表示されます。