おしゃれなホーム画面を作れるiPhoneアプリ・やり方まとめ

Yusuke Sakakura

おしゃれなホーム画面を作れるiPhoneアプリ・やり方まとめ

iOS 14で「ウィジェット」機能が大幅に進化したことでホーム画面をおしゃれにカスタマイズするのがトレンドになっています。

「ウィジェット」はアプリを起動せずにホーム画面で色々な情報を確認できるというもの。例えば天気や気温、雨雲レーダー、カレンダーに登録している予定、スマホ決済の残高などをすぐに確認できます。

この記事ではウィジェットの作り方はもちろん、壁紙やアプリのアイコンの探し方を含めておしゃれなホーム画面の作り方を紹介します。

目次

おしゃれなウィジェットの作り方

時計/日付ウィジェットを作る

iOS標準の時計ウィジェットも用意されていますがデザインを変えることはできません。ホーム画面に合わせた時計/日付ウィジェットを置きたいのであれば人気アプリの「Widgetsmith」で作りましょう。以下のようなウィジェットを作成できます。

Widgetsmithで作ったウィジェット(枠線内)

Widgetsmithで作る
  • 1. AppStoreから「Widgetsmith」をダウンロードする
  • 2. アプリを起動する
  • 3. ウィジェットを追加する
    • 小サイズのウィジェットは「Add Small Widget」をタップ
    • 中サイズのウィジェットは「Add Medium Widget」をタップ
    • 大サイズのウィジェットは「Add Large Widget」をタップ
  • 4. 追加されたウィジェットを選択
  • 5. 「Default Widget」をタップ

Widgetsmithで作る

デザインを変更する
  • 6. 時計ウィジェットは“TIME”、日付ウィジェットは“DATE”の中から好みのデザインを選択する
    • 時計ウィジェットの「Clock」を選択した場合は「Clock Style」で短針・秒針のみ、インデックス付き(時刻表示なし)など細かいデザインが選べます
  • 7. 「Aesthetic / Theme」をタップして好みのテーマを選択
  • 8. 細かくカスタマイズしたい場合は「Customize Theme」をタップ
  • 9. 好みに応じてカスタマイズする
    • Font・・・文字の種類を変更
    • Tint Color・・・文字色を変更
    • Background Color・・・背景色を変更
    • Border Color・・・ウィジェットに枠線を付ける
    • Artwork・・・アートワークを変更(有料会員のみ)
  • 10. デザインの変更が完了したら右上の「Save」をタップ

デザインを変える

デザインの変更を保存する
  • 11. カスタムした内容をテーマ全体に反映させるか、編集中のウィジェットのみに反映させるか選択する
    • 11-1. 「Apply to This Widget Only」を選ぶと編集中のウィジェットのみ変更
    • 11-2. 「Update Theme Everywhere」を選ぶとテーマ全体に変更を反映
  • 12. デザインの変更が完了したら左上の戻るボタンをタップ
  • 13. 画面上部をタップしてウィジェットに名前を付ける
  • 14. 画面右上の「Save」をタップして完了
    • デザインを変更したときは必ずこの画面で「Save」をタップする必要があります

デザインの変更を保存する

ウィジェットを追加する
  • 15. ホーム画面の空いているスペースを長タップする
  • 16. 画面左上の「+」をタップ
  • 17. Widgetsmithを選択
  • 18. 作成したウィジェットのサイズを選択
  • 19. 「ウィジェットを追加」をタップ

ウィジェットを追加する

ウィジェットを追加する
  • 20. 追加したウィジェットをタップ
  • 21. 「Widget」をタップ
  • 22. 作成したウィジェットを選択
  • 23. ウィジェットを好きな場所に動かして完了

ウィジェットを追加する

カレンダーウィジェットを作る

カレンダーアプリは数多くありますがウィジェットに対応していないアプリが多く、現時点でデザインまで変更できるものはほとんどありません。

自分好みにデザインをカスタムしたウィジェットを使いたい場合は人気アプリの「Widgetsmith」を使いましょう。以下のようなカレンダーウィジェットが作れます。

Widgetsmithで作ったウィジェット(枠線内)

Widgetsmithで作る
  • 1. AppStoreから「Widgetsmith」をダウンロードする
  • 2. アプリを起動する
  • 3. ウィジェットを追加する
    • 小サイズのウィジェットは「Add Small Widget」をタップ
    • 中サイズのウィジェットは「Add Medium Widget」をタップ
    • 大サイズのウィジェットは「Add Large Widget」をタップ
  • 4. 追加されたウィジェットを選択
  • 5. 「Default Widget」をタップ

Widgetsmithで作る

