Navigation

    UBports Robot Logo

    UBports Forum

    • Register
    • Login
    • Search
    • Categories
    • Recent
    • Tags
    • Popular
    • Users
    • Groups
    • Search

    Icon Library

    Design
    11
    108
    1846
    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 Former User last edited by A Former User

      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
      • CiberSheep
        CiberSheep last edited by

        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 Reply Quote 1
        • Lakotaubp
          Lakotaubp last edited by

          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
          • ?
            A Former User @CiberSheep last edited by

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

            1 Reply Last reply Reply Quote 0
            • ?
              A Former User @CiberSheep last edited by

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

              1 Reply Last reply Reply Quote 0
              • ?
                A Former User last edited by

                logo.png
                The same typewriter, other approach.

                AppLee Lakotaubp 2 Replies Last reply Reply Quote 0
                • AppLee
                  AppLee @Guest last edited by

                  @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 Reply Quote 0
                  • Lakotaubp
                    Lakotaubp @Guest last edited by

                    @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 Reply Quote 0
                    • ?
                      A Former User @AppLee last edited by A Former User

                      @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
                      • ?
                        A Former User @Lakotaubp last edited by

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

                        Lakotaubp 1 Reply Last reply Reply Quote 0
                        • ?
                          A Former User @AppLee last edited by

                          @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
                          • Lakotaubp
                            Lakotaubp @Guest last edited by

                            @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
                            • ?
                              A Former User last edited by

                              logo2.png
                              Opinions about this one?

                              Lakotaubp AppLee 2 Replies Last reply Reply Quote 0
                              • Lakotaubp
                                Lakotaubp @Guest last edited by

                                @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 Reply Quote 0
                                • ?
                                  A Former User last edited by

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

                                  1 Reply Last reply Reply Quote 2
                                  • 3
                                    3T_Ed last edited by

                                    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 Reply Quote 0
                                    • ?
                                      A Former User @3T_Ed last edited by

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

                                      1 Reply Last reply Reply Quote 0
                                      • ?
                                        A Former User @3T_Ed last edited by

                                        @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
                                        • ?
                                          A Former User @Lakotaubp last edited by

                                          @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
                                          • c4pp4
                                            c4pp4 last edited by

                                            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

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