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

          F 3 M 3 Replies Last reply 29 Aug 2020, 11:46 Reply Quote 2
          • F 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
              • A Offline
                AppLee @Guest
                last edited by 29 Aug 2020, 11:55

                @C0n57an71n
                I still prefer the one from yesterday.

                Not such a fan of gradient...
                I don't mind the dots, but the grid is too detailed for an icon IMHO

                1 Reply Last reply Reply Quote 0
                • 3 Offline
                  3T_Ed @Guest
                  last edited by 3T_Ed 29 Aug 2020, 11:58

                  @C0n57an71n said in Icon Library:

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

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

                  I prefer the first one, the one without the grit. A grit does make it feel to be a mathematical app.

                  Shading in the bar is an added value, not sure about the dimmed/red dot indicator (what does it represent?)

                  Edit 1: How about replacing the red top part of the last bar by the orange arrow UT design, pointing downwards (indicating the ability to monitor and control the data limits)?

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

                  ? 1 Reply Last reply 29 Aug 2020, 12:06 Reply Quote 0
                  • ? Offline
                    A Former User @3T_Ed
                    last edited by 29 Aug 2020, 12:06

                    @3T_Ed I like the idea with the arrow! The dots are to represent the week days. The grid is more of @matteo thing, I would avoid putting it since will make the icon too stuffed, I tend to be really minimalist at this moment.

                    3 1 Reply Last reply 29 Aug 2020, 12:13 Reply Quote 0
                    • 3 Offline
                      3T_Ed @Guest
                      last edited by 29 Aug 2020, 12:13

                      @C0n57an71n said in Icon Library:

                      @3T_Ed I like the idea with the arrow! The dots are to represent the week days. The grid is more of @matteo thing, I would avoid putting it since will make the icon too stuffed, I tend to be really minimalist at this moment.

                      Agreeing with you regarding the grid. Actually the shading does too however that feature does add value (expected output <-> actual output). Your style is minimalistic and I like that very much. @matteo seems to like that also because he asked you to design an icon for his app based on your initial icons. I'd say, stay true to your own style.

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

                      1 Reply Last reply Reply Quote 0
                      • ? Offline
                        A Former User
                        last edited by 29 Aug 2020, 12:20

                        datamonitor6.png

                        1 Reply Last reply Reply Quote 0
                        • 3 Offline
                          3T_Ed
                          last edited by 29 Aug 2020, 12:38

                          I prefer the previous design. May I suggest you take that one and then for the last bar:

                          • filling up to the limit in green
                          • doubling the existing bar above the limit and fill it red
                          • in the top of the red part have the arrow as you used in your typewriter concept (July 26th) and have that minimalistic arrow point to right-bottom (that would be a 90 degr. turn compared to the typewriter one)

                          The above would be indicating green to be good, red to be not in expectancy (drastically passing set limit), orange arrow to reconsider (either adjusting the limit or altering behavior to keep within the set limit). Thinking traffic light here 🚦

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

                          ? 1 Reply Last reply 29 Aug 2020, 12:51 Reply Quote 0
                          • ? Offline
                            A Former User @3T_Ed
                            last edited by 29 Aug 2020, 12:51

                            @3T_Ed Nah..., making the last bar in green will fuck up the spectrum's Feng-Shui... I'll come up with something...

                            1 Reply Last reply Reply Quote 0
                            • ? Offline
                              A Former User
                              last edited by A Former User 29 Aug 2020, 13:00

                              This is what I would use! From my point of view it has all it needs: it suggest what it does, it's well balanced, stands out but not disturbing, lower grey area is more softy, the upper black-red area is more aggressive to show warning,
                              datamonitor6a.png

                              Softened variant.
                              datamonitor6b.png

                              1 Reply Last reply Reply Quote 0
                              • ? Offline
                                A Former User
                                last edited by 29 Aug 2020, 14:16

                                This post is deleted!
                                1 Reply Last reply Reply Quote 0
                                • M Offline
                                  matteo @Guest
                                  last edited by 29 Aug 2020, 14:38

                                  @C0n57an71n personally I like the one with the background transparent grid the most, I think it gives a professionality touch to the app but I see some of you disliked this concept. However, since I designed this app to learn coding for UT and not secondarily to fill a gap I felt our beloved OS got, i.e. the lack of feature for metering the data usage, all for the UBports Community, I'd like to adopt the icon which will result the most popular one, or at least to identify the most promising one to be considered as basis for last tinkering by @C0n57an71n, if needed.

                                  ? 1 Reply Last reply 7 Sept 2020, 09:46 Reply Quote 0
                                  • M Offline
                                    matteo
                                    last edited by 30 Aug 2020, 09:26

                                    ICON N.3 rendering:
                                    photo_2020-08-30_11-24-58.jpg

                                    1 Reply Last reply Reply Quote 0
                                    • M Offline
                                      matteo
                                      last edited by 30 Aug 2020, 09:34

                                      ICON N.4 rendering (the one with background grid):
                                      photo_2020-08-30_11-32-58.jpg

                                      1 Reply Last reply Reply Quote 0
                                      • M Offline
                                        matteo
                                        last edited by 30 Aug 2020, 09:55

                                        ICON N.5 rendering (last version by @C0n57an71n:
                                        photo_2020-08-30_11-53-55.jpg

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

                                          @matteo Where do you change the app logo (I mean the path.) I would like test them myself before posting them, just to make sure they are in proportion.

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

                                            @C0n57an71n I use clickable to change the icon compiling the app straight on the device. The icon is stored as a .png file in the Assets folder. Perhaps you could just create a new dummy project with the standard app template creator provided by clickable and replace there the icon, only to see its rendering...

                                            A 1 Reply Last reply 30 Aug 2020, 17:53 Reply Quote 0
                                            91 out of 108
                                            • First post
                                              91/108
                                              Last post