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

TELEports. New Telegram app icon design

Scheduled Pinned Locked Moved Design
72 Posts 26 Posters 26.8k Views 3 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.
    • E Offline
      elastic @Aury88
      last edited by 13 Jan 2019, 14:42

      @aury88 I really like the second one

      1 Reply Last reply Reply Quote 0
      • J Offline
        jezek
        last edited by jezek 13 Jan 2019, 16:26

        @Aury88 Prdon me for intrusion. I like the second one. Just one suggestion. How about get rid of one of the top-right folds. Like this:
        0_1547396441656_teleports_logo2.png
        There were too much folds in your original for me.

        I also took the liberty to invert background coloring (dark <-> light), but dunno why. Just a feeling.

        Anyway kudos o your contribution.

        Edit: I also like the fist one. Simplicity in it's finest form.

        jEzEk

        H A 2 Replies Last reply 13 Jan 2019, 16:32 Reply Quote 0
        • H Offline
          hummlbach @jezek
          last edited by hummlbach 13 Jan 2019, 16:32

          @jezek ah i like the inversion of the colors. looks more natural in your version, but I would keep the second fold in the upper right edge... its so asymetric now. or lets remove all folds in the upper right edge...(?)
          @Aury88 what about making the edges of the teleport effect less sharp maybe?

          J 1 Reply Last reply 13 Jan 2019, 16:39 Reply Quote 1
          • J Offline
            jezek @hummlbach
            last edited by 13 Jan 2019, 16:39

            @hummlbach said in TELEports. New Telegram app icon design:

            its so asymetric now.

            Sometimes asymmetric is more beautiful πŸ˜‰

            @hummlbach said in TELEports. New Telegram app icon design:

            or lets remove all folds in the upper right edge...(?)

            This is a trick question, right? You can not remove both of the upper-right folds. You always need at least one to maintain light-dark background (without using gradients).

            jEzEk

            1 Reply Last reply Reply Quote 0
            • A Offline
              Aury88 @jezek
              last edited by Aury88 13 Jan 2019, 23:16

              @jezek If we need a single fold probably is better to maintain only the upper one because it is based on one of the main folds/lines in the airplane (as the icon guideline says). about the dark-color it is used also to make the farther wing more dark so to give a 3d effect. tomorrow i will post some iterations of the design with the light color fold applied on the top side (or dark in the lower) so we can see what is better for the 3d effect and for the icon.

              about the single or the double fold honestly I didn't saw that the single fold style was the mainly used. My error.

              @hummlbach I don't think a little less sharp edge would be so visible with the icon sizes. vice versa if we make them more rounded (greater radius) we risk making it difficult to understand that the element is an airplane with missing pieces. we can try to reduce the number of the missing strips so to lower the number of the sharp edges

              1 Reply Last reply Reply Quote 0
              • A Offline
                Aury88
                last edited by Aury88 14 Jan 2019, 06:43

                ok, I made some design iteration based on your suggestions.

                0_1547447558053_Teleports_logo2.2.svg.png
                (2.2)Applying a light fold on the airplane doesn't make it more white (obviously) and we lost part of the 3D effect.
                So a better way is to apply a dark fold in the lower (nearest) wing.
                first iteraction:

                0_1547447592930_Teleports_logo2.3.svg.png
                (2.3) but here the shadow on the inner part of the airplane is wrong (shadow cast in the wrong direction)
                So imho is better to apply the fold aligned on another edge of the airplane :
                0_1547447711858_Teleports_logo2.4.svg.png
                (2.4) here the shadow is correctly applied.

                the last one is the case with two folds (I still like them):
                0_1547447979598_Teleports_logo2.5.svg.png
                (2.5)

                L R ? 3 Replies Last reply 14 Jan 2019, 07:11 Reply Quote 1
                • L Offline
                  Lakotaubp @Aury88
                  last edited by 14 Jan 2019, 07:11

                  @aury88 2.5 for me

                  1 Reply Last reply Reply Quote 0
                  • R Offline
                    rocky58 @Aury88
                    last edited by 14 Jan 2019, 17:22

                    @aury88 2.5

                    1 Reply Last reply Reply Quote 0
                    • ? Offline
                      A Former User @Aury88
                      last edited by 14 Jan 2019, 18:56

                      @aury88 2.4

                      1 Reply Last reply Reply Quote 0
                      • G Offline
                        GIEMME
                        last edited by 14 Jan 2019, 19:53

                        @Aury88 2.5 for me.

                        BQ Aquaris E4.5 since 2015

                        1 Reply Last reply Reply Quote 0
                        • G Offline
                          gleblee
                          last edited by 15 Jan 2019, 19:26

                          Every icon with many elements is bad, it's too hard to recognize in the case where it small. The icon must be simple and recognizable. And if app name is far from original, then icon must point user what about this app

                          F D 2 Replies Last reply 15 Jan 2019, 19:28 Reply Quote 1
                          • F Offline
                            flohack @gleblee
                            last edited by 15 Jan 2019, 19:28

                            @gleblee I agree a bit here, we need actually a "smoke test" with the icon on the real device. @Aury88 can you provide an icon in desktop file format that we can add temporarily to see if it has issues of size and clarity? I agree that many small details might wash out on the tiny size.

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

                            H 1 Reply Last reply 15 Jan 2019, 21:32 Reply Quote 0
                            • D Offline
                              dobey @gleblee
                              last edited by 15 Jan 2019, 19:49

                              @gleblee IMO, any icon design should also not be dependent upon the background it may be displayed on, to signify what it's for. This is especially important when one wants to build apps that may be useful across multiple platforms, which have varying design guides for how app icons should fit in.

                              Honestly, to me, the whole concept of having all icons be round/square/squircle/whatever makes things worse, and they all just start to look the same.

                              1 Reply Last reply Reply Quote 0
                              • A Offline
                                Aury88
                                last edited by Aury88 15 Jan 2019, 20:37

                                @flohack what do you mean with "icon in desktop file format"? on my desktop i find only .png file format.
                                what file extension do you need? what dimension(s)? where do I have to upload it/them?

                                the small details problem can be in part resolved by reducing number of (missing) airplane's parts starting from the smallest (missing) strips, but I think it's a problem only when the icon is understandable and distinguishable only thank to them.

                                PS: on my low-res computer screen with the image previews sizes reduced to minimum, the icon is distinguishable like the official telegram one (they both seem more to arrows than paper airplanes) and still is possible to "feel" there are some differences between them . clearly it's not possible to distinguish the details (3D, shadows etc but many of them, at this size, are not visible also in the official UT icons ) and is not possible to understand it's a "teleporting paperairplane"; but the icon seems still usable if you don't have another icon on a full blu backgroung with an arrow/paper airplane pointing top right. the same apply on the official logo if you don't have another icon with a arrow or a paperairplane on a full blu circle in backgroud.
                                0_1547583658379_ScreenTest.png
                                PS2: the image above is reduced and has lost more details so use it with caution. the righter icon is the telegram official logo and I think the same icon used on smartphones.

                                1 Reply Last reply Reply Quote 0
                                • H Offline
                                  hummlbach @flohack
                                  last edited by 15 Jan 2019, 21:32

                                  @flohack I tried right away how it looks like, so I can provide some screenshots again πŸ™‚
                                  1_1547587939150_screenshot20190115_222940548.png 0_1547587939147_screenshot20190115_222837877.png

                                  A 1 Reply Last reply 16 Jan 2019, 06:23 Reply Quote 2
                                  • A Offline
                                    Aury88 @hummlbach
                                    last edited by Aury88 16 Jan 2019, 06:23

                                    @hummlbach thank you !
                                    it's really interesting to see how on my smartphone, despite the smaller screen and image size, more details remain visible compared to the same image on my laptop screen .... the next laptop will be an ultra-HD xD

                                    1 Reply Last reply Reply Quote 0
                                    • madsrhM Offline
                                      madsrh @Aury88
                                      last edited by 17 Jan 2019, 19:39

                                      Hello everybody!

                                      Going back to this comment, IMHO the version without the "stripes" works best πŸ™‚

                                      As @gleblee said:

                                      Every icon with many elements is bad, it's too hard to recognize in the case where it small. The icon must be simple and recognizable.

                                      +1

                                      1 Reply Last reply Reply Quote 0
                                      • ? Offline
                                        A Former User
                                        last edited by 17 Jan 2019, 20:07

                                        +1
                                        I think the logo needs to be more and more clear, not more complicated. Otherwise, it’s really "terrible".

                                        1 Reply Last reply Reply Quote 0
                                        • M Offline
                                          mirakulix
                                          last edited by 14 Mar 2019, 16:10

                                          I made 2 versions: v1 is Telegram-Style and v2 is UBports-Style ☺

                                          v1
                                          teleports_v1.png

                                          v2
                                          teleports_v2.png

                                          SanderS 1 Reply Last reply 15 Mar 2019, 08:41 Reply Quote 7
                                          • SanderS Offline
                                            Sander @mirakulix
                                            last edited by 15 Mar 2019, 08:41

                                            @mirakulix I like the one in UBports-style!

                                            M 1 Reply Last reply 18 Mar 2019, 13:39 Reply Quote 0
                                            • First post
                                              Last post