• 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.
    • ? Offline
      A Former User
      last edited by A Former User 25 Jul 2020, 12:42

      Hello!
      I opened this thread as an icon concepts development place.
      Fell free to comment: what you don't like, what can be better done etc.
      Post your own concepts or modify the posted ones as you wish. Ask just for the Inkskape file of the icon.

      The next icon is for a text editor and is based on a writing machine look.
      I'm still looking how to implement in Inkscape the UT icons effect, the one with the line that splits the logo in nuances of different intensity...

      text editor logo_resized.jpg

      1 Reply Last reply Reply Quote 0
      • C Offline
        CiberSheep
        last edited by 25 Jul 2020, 12:46

        Hello. The whole concept of Suru is origami (that's why the folds, or «look like unfold paper»).

        This might come handy: https://ci.ubports.com/job/docs.ubports.com/job/PR-273/lastSuccessfulBuild/artifact/_build/html/humanguide/design-concepts/app-icon-design.html

        Another planet, another time, another universe!

        ? 2 Replies Last reply 25 Jul 2020, 12:52 Reply Quote 1
        • L Offline
          Lakotaubp
          last edited by 25 Jul 2020, 12:48

          And I was just about to say @CiberSheep should be able to help you with any info you need. Speedy sheep 🙂

          1 Reply Last reply Reply Quote 0
          • ? Offline
            A Former User @CiberSheep
            last edited by 25 Jul 2020, 12:52

            @CiberSheep Cool!!! I was looking for this!
            Many thanks mate!

            1 Reply Last reply Reply Quote 0
            • ? Offline
              A Former User @CiberSheep
              last edited by 25 Jul 2020, 12:59

              @CiberSheep The fold effect is made with a layer of black or white at 5%-10% transparency...
              So simple it was...:man_facepalming:

              1 Reply Last reply Reply Quote 0
              • ? Offline
                A Former User
                last edited by 25 Jul 2020, 18:11

                logo.png
                The same typewriter, other approach.

                A L 2 Replies Last reply 25 Jul 2020, 21:52 Reply Quote 0
                • A Offline
                  AppLee @Guest
                  last edited by 25 Jul 2020, 21:52

                  @C0n57an71n
                  I appreciate the work done and I'd like to point out that less information in your icons might fit better UT's styling.
                  I mean in your last icon, I get the lines and the keys, but why the big clear circles and the little white one ?

                  ? 2 Replies Last reply 26 Jul 2020, 07:35 Reply Quote 0
                  • L Offline
                    Lakotaubp @Guest
                    last edited by 25 Jul 2020, 23:11

                    @C0n57an71n Bit like @AppLee I feel keep the orange part (lines and ovals) and add in the fold effect from bottom right to top left and work round that. As you can tell this is not what I do much.

                    ? 1 Reply Last reply 26 Jul 2020, 07:40 Reply Quote 0
                    • ? Offline
                      A Former User @AppLee
                      last edited by A Former User 26 Jul 2020, 07:35

                      @AppLee Thanks for the feedback. Unfortunately, a typewriter by itself it's complex. I need some elements to distinguish it from a calculator, cash casa etc. The white semicircles are there to better define the shape of a typewriter and make the upper part go left and the bottom part go right. They suggest as well the rolls of a typewriter...

                      1 Reply Last reply Reply Quote 0
                      • ? Offline
                        A Former User @Lakotaubp
                        last edited by 26 Jul 2020, 07:40

                        @Lakotaubp Yeah, I need to reduce the complexity and make it as symple as possible, but still be able to recognize a typewriter. Another thing is to remember that this icon needs to be recognizable when minimized... Thanks for the feedback. Appreciated.

                        L 1 Reply Last reply 26 Jul 2020, 08:29 Reply Quote 0
                        • ? Offline
                          A Former User @AppLee
                          last edited by 26 Jul 2020, 08:17

                          @AppLee As for the small white circle, I'll leave some photos to explain better what is it 😉
                          photo_2020-07-26_10-13-42_resized.jpg photo_2020-07-26_10-13-51_resized.jpg

                          1 Reply Last reply Reply Quote 1
                          • L Offline
                            Lakotaubp @Guest
                            last edited by 26 Jul 2020, 08:29

                            @C0n57an71n I did mean the fold line bottom left to top right not what I did put. Or looking again horizontal just above the orange ovals to look like a sheet if paper. Darker on keys lighter above.

                            1 Reply Last reply Reply Quote 0
                            • ? Offline
                              A Former User
                              last edited by 26 Jul 2020, 12:07

                              logo2.png
                              Opinions about this one?

                              L A 2 Replies Last reply 26 Jul 2020, 12:48 Reply Quote 0
                              • L Offline
                                Lakotaubp @Guest
                                last edited by 26 Jul 2020, 12:48

                                @C0n57an71n Just my opinion as I can't mess about with this stuff but for me keep the top half of this one but change lines on page to same orange as handle. Then reorientate the keyboard from the first one to fit the above, and just the one fold effect. However besides all that thanks for your time, effort and input once again.

                                ? 2 Replies Last reply 26 Jul 2020, 13:24 Reply Quote 0
                                • ? Offline
                                  A Former User
                                  last edited by 26 Jul 2020, 13:04

                                  radio.png
                                  For a future FM Radio app....

                                  1 Reply Last reply Reply Quote 1
                                  • 3 Offline
                                    3T_Ed
                                    last edited by 26 Jul 2020, 13:07

                                    Not sure if design rules allow this, why not use the red part as integrated part of the top section (upper right)? That would make the icon more stylish, attractive and in line with other icons that are worked on, thinking CiberSheep 's redesign of the Morph icon.

                                    On a sidenote, wouldn't be great if the icon designs - besides the general UT design ruled so not just this one, as same goes for existing and upcoming ones - could just have some overlapping elements that can underline a somewhat more uniform design trend when opening the Open Store and stretching the cooperative vision of the platform, devs and community as a whole.

                                    One of the pros of UT is that devs and designers are interacting with the community before launch. Love it, thank you for sharing your designs and thoughts. Good luck!

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

                                    ? 3 Replies Last reply 26 Jul 2020, 13:14 Reply Quote 0
                                    • ? Offline
                                      A Former User @3T_Ed
                                      last edited by 26 Jul 2020, 13:14

                                      @3T_Ed Thanks for thoughts. Will consider what you said.

                                      1 Reply Last reply Reply Quote 0
                                      • ? Offline
                                        A Former User @3T_Ed
                                        last edited by 26 Jul 2020, 13:18

                                        @3T_Ed The red thing gives icon energy and helps visualed impared to distinguish between them. Each of the icon from this style should have the red object always in another place in the plane.

                                        1 Reply Last reply Reply Quote 0
                                        • ? Offline
                                          A Former User @Lakotaubp
                                          last edited by 26 Jul 2020, 13:24

                                          @Lakotaubp I've said a little bit underneath that the red thing will be an element to accentuate and serves for visual impaired as to distinguish between icons as the red thing will be always in another place in the icon plane. It's a strong color and I cannot abuse of it.

                                          1 Reply Last reply Reply Quote 1
                                          • C Offline
                                            c4pp4
                                            last edited by 26 Jul 2020, 13:42

                                            Not sure if it's the right place to ask but can someone please rework OSM Scout Server icon to be a regular square? I think it's pretty ugly now.

                                            https://github.com/rinigus/osmscout-server/blob/master/icons/osmscout-server.svg

                                            scout.png

                                            C 1 Reply Last reply 27 Jul 2020, 01:21 Reply Quote 1
                                            8 out of 108
                                            • First post
                                              8/108
                                              Last post