Quantcast
Jump to content

How To Design Galaxy Themes App Icons


STF News
 Share

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...
 Share

  • Similar Topics

    • By BGR
      This has been a rather busy week for smartphone leaks and announcements alike. Not only did Google reveal the Pixel 6a and Pixel 7 on Wednesday, but we also saw leaked renders of the Galaxy Z Fold 4. Hours after he shared the Z Fold 4 leaks, Steve H. (@OnLeaks) returned with leaked renders of Samsung’s upcoming Galaxy Z Flip 4 as well.
      Don't Miss: Thursday’s deals: $6 Kasa smart plugs, Bowflex sale, $99 AirPods, rare AirTag deal, more Leaked renders of Samsung’s Galaxy Z Flip 4
      Hemmerstoffer teamed up with frequent collaborator 91mobiles to share the Galaxy Z Flip 4 renders on Wednesday. Unlike the upcoming Galaxy Z Fold 4, which seems to feature a few design changes, the new Z Flip 4 looks virtually identical to its predecessor.
      At a glance, you might not be able to tell the difference between these two phones. Like last year’s model, the Z Flip 4 will feature a 6.7-inch flexible display that folds in the center with a hole-punch cutout for the selfie camera. On the back, the small cover screen once again sits next to the dual-camera setup at the top of the device.
      Galaxy Z Flip 4 renders show the phone unfolded. Image source: OnLeaks/91mobiles At the bottom of the phone are a USB Type-C port, a microphone, a SIM tray, and a speaker grille. The power button sits on the right side (and doubles as the fingerprint sensor) along with the volume rocker. None of these features or design elements are different from what Samsung brought to the table with the Z Flip 3 last August.
      The design might be unchanged, but the phone will undoubtedly be more powerful than its predecessor. According to the leak, the Z Flip 4 will ship with Qualcomm’s more recent Snapdragon 888 Plus processor and a larger 3,700 mAh battery. Unfortunately, the two 12-megapixel rear cameras reportedly aren’t getting upgraded this year.
      If you want an even better look at Samsung’s new foldable phone, 91mobiles published the following video showing it off alongside the leaked renders this week:
      When is the Galaxy Z Flip 4 coming out?
      Typically, Samsung hosts at least two Galaxy Unpacked events a year. The first Galaxy Unpacked of 2022 was in January, when the company unveiled the Galaxy S22 lineup as well as the Galaxy Tab S8 tablets. If Samsung sticks to the same schedule that it has for the past few years, the second event should come in August. Samsung announced the Galaxy Z Fold 3, Z Flip 3, Watch 4, and Buds 2 last August. We expect a similar showing this August.
      More Galaxy coverage: For more Galaxy news, visit our Galaxy S22 guide.
      The post Galaxy Z Flip 4 leaked renders reveal a surprisingly familiar design appeared first on BGR.
      View the full article
    • By BGR
      The Galaxy Z Fold 4 is three months from release, which explains why the number of leaks is increasing. And why we already have renders showing the purported Galaxy Z Fold 4 design. The new phone might resemble the previous version, but it won’t be identical to the Fold 3. That’s what several design leaks have told us so far, and the renders put that in perspective.
      Even more interesting is a different design leak that indicates the Galaxy Z Fold 4 will be a lot lighter than its predecessor. Not only that, but it will be lighter than the iPhone 13 Pro Max, which has a traditional form factor.
      Don't Miss: Wednesday’s deals: alli weight loss diet pills, rare Nintendo Switch deal, Ninja blenders, more One problem with foldable phones is that they’re thicker and heavier than traditional models. These are understandable drawbacks. A device like the Galaxy Fold becomes a small tablet when unfolded. That explains both the extra weight and the increased thickness when the handset is folded.
      Reports so far have claimed that Samsung will employ a new hinge design that helps reduce the phone’s weight. Separately, Galaxy Z Fold 4 design leaks said the new foldable will have different proportions. It’ll be shorter and wider, so that the external display is easier to use.
      The Galaxy Z Fold 4 weight
      Well-known insider Ice Universe has provided most of the Galaxy Z Fold 4 design details so far, and he’s back with new tidbits.
      He said on Twitter that the Galaxy Z Fold 4 will be lighter than the iPhone 13 Pro Max when it’s in a case. That’s Apple’s best and largest iPhone so far, a device weighing 240 grams without a protective case.
      In a separate tweet, the same leaker said the Galaxy Z Fold 4 will weigh less than 260 grams, without offering an exact figure. The weight detail implies that Samsung has altered the Fold 3 design to make the Fold 4 lighter.
      Last year’s Fold model weighs 271 grams, which is pretty heavy for a smartphone. But, again, the nature of foldable designs forces such compromises right now.
      Galaxy Z Fold 4 design render: Foldable screen (top), cover screen and camera details (bottom). Image source: @OnLeaks and Smartprix New design renders
      Ice isn’t the only leaker out there detailing Samsung’s Galaxy Z Fold 4 design. OnLeaks and Smartprix partnered to release the first Galaxy Z Fold 4 renders (above and below).
      Again, the Fold 4 will apparently resemble its predecessor. It’ll feature a large 7.6-inch foldable display and a 6.2-inch cover screen on the exterior. The inner display will have an under-panel camera, while the external screen will have a hole-punch camera.
      Galaxy Z Fold 4 design render: Cover screen and rear camera. Image source: @OnLeaks and Smartprix The renders seem to confirm previous claims that Samsung changed the handset’s dimensions. We’re looking at 155 x 130 x 7.1 mm when unfolded. The Galaxy Z Fold 3’s unfolded size is 158.2 x 128.1 x 6.4 mm. Therefore, the Galaxy Z Fold 4 will be shorter and wider if these design details are accurate.
      Finally, the renders suggest that the rear camera system will get a design change on the Galaxy Z Fold 4. We’re looking at three camera protrusions on the back rather than a single module. The new camera design resembles the Galaxy S22 Ultra.
      That said, these are just rumors. No matter how accurate Samsung leaks tend to be, we’ll have to wait until August for Samsung to confirm everything.
      The post Galaxy Z Fold 4 design leak reveals something we never expected appeared first on BGR.
      View the full article
    • By BGR
      With summer on the way, we’re getting closer to the launch of Samsung’s next wave of foldable devices. The Galaxy Z Fold 4 and Flip 4 should be unveiled in August, during a launch window that once belonged to the Galaxy Note. The Galaxy S22 Ultra delivered the final nail in the Note’s coffin, and Samsung has since confirmed that the Note series is dead. As a result, the Galaxy Z Fold 4 and Flip 4 are the only new Samsung flagships that we’ll see this summer. And now we have another series of leaks that details the significant display design changes coming to the Galaxy Z Fold 4.

      Don't Miss: Monday’s deals: $4 smart plugs, $20 waterproof speaker, $99 smart TV, $179 Roomba, more
      A Samsung insider with an accurate track record revealing Galaxy secrets said a few weeks ago that the Galaxy Z Fold 4 wouldn’t just recycle last year’s display design.
      The Fold 3 is Samsung’s best Fold version to date when it comes to durability. But it’s not a perfect foldable phone. The Fold 3 is thicker and heavier than traditional handsets. More annoying is the external display, which continues to feature an aspect ratio that’s not friendly to one-handed use. The cover screen is too tall and not wide enough.
      That’s where the Galaxy Z Fold 4 is improving, according to Ice Universe. The leaker said a few weeks ago that the handset’s cover screen will be wider than before. Also, the display will not be as tall as that of the Fold 3. These changes should make the new handset easier to use.
      Galaxy Z Fold 3 smartphone. Image source: Amazon / Samsung The new Galaxy Z Fold 4 display design leak
      The same leaker has returned with more details about the Galaxy Z Fold 4’s display design. This time, he shared screen ratios for the phone’s displays which support previous rumors. The Galaxy Z Fold 4 foldable display will have a 6:5 aspect ratio compared to 5:4 for the Fold 3. The cover screen will have a 23:9 ratio, compared to 24.5:9 for the Fold 3.
      The leaker provided visuals that make it easier to understand these design changes:

      As you can see in the renders above, the overall screen real estate will not change for the foldable screen. The display will be slightly wider and just a touch shorter than before. Therefore, the diagonal size should be similar.
      More interesting are the renders showcasing the purported Galaxy Z Fold 4 cover display design, seen below:

      Like the foldable screen, the external display is slightly wider and shorter. We’re only looking at a few extra millimeters that make the phone a bit wider. Is that enough to improve the experience with the folded screen? We’ll have to wait for the Galaxy Z Fold 4 to hit stores to see that.
      In a separate tweet, the leaker also listed the battery capacities for the two 2022 Samsung foldables. We’re looking at a 4,400 mAh battery pack for the Galaxy Z Fold 4 and a 3,700 mAh battery for the Flip 4. If the figures are accurate, only the Flip is getting a battery size upgrade, while the Fold 4 will only match its predecessor’s battery size.
      The post Galaxy Z Fold 4’s big display design change leaked again appeared first on BGR.
      View the full article
    • By STF News
      People today are expressing themselves more freely, showcasing their own individuality through their own unique identities. The Freestyle, Samsung Electronics’ all-new portable screen and entertainment device, has been designed to match the versatility embodied by today’s users by allowing them to express their diverse tastes and interests with flexibility.
       

       
       
      From Every Angle
      These days, nomadic working is a lifestyle that is being embraced by people all over the world who are taking advantage of the ability to work more freely, anytime and anywhere they want. Even if our working habits err on the side of ‘flexible’ instead of ‘nomadic’, we all share that desire to have ownership over our lifestyles and lean towards products that help us overcome physical constraints and traditional methods of living, working or doing.
       
      The Freestyle, which is highly portable, does not require any type of fastening and can be adjusted to be used at any angle, is one such product, as users can enjoy the best screen quality anywhere and in any way they desire. “We worked on creating a form that can accommodate all kinds of usage and placement styles,” explained Chulyong Cho, one of The Freestyle’s designers.
       
      Unlike conventional, boxy projectors, The Freestyle’s versatile cradle allows rotation of up to 180 degrees, enabling users to show high-quality video anywhere – tables, floors, walls or even ceilings – no separate screen required.
       

       
      The Freestyle also features an auto keystone function that displays a 16:9-ratio screen anywhere without distortion. The projector automatically focuses to ensure a clear screen, and retains its level to prevent any inconveniences in viewing. This function helps users display the screen from all kinds of different positions from floors to walls to ceilings.
       
       
      Me, Myself, and I
      In an era where the diversity of our personalities reflects who we truly are, people are rejecting the idea of being limited to one identity. The Freestyle similarly contains such multitudes, exceeding the identity of being a simple device as it can be transformed into a subtle mood lamp.
       

       
      As was noted by designer Jaeneung Lee, “Users can also enjoy a wider spectrum of experiences through accessories.” For instance, The Freestyle can be directly connected to light stands that use E26 sockets1, allowing users to hang their Freestyle from the ceiling so that it can project downwards and deliver a truly unique experience.
       

       
      Furthermore, with the ambient mode, users can express themselves through unique styles of light and sound. This feature projects a variety of visual concepts into a user’s interior to create a new atmosphere, and users can also harness The Freestyle’s translucent lens cap to project images as a form of mood lighting.
       
       
      Built for Diverse Tastes and Diverse Uses
      The Freestyle has been designed to take into account all kinds of personal tastes and preferences, and is available in a range of color options for users to pick and choose from. “We aspired to create a device capable of matching the lifestyles of all kinds of people and preferences,” explained designer Minsun Kang.
       

       
      The Freestyle’s cover is also made out of a soft rubber material to both protect the product as well as to exude warmth and usability to any user. “With The Freestyle, we are proposing new ambient experiences that have been based on real insight into the way users are consuming content,” noted designer Jenny Jung.
       

       
      Furthermore, the overall design of The Freestyle makes it a versatile device capable of matching the diverse lifestyles of any user. Those who enjoy camping can safely and easily bring their device along on a trip; those looking to enjoy content immediately need not worry thanks to external batteries2 that support USB-PD and 50W/20V output or above; those looking to relax can transform their room into a gallery with the ambient screen feature; and party people can harness the projector’s range of lighting modes to create the perfect atmosphere.
       

       
      When designing The Freestyle, Samsung’s designers aspired to create a device that let users view what they want, when they want, wherever they want. The Freestyle goes beyond the capabilities of regular devices thanks to its free and flexible movement and a design ethos that takes after the lifestyle of today’s users.
       

       
       
      * The images shown are for illustration purposes only and may differ from the actual products. Product specifications may vary by country, region and model.
       
       
      1 Light socket connection feature will be first applied in the U.S.
      2 Samsung is not liable for 3rd party external batteries.
      View the full article
    • By STF News
      These days, the ways people are enjoying their favorite media are becoming ever more diverse due to a wide range of different lifestyles and preferences. With the launch of their home cinema projector The Premiere, Samsung Electronics has freed users from the limitations of their domestic spaces: wherever they choose to enjoy their content, The Premiere is capable of acting as a large-screen portal to a new, fully immersive world.
       
      The Premiere was created based on research into and an understanding of real users’ environments and spaces. Its appearance, as well as its functionality, was refined with precision so that the projector fits comfortably into a user’s space as opposed to being a cumbersome device that can only be taken out and used every now and then. In order to learn more about the innovative concept behind The Premiere, Samsung Newsroom sat down with its designers to hear about the journey they went on when creating this unique screen.
       
       
      A Design That Blends In, Inspired by Users’ Environments
      Sungil Bang, Designer at Samsung Electronics’ Visual Display Business
       
      The Premiere’s designers first started by delving into and analyzing the projector market in order to be able to develop a differentiated product. “There are already so many projectors in the market, from affordable ones to high-end ones, all with different specifications,” noted Sungil Bang. “We knew we needed to take a new approach right from the planning stages in order to come up with a product that goes beyond simply being a projector.”
       
      The designers honed in on the idea of the actual space where a projector is to be placed. They focused on the lifestyle and environment trends followed by real users in order to establish their direction for creating a product that provides genuinely enriching experiences. “We worked hard to design a product that presents new experiences thanks to its innovative technologies, while at the same time blending seamlessly in with the user’s furniture and other décor items,” added Bang. “We obtained a lot of inspiration from the space usages, furniture choices and trending objet d’arts we came across during this initial design process.”
       
      (From left) Jigwang Kim, Sungil Bang and Junpyo Kim, the designers at Samsung Electronics’ Visual Display Business
       
      What might be a user’s biggest reason for purchasing a projector? Perhaps so that they can enjoy media more vibrantly on a larger screen, or to add a subtle piece of interior décor flair to a space they otherwise don’t want to place a large TV in. The Premiere’s design team paid close attention to such thinking when developing The Premiere, ensuring that its exterior wouldn’t overwhelm the space it is placed in wherever that may be. “The simplistic design of The Premiere doesn’t stand out too much as an interior décor piece since it naturally blends into the space,” explained Jigwang Kim. “Users can enjoy unparalleled immersive experiences when enjoying content displayed on an entire wall.”
       
      The designers worked diligently on The Premiere’s silhouette to ensure that the projector is able to blend harmoniously into its surroundings as opposed to standing out. The no-frills elements it is composed of, including its round outline and slim lines, complete its overall sleek and soft design. “The projector is able to match other components a user might have nearby, such as a table or a vase, so it’s perfect for those who enjoy minimalistic interior décor,” suggested Jigwang Kim.
       
       
      Innovative Features Designed for User Comfort
      Product design choices are always ultimately made for the user so that they can enjoy their product anytime, anywhere. Due to the common perception that typical projectors can require laborious installation as a certain amount of distance is required between the wall and the projector, as well as the space limitations this can cause, Samsung implemented ultra-short focal point triple laser beam technology. This technology allows The Premiere’s users to enjoy a 4K video up to 330.2cm in size even when the projector is placed as close as 23.8cm to the wall.
       
      Jigwang Kim, Designer at Samsung Electronics’ Visual Display Business
       
      As the world’s first HDR10+ projector, The Premiere offers a maximum brightness of 2,800 ANSI lumens. The Premiere also delivers a 2,000,000:1 contrast ratio, meaning that the projector is able to express all the subtle contrasts and detailing in darker images. Furthermore, “the projector comes with Acoustic Beam speakers that provide deep, 3-dimensional, room-filling sound without the need for any separate speakers,” added Jigwang Kim.
       
      Another leading feature of The Premiere is its smart hub, which allows users to watch all kinds of content and media – requiring only an Internet connection. “The Premiere allows the user to enjoy what they want hassle-free, as there’s no need to connect separate devices to it. It is also connected to SmartThings, so users can monitor and operate their smart home appliances directly from their projector.”
       
       
      A Stand-Out Design That Blends Seamlessly Thanks to Sophisticated Materials

       
      As opposed to being a hard, cold-looking home appliance, The Premiere has been designed to provide warmth so as to seamlessly blend in to any domestic space. A stand-out feature of its design is the material choice – the design team opted to cover the product with a premium fabric in order to give the projector its warmth and sophistication. “This fabric encompasses a subtle abundance of colors and sophisticated weaving – it is in fact often used for premium brands’ sofas, chairs and other fabric items,” noted Junpyo Kim. “The projector achieves congruity with the space in which it is placed because it has been carefully designed to go well with furniture items.”
       

       
      However, it wasn’t as simple as it might appear for the design team to be able to fit The Premiere with this premium fabric finish. Since such materials are traditionally used for furniture, the fabric had been designed for a different purpose. “The fabric’s weave structure is denser than other fabrics, meaning that it would affect the sound quality if it were to cover the projector’s speakers,” noted Junpyo Kim. “While this brought about challenges during the design stage, we didn’t want to give up on the uniquely warm and sturdy appearance this fabric provided. Therefore, we increased the aperture ratio of the woven fabric in order to maintain its characteristics while also maintaining optimum sound quality.”
       
      Junpyo Kim, Designer at Samsung Electronics’ Visual Display Business
       
      If you are thinking of transforming your space into a movie theater with truly immersive experiences, or a concert hall full of music – or even a stadium during a sports match, why not try out The Premiere, a projector capable of completely transforming the ambience of the room where it’s placed with ease.
      View the full article





×
×
  • Create New...