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

Icon Library

Scheduled Pinned Locked Moved Design
108 Posts 11 Posters 30.0k 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.
    • M Offline
      matteo @Kaizen
      last edited by 2 Aug 2020, 13:20

      @Kaizen no worries, I don't think I got you wrong, I was just explaining what led me to reach out to Constantin. Any kind of collaboration inside this Community is good and beneficial to bring further the Project. I think your intention is good as well and I'm following the thread you initiated about the UBports site enhancement. Unfortunately I'm not a very good developer yet, in fact dataMonitor is my entry app to Ubuntu Touch, nor a graphical designer at all, but I already received very good contributions from talented users (for instance one user improved very much the app general looking) so I know this kind of collaborations are so productive and effective to get to a good final product. So yes, I think your effort is valid, I don't know how I'm supposed to help there, but I cheer for your vision to happen πŸ˜‰

      K 1 Reply Last reply 2 Aug 2020, 17:46 Reply Quote 1
      • K Offline
        Kaizen @matteo
        last edited by 2 Aug 2020, 17:46

        @matteo thank you for sharing, that helped my learning curve

        1 Reply Last reply Reply Quote 1
        • A Offline
          AppLee
          last edited by 10 Aug 2020, 14:51

          @c4pp4 I took your idea for a new icon for OSM map server.
          I came up with this as a basis what does anyone think about it ?

          MapServer.png

          I had some ideas of how to improve it.
          But I'd like some feedback before working on it:

          • masking the river only within the black tiles
          • maybe changing the background and set the tiles to green
          • Putting the fold aligned with one of the fold of the map (vetical line)
          R ? 2 Replies Last reply 11 Aug 2020, 06:23 Reply Quote 1
          • R Offline
            Rebecca58 @AppLee
            last edited by 11 Aug 2020, 06:23

            @AppLee I would make the map from a different color. why not white with the black squares? I like the river. maybe putting behind the black squares is a good idea.

            good job!!

            1 Reply Last reply Reply Quote 0
            • R Offline
              Rebecca58
              last edited by 11 Aug 2020, 06:27

              Guys, some apps still have no icon. to me it's so shameful as it's the first thing one sees in the App Store. Ubuntu UI TOOLKIT for example .
              Thank you for your work.

              1 Reply Last reply Reply Quote 1
              • ? Offline
                A Former User @matteo
                last edited by A Former User 8 Dec 2020, 20:45 12 Aug 2020, 20:45

                @matteo

                datamonitor0.png

                datamonitor1.png

                Sorry mate, was a bit involved in other stuff. Here where I am: I have these 2 approaches. Tell me which one suit you better. Cheers!

                M 1 Reply Last reply 13 Aug 2020, 13:58 Reply Quote 0
                • ? Offline
                  A Former User @AppLee
                  last edited by 12 Aug 2020, 20:57

                  @AppLee You need to define your spectrum in which you play into. You can be minimalist like in the Clock app icon with powerful contrasts or bit more ton-diverse and soft like in the Gallery app icon. After you define your color-ton gamma, you need to decide how it would be structured: center, bit off-centered, soft curves, shapes. Here you'll have to define your center of interest, the point which catches the attention first.
                  It's all about playing with colors and shapes. Give us some examples of icons that appeals you.

                  A 1 Reply Last reply 12 Aug 2020, 21:20 Reply Quote 0
                  • A Offline
                    AppLee @Guest
                    last edited by 12 Aug 2020, 21:20

                    @C0n57an71n
                    Color is not my thing πŸ™‚
                    I like minimalism, my idea for OSM map server is to get most information out of the minimum items.

                    I chose the folding map, because it's easy to get even with only the shape of it.
                    I added the tiles to evoke the functionality : deliver rendered tiles.
                    And to add more contrast and illustrate better the map I added the river.

                    From your comment I read that you'd prefer either the tile or the river (curved vs geometric) ?
                    The green and blue are just preset from inkscape it will be refined.

                    I'd like to stay on track with suru theme and UT general look. So I started with a simple diagonal fold for the background.
                    What do you think of a vertical one aligned with let's say the first fold on the left of the map ?

                    1 Reply Last reply Reply Quote 0
                    • M Offline
                      matteo @Guest
                      last edited by 13 Aug 2020, 13:58

                      @C0n57an71n great Constantin! I like the first one the most! Nice job indeed. Thank you for your time. Few things to start a discussion about its representation:

                      • why did you put the "32 Gb limit" text? I feel this is unnecessary and maybe it can be removed. What's your thought and the purpose for that?

                      • For the label on the X axis, I like the representation of the initial letter of the name of the week days, but maybe it's not clear for not native english speakers. What do you think to replace those by days numbers? Actually this is consistent with the app behavior, where the days numbers are shown on the X axis instead.

                      • Maybe to improve the Suru style appearance you could enhance the color contrast across one or more orizontal axis you already showed represented? In this way maybe the feel that icon is foldable could be better improved?

                      Thank you for your work, looking forward for your reply; also the opinion of other people is very welcome here to get to the best result, so I hope somebody else will intervene as well to give their suggestions.

                      Matteo

                      ? 1 Reply Last reply 24 Aug 2020, 15:50 Reply Quote 0
                      • ? Offline
                        A Former User @matteo
                        last edited by A Former User 24 Aug 2020, 15:50

                        @matteo Hi Matteo! Leave your thoughts about this one.

                        datamonitor2.png

                        datamonitor2.png

                        datamonitor2.png

                        1 Reply Last reply Reply Quote 1
                        • M Offline
                          matteo
                          last edited by 26 Aug 2020, 16:09

                          Hi again @C0n57an71n πŸ˜‰ Thank you for your efforts.
                          I think I like the most the third one. I tried to implement it already for my app to see the general looking and here below the result (sorry for the bad quality, but I don't have the screenshot function on the PinePhone yet, therefore I needed to take a picture from an other phone):
                          photo_2020-08-26_18-04-52.jpg
                          I'm not sure if the resolution is good enough to show the looking, but I think the numbers are too tiny to be clearly read...So now I'm not sure if we want to keep them or not. But I definitely like the icon gist πŸ‘

                          ? 2 Replies Last reply 26 Aug 2020, 16:37 Reply Quote 0
                          • ? Offline
                            A Former User @matteo
                            last edited by 26 Aug 2020, 16:37

                            @matteo Yeah..., they don't look too clear in black. I'll do them white, be back to you and see if we keep them or not!

                            1 Reply Last reply Reply Quote 0
                            • ? Offline
                              A Former User @matteo
                              last edited by 28 Aug 2020, 13:31

                              @matteo datamonitor3.png

                              M 1 Reply Last reply 28 Aug 2020, 15:23 Reply Quote 1
                              • M Offline
                                matteo @Guest
                                last edited by matteo 28 Aug 2020, 15:23

                                @C0n57an71n hey, I like the style of this app also....πŸ‘ I'm not sure which one to choose, all your icons are gorgeous :beaming_face_with_smiling_eyes: I'd like somebody else would chime in here to give their opinion, to helping us to find the best one.
                                I like the previous one because it's very polished and refined but I like this one as well because it's more stylized and represent the spirit of the app.
                                In the meantime, I have a question for you: what's the resolution of your icons? Mine was 256x256 pixels and I was suggested by Community people to pick this size as the best option. I think that in this size the icon appears clearer and more defined on the device.
                                I also was thinking that copying the icon from the present Forum chat as I did before isn't the best move, since it could lose some resolution....I'm on Telegram in quite every UBports chats, could you maybe eventually send your icons there to me as a file to download? Even in PM...

                                EDIT: I opened your icons with Gimp and apparently they are 256x256 pixels size.

                                A 1 Reply Last reply 28 Aug 2020, 23:08 Reply Quote 0
                                • M Offline
                                  matteo
                                  last edited by 28 Aug 2020, 16:04

                                  This is how this last version renders:

                                  photo_2020-08-28_18-03-44.jpg

                                  1 Reply Last reply Reply Quote 0
                                  • A Offline
                                    AppLee @matteo
                                    last edited by 28 Aug 2020, 23:08

                                    @matteo
                                    I personnaly prefer the last version.
                                    Simple, stylized, the colors pop and there is also a fold.
                                    I thing it matches UT better.

                                    But every opinion exists, so ... πŸ™‚

                                    1 Reply Last reply Reply Quote 1
                                    • 3 Offline
                                      3T_Ed
                                      last edited by 3T_Ed 29 Aug 2020, 08:51

                                      @C0n57an71n , @matteo

                                      Eventhough I liked the original electricity meter look very much, the latest icon presented looks very good and matches what one would expect to find when searching for a data monitor app. Colors are very vivid and its mix is attractive.

                                      Meter is going up, which is distincts itself from EQ apps, logical usage of colors and blank spaces (representing numbers) clear no-go limit as set from the start. The icon clearly doesn't need the numbers as shown in the previous concept (they were confusing and non readable on real scale). I'd say @C0n57an71n has done a great job here. No doubt he has a complete background story to go with it (got to love that) but I think he nailed it with this one. Well done!

                                      [Personally I change all apps to the same app format using App Modular, I'm not a fan of app format with different corners but again that's a personal thing.]

                                      edit 1: The graph edges and icon edges are consistent so I can see why the decision making behind it and I have to admit it looks better and more playful as it is now.

                                      edit 2: The number of bars representing a week is a nice touch

                                      Critics are the true Positives | OnePlus 3T, Lumia 950

                                      1 Reply Last reply Reply Quote 1
                                      • ? Offline
                                        A Former User
                                        last edited by A Former User 29 Aug 2020, 11:43

                                        @matteo @AppLee @3T_Ed
                                        To be or not to be...

                                        photo_2020-08-29_13-39-54.jpg

                                        datamonitor5.png

                                        flohackF 3 M 3 Replies Last reply 29 Aug 2020, 11:46 Reply Quote 2
                                        • flohackF Offline
                                          flohack @Guest
                                          last edited by 29 Aug 2020, 11:46

                                          @C0n57an71n Nice, I like it!

                                          My languages: πŸ‡¦πŸ‡Ή πŸ‡©πŸ‡ͺ πŸ‡¬πŸ‡§ πŸ‡ΊπŸ‡Έ

                                          ? 1 Reply Last reply 29 Aug 2020, 11:47 Reply Quote 0
                                          • ? Offline
                                            A Former User @flohack
                                            last edited by 29 Aug 2020, 11:47

                                            @Flohack Which one, that's the question... πŸ€”

                                            A 1 Reply Last reply 29 Aug 2020, 11:55 Reply Quote 0
                                            • First post
                                              Last post