Tizen icon design

jonmulcahyjonmulcahy Member, Sous Chef Posts: 10,408
For those of you unaware, the Tizen home screen has a different style icon than iOS or Android. I was testing my game and as you can see it sticks out like a sore thumb. I suggest you take that into consideration when publishing you apps.


image

Comments

  • Braydon_SFXBraydon_SFX Member, Sous Chef, Bowlboy Sidekick Posts: 9,273
    Thanks for the heads up, Jon!
  • jonmulcahyjonmulcahy Member, Sous Chef Posts: 10,408
    still needs work, but already a huge improvement:

    image
  • tenrdrmertenrdrmer Member, Sous Chef, Senior Sous-Chef Posts: 9,934
    Well crap I guess I need to remake my icon.
  • darrelfdarrelf Member Posts: 243
    Some info on icon design. Circle icons aren't mandatory but as @jonmulcahy demonstrated, square can stand out like a sore thumb

    https://developer.tizen.org/documentation/ux-guide/visual-style/icons
  • jonmulcahyjonmulcahy Member, Sous Chef Posts: 10,408
    Some info on icon design. Circle icons aren't mandatory but as @jonmulcahy demonstrated, square can stand out like a sore thumb

    https://developer.tizen.org/documentation/ux-guide/visual-style/icons
    cool thanks for the link
  • jigglybeanjigglybean Member Posts: 1,584
    annoying now every format requires different size/style icons, screenshots, videos etc etc. whatever happened to one size fits all? sigh
  • jonmulcahyjonmulcahy Member, Sous Chef Posts: 10,408
    annoying now every format requires different size/style icons, screenshots, videos etc etc. whatever happened to one size fits all? sigh
    yea, it's a pain. I have a bunch of photoshop actions to convert screenshots for each universal app.
  • IsabelleKIsabelleK Member, Sous Chef Posts: 2,807
    Thanks Jon! So this round icon should be uploaded during both GS publishing, and in setting up product info for Tizen store?
    How big you made this circle? I can see they want 117x117 icon size, but you make the actual circle 117x117, or it should be smaller?
  • jonmulcahyjonmulcahy Member, Sous Chef Posts: 10,408
    edited December 2013
    @themoonwalls, i don't think we need to worry about the 117 icon. We upload our 512 icon to the publishing page, and GS makes the 117 icon from that as far as I can tell. We also upload the 512 icon directly to the Tizen store.

    I took my 512 icon and put a 508px diameter circle in the middle, which left the required 2px border (https://developer.tizen.org/documentation/ux-guide/visual-style/icons)

    I uploaded that icon to both the publishing page and tizen store. I made a quick photoshop template you can use, just drop your icon file in the layer group and the mask will take care of the rest.
  • IsabelleKIsabelleK Member, Sous Chef Posts: 2,807
    @jonmulcahy Thanks a lot Jon :)
  • charlottejeancharlottejean Member, PRO Posts: 17
    Yep, That was in my report back from Tizen. I guess I need to be more proactive in searching the forums rather than going by the cookbook. Great info and great to have a .psd to work with. Thanks a lot guys.
  • lycettebroslycettebros Member, PRO Posts: 1,598
    Genius @jonmulcahy
  • zypp1zypp1 Member Posts: 142
    change icon automatically

    When you open the tizen ide to build the package

    on left in project explorer drop down your game folder

    --->right click config .xml ---> open
    ---.icon browse ---> select file ---> check "apply circular shape"
    ---> ok

    give it a try

    Hope Helps
  • zypp1zypp1 Member Posts: 142
    Thats after you import your project of course
Sign In or Register to comment.