Quantcast
Jump to content


How To Design Galaxy Themes App Icons


Recommended Posts

A key component of theme design is custom icons. These icons can launch apps like email, camera, and music, and are also used as weather app symbols and user-interface indicators throughout a theme.

Icons are a great way to show off your design skills, enhance your theme concept, and set your design apart from others. They can be sold as Icon Packs or as part of a Galaxy Theme on the Galaxy Store.

In this article, you’ll find some useful tips for both prospective Galaxy Theme designers and current designers on how to create custom theme icons.


Becoming a Samsung Theme Partner

Only those who have been accepted into a Samsung Theme Partnership can design and sell themes on the Galaxy Store. You can learn more about how to apply for a theme partnership by reading How to Submit a Galaxy Themes Portfolio. You can download the Theme Editor software and start customizing the icons in your theme design once you’re a part of the program.


Customization

When building a theme there are many opportunities to replace the default icons, buttons, and indicator symbols with customized graphics. However, only the icons in the Icon Pack have to be customized when you submit a theme for approval. The theme will be rejected if the default icons are not replaced with customized icons.

1.png

Non-Customizable Icons
Certain icons cannot be changed. These icons include third-party apps like YouTube and Facebook, or system apps like Smart Switch and Optical Reader. However, you can still add a custom background or frame to these icons by using the Icon Tray feature. Read below for more information on Icon Trays.

21.png


Icon Design Tips

  • Download Default Icons. If you would like to have example files of the default icons, download by right-clicking one of the icons in the UI preview window and selecting [Download]. To download all of the icons, right-click and select [Download All].
  • Size and Resolution. Icons within the Icon Pack must be 144 pixels square in size, with a screen resolution of 72ppi.
  • Color Mode. The document image color mode for icons must be either grayscale or RGB.
  • Adobe Illustrator. Use a vector-based program like Adobe Illustrator to easily edit or enlarge your icon artwork without losing quality.
  • Adobe Photoshop. If using a bitmap-based program like Adobe Photoshop, place vector artwork as smart object layers. This allows the artwork to be enlarged without losing quality.
  • Document size. As mobile device screens improve, the Themes Editor software may increase the required size for app icons. Start with a larger document size that can be easily reduced to 144 pixels. Example: A 576 pixel document can be reduced to 144 pixels when multiplying by 25%. Designing at a larger size ensures that you have master files that can be exported larger than 144 pixels in the future.
  • JPGs & PNGs. Even though icons can be imported into Theme Editor as JPGs or PNGs, I would suggest PNGs to allow for transparent backgrounds.
  • Color Palette. Icons are easy to read at a quick glance when fewer colors are used. Create a simplified, cohesive color palette with enough background contrast so that your icons can be seen.

3.jpg

Icon Tray

Use the Icon Tray feature to add a background or frame to your Icon Pack apps. The Icon Tray displays an additional image independent of the icon image within the app. This is helpful when adding a similar background, or to frame third-party and system app icons that cannot be customized.

  • To use the Icon Tray feature, click [Icon pack] in the sidebar and then [App icons]. Then, click anywhere in the UI Preview Window that is not within the dotted-lined rows of icons to display the Icon Tray builder window.
  • Select [All Apps] if you would like every app in the UI theme to have the same custom background.
  • Select [Unassigned Apps] to add a custom background to the app icons that cannot be customized. When choosing this option you must still replace the icons that can be customized.

41.png

Weather Widget Icons

The Weather widget consists of 27 icons, one for each weather condition. Even though it is not required to change these symbols, doing so is a great way to create a unique theme.

To access the Weather widget, click [Home screen] in the sidebar and then [Partly Sunny] in the default UI screen window. Take note that the size of the icons are 219 x 219 pixels.

51.png

Calendar App Icon

There are two options to customize the calendar app. The first is to upload a custom icon that symbolizes a calendar. The second option is to create a Live icon that shows the current date on top of a custom icon background.

1. To create a Live icon, click [Icon pack] in the left sidebar and then the [Calendar app icon row] in the default UI screen window.

61.png

2. Click the [default icon] to the right of the Calendar app to replace the app icon. Once replaced, the option to add a Live icon will appear.

71.png

3. Click [Live icon] to open the icon builder. In this window you can add a calendar background image, and set the font color for both the day of the week and day of the month. Both font colors must be changed from the default font colors. If not, the Save button will not be active.

If you do not want the day of the week to appear, set the font color opacity to 0% in the middle option of the three customizable sections.