デザインを変える
  • 6. カレンダーを選択する
    • シンプルなカレンダーは“DATE”にある「Month」を選択
    • ウィジェットで直近の予定を表示したい場合は“CALENDAR”にある「Upcoming Events」を選択する
  • 7. 「Aesthetic / Theme」をタップして好みのテーマを選択
  • 8. 細かくカスタマイズしたい場合は「Customize Theme」をタップ
  • 9. 好みに応じてカスタマイズする
    • Font・・・文字の種類を変更
    • Tint Color・・・文字の色を変更
    • Background Color・・・背景色を変更
    • Border Color・・・ウィジェットに枠線を付ける
  • 10. デザインの変更が完了したら右上の「Save」をタップ

Widgetsmithで作ったウィジェット(枠線内)

デザインの変更を保存する
  • 11. カスタムした内容をテーマ全体に反映させるか、編集中のウィジェットのみに反映させるか選択する
    • 11-1. 「Apply to This Widget Only」を選ぶと編集中のウィジェットのみ変更
    • 11-2. 「Update Theme Everywhere」を選ぶとテーマ全体に変更を反映
  • 12. デザインの変更が完了したら左上の戻るボタンをタップ
  • 13. 画面上部をタップしてウィジェットに名前を付ける
  • 14. 画面右上の「Save」をタップして完了

デザインの変更を保存する

ウィジェットを追加する
  • 15. ホーム画面の空いているスペースを長タップする
  • 16. 画面左上の「+」をタップ
  • 17. Widgetsmithを選択
  • 18. 作成したウィジェットのサイズを選択
  • 19. 「ウィジェットを追加」をタップ

ウィジェットを追加する

ウィジェットを追加する
  • 20. 追加したウィジェットをタップ
  • 21. 「Widget」をタップ
  • 22. 作成したウィジェットを選択
  • 23. ウィジェットを好きな場所に動かして完了

ウィジェットを追加する

写真ウィジェットを作る

写真ウィジェットは「Widgetsmith」でも作れますが、複数の写真を表示するには写真アプリでアルバムを作る必要があります。メリットでもありますが操作が複雑。個人的におすすめしたいのはアプリ内でアルバムも作れて写真のトリミングも可能。さらに操作もカンタンな「Photo Album」です。

以下のような写真ウィジェットが作れます。

ウィジェットを追加する

Photo Albumをダウンロード
  • 1. Photo Albumをダウンロードする
  • 2. アプリを起動して「+アルバムを追加」をタップ
  • 3. 画面左上のアルバム名をタップする
  • 4. アルバム名を入力してキーボードの「完了」をタップ
    • 後の手順でアルバム名を写真の上に表示することも可能です

Photo Widgetsをダウンロードする

画像を追加する
  • 5. 「+画像を追加」をタップ
  • 6. ウィジェットに表示したい写真を選択して画面右上の「追加」をタップ
  • 7. 画像を編集しない場合は画面右上の「保存」をタップ

画像を追加する

画像を編集する
  • 8. ウィジェットに画像の一部だけを表示したい場合は写真を編集しましょう
  • 9. 画像を選択後、画面下に表示される「編集」をタップします
  • 10. 画像をトリミングして画面右下の「完了」をタップ
  • 11. 完了後、画面右上の「保存」をタップ

写真を追加する

ウィジェットを追加する
  • 12. ホーム画面を長押しする
  • 13. 画面左上の「+」をタップする
  • 14. 「Photo Albumを選択する」
  • 15. サイズを選んで「ウィジェットを追加」をタップ

ウィジェットを追加する

アルバムを選択
  • 15. 追加した「Photo Album」をタップ
  • 16. 「アルバム選択」に進む
  • 17. Photo Albumのアプリ内で作成したアルバムを選択する

写真リストを選択する

写真の切り替え時間を変更する
  • 20. 一度追加したウィジェットを編集する場合
    • 20-1. 追加した「Photo Album」を超押しする
    • 20-2. 「ウィジェットを編集」に進む
  • 21. 「画像変更周期」に進む
    • 21-1. 1分/3分/5分/10分/30分/60分/3時間/6時間/12時間/24時間から選択する

ウィジェットをカスタマイズする

