How to Create an Aesthetic Home Screen in iOS 14 with Custom App Icons and Photo Widgets

We may receive a commission for purchases made through the links on our site. This helps us keep everything up and running.
How to Create an Aesthetic Home Screen in iOS 14 with Custom App Icons and Photo Widgets

The iPhone you have will be different again!

Since when the iOS 14 update began rolling out, aesthetic home screens are the latest trend among iPhone users. Home screens are being created using photo widgets as well as custom icons for apps within iOS 14 in such a carefully controlled manner that the entire display seems to be a representation of a particular design.

We’ll go over the entire process of making a beautiful display for your home in this article. We’ll specifically create an Neon visually appealing screen, complete with widgets that are related and app icons.

Before we begin to get ideas we suggest you give yourself a peek at the visually appealing screens others have made in the iOS 14 aesthetic ideas page.

Clean your screen at home

Before we begin it is important to clear the iPhone display. You can do this by removing the current page that are displayed on the device. You’ll be able to access your apps via your App Library in your iPhone.

Hide all Home Screen Pages

To block the homescreen pages of your iPhone, tap and hold any empty area on your home screen , and you will enter the Jiggly mode. After that, tap the dots on lower left of your screen.

Then, remove all of the pages on your home screen and just keep one page.

Click ‘Done’ in the upper-right corner, or get to the home screen by swipe upwards from the bottom and hitting the Touch ID button to save your modifications.

Remove All App Icons to Get a Clean Home Screen

Then, clear the home screen you’ve got by removing all icons for apps off it (widgets also should be removed, if they exist). Hold and tap on each app until the screen appears to be in a jiggly fashion. After that, tap the ‘+ minus’ icon at the left-hand side of each icon of the app.

In the pop-up that appears, click on the “Move to App Library alternative to “Delete”. This will take the icon of the app off your desktop, but will not delete it. The app will remain accessible via the “App Library’.

Remove all icons from your apps to create a clean home screen that has no app icons that aren’t those on the dock.

Create a wallpaper that meets your aesthetic requirements

When we have a clear screen, we need to choose an aesthetic wallpaper for the design you’re trying to create. Because we’re building an aesthetic home screen that is neon We’ll select the wallpaper that matches the neon-inspired aesthetics. Most likely, any dark-themed wallpaper (like the one below) can be used.

Create Custom App Icons

It’s the single most crucial aspect. Making custom icons for apps that match the aesthetic of your home screen can be difficult, however it’s much easier than you think.

In order to begin, we’ll must download and save a lot of beautiful images which we can make custom icons for applications. The style we’re going to use in this tutorial is neon therefore we’ll use some neon images to reflect the style.

Below are a few neon icons we discovered in the Icons8. We designed 512×512 pixel icons and then put the background black so that they look appealing to be being used as icons. You are free to use them on your own screens that are beautiful.

After you’ve saved the images you’d like to use as icons for apps to your iPhone. It is now possible to create shortcut icons to each application that you wish to personalize.

To make custom icons for apps, we’ll be using the shortcuts app. Open the shortcuts application on your iPhone by accessing your App Library.

Click on the button ‘New Shortcut’ (plus icon) in the upper right-hand corner on the right side of your screen.

Tap the Add Action button to create a new shortcut.

Find the ‘Open app’ option and then click on the action that has the bright boxes as the icon , and choose it.

Then, click on the ‘Choose’ button.

The list of all apps available on your phone will be displayed. Choose the app that you wish to alter the icon. After that, tap the icon ‘More’ (three dots).

Enter the name of the Shortcut. It isn’t what you will see as the name of the application in your main screen.

Tap on the “Add the Home Screen’ option. Home Screen’ option.

The next page, click in the box beneath the Home Screen Name and Image’ tab and type in the name of the app to create the icon. If you’d like to alter the name of the app you are free to choose any name you like for the application. For example, instead of “Instagram You could choose the word ‘Insta’..

Tips: You can even make use of the Font keyboard when entering the app’s name to personalize the icon of your app with an individual font.

Select a custom image for the icon. Click on the thumbnail of the icon and then select the ‘Choose Photo to choose a photo’ from the options available.

Choose the right image you’d like to use in the application to match your screen’s aesthetic. We’ll make use of the Instagram neon image which we saved to the iPhone following the above steps.

Make sure you resize and place the image in the frame to make it appear more appealing as an icon for your app. After you have adjusted the thumbnail of your picture then tap on “Choose”.

The new icon for your app is now ready. It’s possible to view its final design (with round edges) in the preview section. If you’re satisfied with the design click the ‘Add option’ in the upper right-hand corner of the screen, and it’ll appear on the home Screen.

Tap ‘Done” in the upper-right corner of your screen. Save the shortcut.

Visit the iPhone home screen to see the icon of the app in motion. It can be rearranged just as any other app.

If you feel it is satisfying you’re satisfied, follow the steps above to design icons for each app to display on your screen.

Add Photo Widget(s)

The second crucial aspect of making a beautiful screen is the widget for photos. It is a widget that can display an image of a particular type. It is not the default ‘Photos’ widget Apple included with iOS 14.

To accomplish this you can make use of the basic Photo Widget application as well as the sophisticated Widgetsmith application. In this article we’ll use Widgetsmith. Photo Widget app, but we also have a separate tutorial to add a photo widget by using Widgetsmith also (if you’d like to try the app).

Install and download and install the Photo Widget application via the App Store and then open the app on your iPhone.

In the app ‘Photo widget Tap the ‘+ plus icon and then select the image you wish to include on the home screen.


You can upload up to 30 images in the Photo Widget application and let it automatically rotate the photos within the time frame of a predetermined.

Close the app once you have added the image you wish to be displayed within the widget. On the iPhone home screen, tap and hold the blank space till the widgets and icons (if there are any) begin to move. Click the ‘+ plus icon in the upper-left edge of your screen.

A widget selection screen should appear. You can either look up ‘Photo Widget’ in the bar ‘Search Widgets’ or scroll down until you find the option ‘Photo Widget.

Based on the size of the widget you’d like to include to your home screen’s aesthetic choose the Small, Medium, or Large widget options and it will be added to the home screen.

Rearrange the Custom App Icons and Photo Widgets

To achieve the most appealing appearance, rearrange your custom app icons and widgets to ensure that they best complements your wallpaper.

After we had completed the above customizations We then set up our system according to the following method.

If you’d like to create multiple photos to your widgets (like the one we used in the previous example) make use of the Widgetsmith application. There is a thorough tutorial on how to add an image widget by using Widgetsmith.

This is the simplest method of creating an attractive iPhone display for your homescreen. You can incorporate other awesome widgets like the Widgetsmith as well as the Color widgets provide to further enhance your design.

Related