If you would like the style of the standard calendar icon to match the style of the Live icon, place a checkmark next to [Set the current preview as a normal]. If not, an icon image must be uploaded for the normal calendar icon.

81.png


Free Icons For Free Themes

If you would like to offer a free theme and are looking for free icons, you can download different public icon packs by logging into your Samsung Account and visiting the Themes page. These free icons are only available to those who have been accepted as a Theme Partner.

Each icon set is a Photoshop file with embedded smart object icons. You can customize and save icons individually.

9.jpg


Uploading Icons

  1. Click the image button to the right of each icon to upload an individual icon.
  2. Click the “Add All” folder button in the upper right of the icons window to add a group. If using the “Add All” feature, file names must match the names the default icons.

Bad Design

The majority of Theme Partnership applications are rejected because:

  • Icons are not customized
  • Backgrounds make the icon too difficult to read
  • Symbols do not correlate to their specific app
  • Icons are poor quality

Below are examples of bad icons:

10.jpg


Final Design Thoughts

Your icon designs have the greatest impact on the look of your theme design and give it unique characteristics. True for all aspects of UI design, clean and simple is the approach you should take when designing app icons. They should be easy to read not only at first glance but also when distinguishing between other apps on the same UI screen.

Testing the readability of your apps at actual size is very important. It is highly suggested to either view your theme on a mobile phone or print out your theme at actual size. Stepping back and quickly glancing allows you to determine if your icons are designed well and that it’s easy to understand what they represent.

For tips on designing themes, be sure to read the blog Design Tips: Galaxy Themes. If you are not familiar with 9-patch images or the 9-patch editor, please read the blog Use The 9-Patch Editor To Create Responsive Galaxy Themes Components.

View the full blog at its source

