Tizen icon design

jonmulcahy

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.

Braydon_SFX

Thanks for the heads up, Jon!

jonmulcahy

still needs work, but already a huge improvement:

tenrdrmer

Well crap I guess I need to remake my icon.

darrelf

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

jonmulcahy

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

jigglybean

annoying now every format requires different size/style icons, screenshots, videos etc etc. whatever happened to one size fits all? sigh

jonmulcahy

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.

IsabelleK

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?

jonmulcahy

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

IsabelleK

@jonmulcahy Thanks a lot Jon

charlottejean

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.

lycettebros

Genius @jonmulcahy

zypp1

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

zypp1

Thats after you import your project of course