• Categories
  • Recent
  • Tags
  • Popular
  • Users
  • Groups
  • Search
  • Register
  • Login
UBports Robot Logo UBports Forum
  • Categories
  • Recent
  • Tags
  • Popular
  • Users
  • Groups
  • Search
  • Register
  • Login

Looking for a volunteer to make app icons

Scheduled Pinned Locked Moved App Development
iconsgraphic designdesign
24 Posts 5 Posters 5.4k Views 2 Watching
Loading More Posts
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • A Offline
      AppLee
      last edited by AppLee 10 Feb 2019, 10:37 2 Oct 2019, 09:19

      Here you can find the SVG version of the "indicator".
      So you can judge if the thin border of the hand are OK or if you prefer wider ones...

      Usage of SVG will probably fix the "pixelated" effect you have with PNG.

      indicator.svg

      I have a proposal to add the sun symbol to the rose.
      First I added the sun symbol at the center.
      And my second idea was to add a sun gravitating around the rose.

      I'm not convince by the result (lack of contrast) but to show the idea it was better to be obvious.
      Another idea is to only symbolize the sun with a blue disc, and a thinner circle around the rose but I was afraid it might be too subtle...

      What do you think?
      A bigger sun and smaller rose is not my favorite option right now.

      IconSun.png

      D 2 Replies Last reply 2 Oct 2019, 16:56 Reply Quote 1
      • D Offline
        doniks @AppLee
        last edited by doniks 10 Feb 2019, 16:57 2 Oct 2019, 16:56

        @AppLee ohhh, I like it 🙂 I need to try it on the app scope, to see how small the sun becomes, but I'm swamped right now with work and next week probably travel. And at some point I should also finish the logic for the app such that it actually makes sense to have an icon for it 😛 So, apologies if I can't keep up with you next days.

        I really like the flame-like sun rays of the center sun. (I think it shows that my manufacturing date is before icons and buttons turned flat 🙂 ) Maybe the actual circling sun could be in that style and if it has some halo or something that just blends out the circle behind it then it would contrast nicely against the background even if it is in the regular blue.

        I think the flame like sun would also be nice to replace the dumb 'ol yellow circle that I have right now in the app.

        A 1 Reply Last reply 2 Oct 2019, 18:05 Reply Quote 0
        • A Offline
          AppLee @doniks
          last edited by 2 Oct 2019, 18:05

          @doniks No worry, I will wait for you to be available.
          The "flaming sun" has some weird proportion when circling around.

          But I will make an example.
          I also tried a solid border for the circling sun and it's not so bad.

          As you're busy, I will take more time and try few things.
          There are options but I needed your feedback on some to have a better idea of what works for you.

          1 Reply Last reply Reply Quote 1
          • M Offline
            mymike @doniks
            last edited by 2 Oct 2019, 22:22

            @doniks said in Looking for a volunteer to make app icons:

            Actually, while thinking about it, also the libertine icon itself as used in the system settings looks out of place compared to the other system settings icons. It's a big black (or white) blob. So, I guess if someone would design something lighter it could be proposed to core team to give the system settings a nicer look.

            there has been a discussion about it in the telegram UI/UX group and @CiberSheep had proposed some interesting icons for libertine but idk why we fell back to the original hat...

            C 1 Reply Last reply 3 Oct 2019, 00:06 Reply Quote 1
            • C Offline
              CiberSheep @mymike
              last edited by 3 Oct 2019, 00:06

              @mymike 🙂 the hat might be the original logo?
              Was so long ago I can't remember 😄

              Another planet, another time, another universe!

              1 Reply Last reply Reply Quote 0
              • D Offline
                doniks @AppLee
                last edited by 10 Oct 2019, 08:33

                @AppLee said in Looking for a volunteer to make app icons:

                Usage of SVG will probably fix the "pixelated" effect you have with PNG.
                indicator.svg

                seems I was too slow. file has been deleted

                A 1 Reply Last reply 10 Oct 2019, 08:44 Reply Quote 0
                • A Offline
                  AppLee @doniks
                  last edited by 10 Oct 2019, 08:44

                  @doniks Here you go : https://we.tl/t-6xBBiRPMyu

                  D 1 Reply Last reply 10 Oct 2019, 08:56 Reply Quote 1
                  • D Offline
                    doniks @AppLee
                    last edited by doniks 10 Oct 2019, 09:04 10 Oct 2019, 08:56

                    Here you go

                    thanks. I got it now.

                    I have a proposal to add the sun symbol to the rose.

                    Thanks! I think the app icon is almost perfect like this.

                    Maybe the color contrast of the yellow against the blue/brown is a bit harsh, but then we want the sun to stand out and be bright, so I guess it's fine. The sun could even be a little bit bigger to stand out more.

                    A 1 Reply Last reply 10 Oct 2019, 09:10 Reply Quote 0
                    • A Offline
                      AppLee @doniks
                      last edited by AppLee 10 Oct 2019, 09:20 10 Oct 2019, 09:10

                      @doniks said in Looking for a volunteer to make app icons:

                      Maybe the color contrast of the yellow against the blue/brown is a bit harsh

                      I had the same feeling, so I changed the color a bit.
                      And I just layered the sun with the regular blue instead of the shadow to create contrast with the background.

                      As you suggested I also enlarge the sun.

                      So now you have an idea of the different solutions.

                      IconSun.png

                      [Edit] Or you might prefer with the flaming sun...

                      IconSun2.png

                      D 1 Reply Last reply 10 Oct 2019, 09:42 Reply Quote 0
                      • D Offline
                        doniks @AppLee
                        last edited by 10 Oct 2019, 09:42

                        @AppLee Nice. I have to admit that I can't actually see the flames on the device, but I'm just a sucker for them 🙂 And the flame version also happens to have more yellow surface pixels, so I'd go with that.

                        I also tried the svg rose on the map now. Even the svg comes out pixelated though.

                        D A 2 Replies Last reply 10 Oct 2019, 18:17 Reply Quote 0
                        • D Offline
                          doniks @doniks
                          last edited by 10 Oct 2019, 18:17

                          @AppLee I want to commit the the icon. Do you want to make a merge request yourself to make sure, your copyright is captured properly? Or shall I just add it on your behalf? If you want to MR it, just stick it into the assets folder. I can do the rest.

                          1 Reply Last reply Reply Quote 0
                          • A Offline
                            AppLee @doniks
                            last edited by AppLee 10 Oct 2019, 18:30 10 Oct 2019, 18:29

                            @doniks said in Looking for a volunteer to make app icons:

                            Even the svg comes out pixelated though.

                            Too bad, I'll try to make another version with that in mind.
                            Regarding the commit, you can do it, I'm just glad you like it and that I could be of some help.

                            [Edit] If you want I can cleanup and send you the SVG file.

                            D 1 Reply Last reply 10 Oct 2019, 18:34 Reply Quote 1
                            • D Offline
                              doniks @AppLee
                              last edited by doniks 10 Oct 2019, 18:35 10 Oct 2019, 18:34

                              @AppLee said in Looking for a volunteer to make app icons:

                              If you want I can cleanup and send you the SVG file.

                              That'd be great! I assume the svg is the preferred format to make modifications. I'll put it alongside the png. Assuming you agree I put them both as GPL v3, or later, same as the rest of the app, but with your copyright.

                              A 1 Reply Last reply 10 Oct 2019, 18:47 Reply Quote 1
                              • A Offline
                                AppLee @doniks
                                last edited by 10 Oct 2019, 18:47

                                @doniks No problem PNG + SVG in GPLv3 is fine.
                                SVG is the format used for vector graphics (it actually means Scalable Vector Graphics). This is the format used by Inkscape which is like The Gimp but for vector graphics...

                                SVG is like a source code for pictures...

                                Here is the clean file:
                                https://we.tl/t-6n6BdBQNZ9

                                D 1 Reply Last reply 10 Oct 2019, 21:31 Reply Quote 0
                                • D Offline
                                  doniks @AppLee
                                  last edited by 10 Oct 2019, 21:31

                                  @AppLee It's in 🙂 https://gitlab.com/doniks/suncompass/tree/master/assets

                                  1 Reply Last reply Reply Quote 1
                                  • First post
                                    Last post