Link to comment
Share on other sites



  • Replies 0
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
  • Similar Topics

    • By STF News
      Ultra-large TVs are taking the world by storm. The standard of ultra-large TVs, currently broadly understood as “larger than 75 inches,” continues to evolve with the growth in demand. Samsung Newsroom previously explored the main drivers of this trend, with a focus on the 2023 98-inch Neo QLED 8K. In this piece, we move on to discuss the intricate design process that helped showcase the behemoth of a screen in a sleek, elegant form factor as well as the details considered to push the immersive viewing (and listening) experience to the frontier.
       
      ▲ Video describing the 98-inch ultra-large TV design philosophy of Elimination
       
       
      Pursuing Simplicity with a Purpose 
      ▲ TV designer Jangho Kim described the 98-inch ultra-large TV design as “a process of focusing solely on the immersive experience and eliminating everything else”
       
      The essence of the TV experience is defined by both what you see and what you hear. Samsung Electronics has long focused on creating a “TV without a bezel” to provide a seamless experience that eliminates unnecessary distractions, Samsung adheres to the idea of “simple, yet meaningful.” A few years ago, this journey came to the point of minimizing the company logo in the front; this year, the 19.9 mm bezel-less design of the 98-inch Neo QLED pushed the envelope to represent the culmination of Samsung’s design philosophy.
       
      “We focus on the core activities of the TV experience — which is watching and listening to content — and deliver value by leaving only the beauty of simplicity,” said Jangho Kim, who helped design the TV.
       
       
      ‘Design’ Paving the Way for Even-Larger TVs
      As screens get larger, users have higher expectations for a new viewing experience. The current embodiment of Samsung’s TV design philosophy can be summarized as “One Plate Design,” to provide a perfectly immersive environment while eliminating potential concerns about the 98-inch size.
       
      “We created the ‘One Plate Design’ by adopting a basic, simple design language so that TVs don’t seem intrusive to space. Being completely flat, you can hang the TV flush against the wall,” said Kim. “The TV is physically slim, but with a purpose: it all adds up to provide a truly immersive experience.”
       
      ▲ With a minimalist approach, the “One Plate Design” (QN100B, in this case) gives the impression of a single plate floating in the air (left) with a simple, barely noticeable stand supporting it (right)
       
      The stand also heeds the minimalistic design philosophy, providing a sturdy foundation that does not obstruct the user’s view. Made up of two sheets of metal, the compact stand evokes a clean design while holding the ultra-wide screen steady — it doesn’t need to visually boast its 98-inch-screen-bearing prowess. “We made great efforts to find the optimal structure and ratio that can firmly balance a 98-inch TV without shaking or falling over,” said Kim. “The stand was developed with a simple but sleek and stylish design that can naturally blend in with the TV.”
       
      The creation of this new, innovative product is the result of many talented minds from different departments coming together. Kim expressed how the expertise of various engineers, including those from the circuit, mechanics and materials departments, helped tremendously in realizing the slim, sleek and simple design statement.
       
       
      Incredible Detail on a Larger Scale
      As the design language for TVs — like many other electronic devices — has become simpler, some jokingly say that there’s not much left to design. But Kim smiles and says, “that’s why the details become increasingly important.”
       
      For example, the 2023 98-inch Neo QLED’s Slim One Connect box was newly designed to blend in even more seamlessly to the users’ environment. The One Connect box helps users simplify their viewing field by allowing them to connect power and various input sources (e.g., cable box, gaming console, LAN cable) through a dedicated device. Compared to previous models, which required a separate space to place the device, the new Neo QLED 8K’s Slim One Connect box can be easily latched onto the back of the TV or on the stand. Regardless of where you place the TV — whether on a wall, a dedicated TV stand or another piece of furniture — you can enjoy your viewing experience without being distracted by unsightly cables, wires or external devices.
       
      ▲ The new Slim One Connect box seamlessly attaches to the stand of the QN900C; sophisticated speaker holes can also be seen on the side
       
      “We revamped the new Slim One Connect box to help users build a seamless TV environment in their homes,” Kim stated. “Ease of installment and minimal cable arrangements are also part of the TV experience. We took these aspects into consideration and really dug into the details in designing the new Slim One Connect box.”
       
      ▲ Speaker units in the back of a QN900C
       
      Details can also be found in the sound system. Speaker holes were strategically placed on the side with woofer units in the back for both performance and aesthetic pleasure. “We are doing our best to maintain the beauty of the product at every angle — that includes the back,” explains Kim. The large units help add visual credibility to the set’s sound performance while making the TV visually pleasing from all angles.
       
      These speaker positions, of course, have practical purposes, too. The various directions and spacing alignments of the units help better enable features such as Object Tracking Sound; the exposed woofers can bounce sound off the back walls and fill the room.
       
      ▲ Kim vows to continue the push to eliminate outdated ideas in pursuit of new values in his designs
       
      As it continues to capture the attention of users around the world, the 2023 98-inch Samsung Neo QLED 8K is redefining “immersion” with its sleek design, crisp graphics and superior sound quality. Up front, all but the screen is basically eliminated. Details in the sides and back elegantly fill the rest of the immersive experience. A constant process of eliminating, innovating and refining, Samsung TV designs continue to thrive for an even more immersive viewing (and listening) experience.
      View the full article
    • By BGR
      Samsung will host the first Galaxy Unpacked event of 2023 on February 1st, and that’s when we expect the Galaxy S23 series to make its debut. Of course, the new phone has already appeared online in the form of countless leaks, including an especially elaborate leak on Thursday featuring official marketing images from Samsung showcasing the Galaxy S23.
      The leak from WinFuture’s Roland Quandt confirms virtually everything that we thought we knew about the Galaxy S23’s design. These images are purported official shots from Samsung — they aren’t mockups or renders from an artist with an inside source.
      For now, WinFuture only has images of the base model Galaxy S23, not the Galaxy S23 Plus or Galaxy S23 Ultra. Those images reveal a device that looks strikingly similar to a Galaxy S22, with one significant change. Samsung has ditched the camera hump altogether after cycling through a few styles in recent years. Now, the camera lenses protrude directly out of the rear panel of every S23 model, as they did on the Galaxy S22 Ultra last year.
      The leak also spoils the four color options of the Galaxy S23: Mystic Lilac, Cotton Flower, Botanic Green, and Phantom Black. Based on Samsung’s previous launches, we expect to see additional colors for the S23 Ultra and potentially even more down the line.
      Color options for the base Galaxy S23 model. Image source: WinFuture Providing these are official marketing shots, they confirm the selfie camera will once again be positioned directly in the center of the display. The phone will be encased by a metal frame with a glass cover. The front and back of the phone are also completely flat.
      WinFuture didn’t reveal any new details about the phone’s specifications, but we expect the Galaxy S23 to feature Qualcomm’s Snapdragon 8 Gen 2 processor, a 6.1-inch Full HD display, 8GB of RAM, 256GB of internal storage, a 3900 mAh battery, and Android 13.
      Samsung will formally unveil the Galaxy S23 on February 1st at 10 a.m. PT / 1 p.m. ET.
      The post Leaked Galaxy S23 images reveal new colors and new camera design appeared first on BGR.
      View the full article





×
×
  • Create New...