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 Samsung Newsroom
      “Color” is more than just a design element. It is a profound language that bridges emotions and experiences, allowing artists to create evocative messages that resonate on a deeper level. It is a vital component in the toolkit of any creative professional. Accurate monitors like the ViewFinity S9 provide artists with the ability to see and express color accurately across various mediums, granting them total control over their artwork. This ensures that the final products are aligned with the artist’s original intent.
       
      OIMU Studio, a design powerhouse in Korea, believes that design should act as a “connector.” Their work forges links between the values of the past and present, and between Eastern and Western traditions. Through various projects, including the renowned “Color,” “Nobang” and “Match” projects, OIMU provides these connections to their audience, blending cultural traditions and offering a fresh and modern perspective to elements of the past.
       
      In this second installment of the ViewFinity S9 Story series, Samsung Newsroom sat down with Sohyun Shin of OIMU Studio to explore her inspirations and find out how ViewFinity S9 has become a vital tool in her artistic pursuit.
       
      ▲ Sohyun Shin, Founder and Chief Designer of OIMU
       
      Established in 2015, OIMU is a lifestyle brand and design studio known for bridging cultural differences and reinterpreting nostalgic objects with a modern flair. Led by Sohyun Shin, the studio boasts with portfolio of projects that connect various traditional Korean elements with contemporary aesthetics.  

       
       
      Q. Could you briefly introduce OIMU to our readers?
       
      OIMU is a lifestyle brand and design studio, dedicated to celebrating and promoting the cultural values and traditions of Korea through design and content. We are involved in publishing, exhibitions and products as well. One of our most well-known work is the “Color” project, which created over 350 unique color names in Korean. We aim to reinterpret Korea’s rich cultural heritage through design.
       

       
       
      Q. Can you tell us about your recent project using the ViewFinity S9?
       
      The “Color” project began with a goal to develop unique color names, typically in foreign languages, in Korean. Recently, we made 100 color name cards for a brand exhibition. As these unique set of colors had precise CMYK values, it was important to express the colors as accurately as possible, to highlight those subtle and nuanced differences. The ViewFinity S9 monitor helped us match our print values to our digital designs, and we were able to prepare the final print as intended.
      ※ CMYK: A color model used in color printing with four ink plates: cyan, magenta, yellow and key (in many cases, black).
       
      Outside of the “Color” project, we also work with many delicate illustrations, which can appear blurry and unclear at places like print shops with ordinary monitors. ViewFinity S9, in contrast, presented images with outstanding clarity, allowing us to confidently move on with the card designs. I recently underwent LASIK surgery to improve my eyesight. If prior monitors reminded me of my sight before LASIK, the ViewFinity S9 felt like seeing with improved vision after! It has undoubtedly been a transformative tool.
       

       
       
      Q. What is the most important factor when selecting a monitor?
       
      Much of OIMU’s work, like any design studio, require attention to details. So, high resolution is essential. High resolution monitors allow us to be more intuitive and help us work on intricate designs by showing the subtle differences in colors and details.
       
      Data processing is key in ensuring that physical prints turn out high-quality. ViewFinity S9 significantly reduces the margin of error during this process. When comparing digital and physical prints, you’ll find them nearly identical. In essence, ViewFinity S9 helps us create higher quality designs.
       

       
       
      Q. What are your favorite features of ViewFinity S9?
       
      There were reflections when we were using ordinary monitors, forcing us to use blinds. With ViewFinity’s Matte Display, reflections are minimized and colors are accurate even in sunlight. Now, I can work while enjoying the view and natural light.
       
      Our studio has many windows, so, monitor glare is unavoidable. I like to work with the view of nature.
       
      ViewFinity S9 minimizes glares and reflections, so I can accurately check the colors even when it is bright outside.
       

       
       
      Q. How else did ViewFinity S9 change your work environment?
       
      Color temperature is another important aspect in our line of work. With ViewFinity’s Smart Calibration feature,1 we can calibrate precise onscreen colors without additional and often expensive equipment.
       
      Also, ViewFinity S9 is great when I want to take a break from work, since I can watch my favorite shows on OTT streaming apps.2 I also just love this cute remote control.
       

       
       
      Q. Would you recommend ViewFinity S9 to other designers?
       
      Designers spend countless hours in front of monitors. To me, ViewFinity S9 stands as an optimal choice for both eye comfort and faithful expression of images and color. If you are a creative professional seeking a premium display, you won’t be disappointed with ViewFinity S9.
       
        
       
      1 Smart Calibration enables users to conveniently customize the ViewFinity S9’s screen for precise settings — including color temperature, luminance, color space and gamma settings — using their smartphones, without expensive, complex calibration equipment. Available on Galaxy S10 or later, Galaxy Note10 or later, Galaxy Fold devices, Galaxy Flip devices, iPhone 11 or later and the second generation iPhone SE 2 or later. Latest version of the SmartThings app required.
      2 App availability may vary by country and separate subscriptions may be required. Requires internet connection.
      View the full article
    • By Samsung Newsroom
      Samsung Electronics today announced that Lucid Group, Inc., has installed The Wall at its design studio to enhance the collaborative design process for their future electric vehicle models. With cutting-edge MicroLED technology, The Wall offers exceptional visual capabilities, providing Lucid with additional tools to meet the surging demand for sustainable electric vehicles, while elevating the luxury experience for drivers.
       
      “At Lucid, we’re on a mission to inspire the adoption of sustainable energy with a focus on the human experience. With The Wall, we’re able to take this mission to new heights,” said Jenny Ha, Exterior Design Manager at Lucid Motors. “While designing the Lucid Air Sapphire, from concept sketches all the way to final adjustments, Samsung enabled us to visualize the future of our vehicles in high resolution at all stages of development. No detail was left unnoticed, and we’re thrilled for our customers to experience the results of the new design process.”
       
      “The Wall installation in the Lucid Motors design studio is another great example of how Samsung innovations are helping our partners and customers unlock their own exciting innovations to drive their business in exciting new ways,” said James Fishler, Senior Vice President of the Home Entertainment & Display Divisions at Samsung Electronics America. “Supporting Lucid in its mission to deliver sustainable luxury vehicles – and the stunning design of the new Lucid Sapphire made possible with our 255-inch class high resolution display — has been both inspiring and rewarding.”
       
      ▲ Simon Tovey, Exterior Design Director at Lucid Motors, and Jiyeon Jenny Ha, Exterior Design Manager, discuss the exterior design for the Lucid Air Sapphire using The Wall with MicroLED technology
       
       
      High-Definition Image Quality Delivered at Full-Sized Scale for Seamless Collaboration
      Powered by superior MicroLED technology, the 255-inch display empowers Lucid’s designers to view and review their designs in true-to-life color at a 1:1 scale. Not only does the true-life color produce a realistic rendering of the design, but the high-resolution display accurately reproduces the reflection of light off complex 3D surfaces.
       
      The authentic image rendition allows for increased collaboration between engineering and design teams, resulting in accelerated decision making processes that save the company time and money.
       
      ▲ Simon Tovey, Exterior Design Director at Lucid Motors, reviews details of the Lucid Air Sapphire in front of The Wall with MicroLED technology
       
      “The Wall has revolutionized the way our design and engineering teams work together,” added Ha. “With this technology, we can effortlessly visualize design data that incorporates engineering feedback and simulation results, allowing us to promptly assess the effects of any alteration on the overall design. In other words, development teams now operate more efficiently, and drivers can enjoy enhanced luxury aesthetics without compromising superior vehicle performance. It can be a tricky sweet spot to balance, but The Wall helps us pinpoint it seamlessly.”
       
      ▲ Jiyeon Jenny Ha, Exterior Design Manager at Lucid Motors, presents the design for Lucid Air Sapphire on The Wall with MicroLED technology
       
      The Wall’s flexible-yet-compact design also saves valuable studio floor space at Lucid’s headquarters. This allows multidisciplinary teams to use the space for collaborative design workshops to perfectly refine every detail of the vehicles to deliver the premiere quality drivers deserve.
       
      To learn more about how The Wall is revolutionizing automotive design, please visit: https://www.samsung.com/us/business/displays/direct-view-led/the-wall/.
      View the full article
    • By BGR
      Samsung will unveil the Galaxy Z Fold 5 and Flip 5 during an event in South Korea next month, which means the 2023 Samsung foldables will hit the stores earlier than they have in past years. Samsung has started feeling pressure from competitors as various companies brought Fold and Flip designs to international markets. Then there’s the Pixel Fold, which is even more important than all the foldables coming out of China. This will be the only foldable Android device to deliver a Google-optimized version of Android.
      Leaks have shown that Samsung is ready to respond to the increased competition. Both the Fold 5 and Flip 5 will feature design changes that should alleviate some concerns. But you’ll have to wait for the Galaxy Z Fold 6 to get the design change you’ve been asking for: A better aspect ratio for the external display.
      Recent leaks showed that Samsung has “fixed” one annoying Fold and Flip design compromise that has never been a problem for any of Samsung’s rivals. The Galaxy Z Fold 5 and Flip 5 will fold perfectly flat thanks to a new waterdrop hinge design. That means the annoying gap between the two phone halves of the screen will disappear.
      Also, Samsung will increase the size of the Flip 5’s external display considerably to match similar models from Oppo and Motorola.
      Since other vendors delivered these features before Samsung, it seems clear that Samsung didn’t care about changing the Fold and Flip designs too much in the previous years. Samsung was the dominant player in the foldable business in most markets. But there were no real alternatives until this year.
      While Chinse vendors have eliminated the gap and enlarged the external display on Flip phones, those designs were not available in international markets. Samsung had nothing to worry about.
      Google Pixel Fold folded (left) and unfolded (right). Image source: Google Chinese vendors and Google have also fixed an incredibly annoying Galaxy Z Fold design choice. Samsung’s external display is too tall, and the resulting aspect ratio isn’t great for using the phone while folded.
      Most people will likely use foldable handsets when they’re closed more than when they’re open. You don’t need to unfold the handset for basic smartphone features. It’s only when you need enhanced multitasking or a tablet experience that you unfold the device.
      Handsets like the Oppo Find N and Pixel Fold do not have the same problem. When folded, they look like regular phones, which is what Samsung’s Galaxy Z Fold handsets should look like. Unfortunately, while the Fold 5 has no screen gap when folded, that tall aspect ratio is still a problem. If that’s not what you want from your Fold experience, you can buy something from the competition. Or wait for the Galaxy Z Fold 6.
      Samsung leaker Ice Universe advised buyers a few days ago to skip the Fold 5 and wait for the Fold 6. Reacting to that remark, a different leaker said that the Fold 6 would bring a major design change in the aspect ratio of the external display. The Galaxy Z Fold 6 will be shorter or wider than the Fold 5, if Tech_Reve’s claim is accurate.
      The leaker also said the Fold 6 would use the same image sensor as the Fold 5. That’s not necessarily a bad thing, however.
      It’s unclear where Tech_Reve obtained this information. But the leaker said a few days ago that the Fold 5 might be slightly cheaper than the Fold 4. If you can deal with the weird aspect ratio, that might be a good reason to get it.
      The Fold 5 should still be a great Android flagship, featuring high-end specs just like the Galaxy S23 series. Still, the handset will be more expensive than most traditional smartphones, even after a price cut.
      Don't Miss: There’s nothing wrong with Nothing Phone (2)’s leaked priceThe post Galaxy Z Fold 5 won’t have the design change everyone wants, but the Fold 6 might appeared first on BGR.
      View the full article
    • By Samsung Newsroom
      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





×
×
  • Create New...