写真の上にテキストを表示する
  • 23. 一度追加したウィジェットを編集する場合
    • 23-1. 追加した「Photo Album」を超押しする
    • 23-2. 「ウィジェットを編集」に進む
  • 24. 画像の上にアルバム名を表示する
    • 24-1. 「アルバム名を表示」のスイッチをオンにする
  • 25. アルバム名の表示位置を変更する
    • 25-1. 「縦整列」を上揃え/中央揃え/下揃え、「横整列」を左揃え/中央揃え/右揃えから選択する
  • 26. アルバム名のテキストサイズを変更する
    • 26-1. 「テキストサイズ」に進む
    • 26-2. とても小さく/小さく/中間/大きく/とても大きくから選択する
  • 27. アルバム名のテキストカラーを変更する
    • 27-1. 「テキストカラー」に進む
    • 27-2. 好みのカラーを選択する
  • 28. ウィジェットに表示される画像の明るさを変更する
    • 28-1. 「画像の明るさ」に進む
    • 28-2. 基本画像/-10%/-20%/-30%から選択する
    • 画像の明るさをマイナスにすると画像がやや暗く表示されて画像の上に表示されるアルバム名を目立たせることができます

画像を暗くして写真の上にアルバム名を表示する

ウィジェットはどこに置けば良いの?

ウィジェットをどのように並べていいのかわからない人も多いはず。ウィジェットをどのように並べるとおしゃれになるか、便利になるのかを解説します。

ウィジェットとアプリを横に並べる

関連するウィジェットをアプリを横に並べる

関連するウィジェットとアプリを横に並べるとページごとのテーマが決まりやすくなります。小サイズのウィジェットとアプリを最大4つ、最少1つ並べられます

ウィジェットで上下を区切る

ウィジェットで上下を区切る

中サイズのウィジェットは上下でホーム画面を区切るときにも便利に使えます。

例えば上のホーム画面では上にスマホ決済アプリを8つ並べてその下にPayPayのウィジェットを配置。さらにその下にポイントアプリを並べることでレジ前で迷うことの少ないホーム画面を作っています。

指の届きにくい場所にウィジェット、届きやすい場所にアプリを

ウィジェットは指が届きにくい場所に置く

基本的にウィジェットは指が届きにくい場所に置くことをオススメします。指が届きにくい場所は持ち手と反対側や画面の上部です。

おしゃれな壁紙を探す

おしゃれなホーム画面の壁紙を探すときはPinterest(ピンタレスト)や壁紙アプリ「aesthetic wallpapers」がオススメです。「wallpaper aesthetic green iphone 11」などで検索すると大量にヒットします。以下の手順に従ってダウンロードしてください。

操作手順
  • 1. Pinterestを起動する
  • 2. 検索タブを選択
  • 3. 「wallpaper aesthetic green iphone 11」などで検索する
  • 4. 保存したい壁紙をタップする
  • 5. 画面右側に表示される「…」をタップ
  • 6. 「画像をダウンロード」を選択

壁紙を保存する

操作手順
  • 7. 写真アプリで保存した壁紙を表示する
  • 8. 左下のアイコンをタップ
  • 9. 「壁紙に設定」を選択
  • 10. 「設定」をタップ
  • 11. 「ホーム画面に設定」または「両方に設定」を選択して完了

写真アプリから保存した壁紙を選択する

写真アプリから保存した壁紙を選択する

壁紙を変更する

壁紙を変更する

おしゃれなアプリのアイコンを探す

おしゃれなアプリのアイコンを探すときはPinterest(ピンタレスト)や「Icons8」がオススメです。以下の手順に従ってダウンロードしてください。

ピンタレストで探す
  • 1. Pinterestを起動する
  • 2. 検索タブを選択
  • 3. 「App icon」や「App icon aesthetic」、「safari App icon」などで検索する
  • 4. 保存したいアイコンをタップする
  • 5. 画面右側に表示される「…」をタップ
  • 6. 「画像をダウンロード」を選択

アイコンをダウンロードする

Icons8で探す
  • 1. Icons8にアクセスする
  • 2. 「カメラ」などアプリ名で検索する
  • 3. 保存したいアイコンを見つけたら長タップする
  • 4. 「写真に追加」を選択

アイコンをダウンロードする

アイコンを変更する

アプリのアイコンを変更する

ショートカットアプリを利用することでアプリのアイコンを変更することができます。なお、この方法では赤い丸の通知バッジが機能しないので注意が必要です。詳しい手順については以下の記事で詳しく解説しています。

関連記事

コメント

コメント利用規約

過激な表現を用いたコメントは修正後に投稿するか削除します

攻撃的な表現を含む場合はIPアドレスを明記して公開します

コメントを残す

(任意)

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

Latest新着記事

Apple Watch

2021/05/08
新着記事
Apple Watchに血糖値測定アプリ入れてる?Appleが調査。次期モデルに搭載の噂

Googleニュース

2021/05/07
Google、まもなく2段階認証の自動有効化を開始

Twitter

2021/05/07
Twitter、投げ銭機能「Tip Jar」を発表。お気に入りのアカウントに送金可能に

AirTag

2021/05/06
AirTagのストーカー対策による警告音は小さく15秒・一定間隔と判明
Recommendこんな記事も読まれています