• 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.
    • F Offline
      flohack @CiberSheep
      last edited by 10 Jan 2019, 19:01

      @cibersheep Looks great! No, I dont need rounded corners if they are made automatically. Just wanted tomention the design considerations, so that people wont expect to have a circle as an icon xD

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

      1 Reply Last reply Reply Quote 2
      • D Offline
        danfro
        last edited by danfro 1 Nov 2019, 17:29 10 Jan 2019, 19:53

        To complete the ideas from the Telegram-thread a few days ago I add my draft as well. Although I was already reminded that there used to be a browser "in the old times" using a similar logo. πŸ™‚
        Teleports - port - steering wheel was the idea behind it...

        Edit 1:
        In Germany there is a phrase "ein sicherer Hafen" (a safe port). A port suggests safety (for ships).
        If that makes sense in other languages a marketing phrase for TELEports (independent of the icon) could be:
        <marketing> "TELEports - a safe port for your chats" </marketing>

        Edit 2: For legal purposes, the plane is taken from https://commons.wikimedia.org/wiki/Category:Telegram_Messenger#/media/File:Telegram_logo.svg and comes as public domain. No copyright fraud intended.

        0_1547149918049_Bildschirmfoto von 2019-01-05 16-45-25.png

        1 Reply Last reply Reply Quote 1
        • H Offline
          hummlbach
          last edited by hummlbach 1 Oct 2019, 21:00 10 Jan 2019, 20:48

          @flohack @cibersheep so the background of the icon will be white right?
          If it will be transparent you wont see any rounded corners anyway no matter if they are made automatically or not? πŸ™‚
          If the background will be white: could we see how it looks on a non white background? At best... just did it:
          0_1547153228350_screenshot20190110_214346133.png
          0_1547154045234_screenshot20190110_215952141.png

          F G 2 Replies Last reply 11 Jan 2019, 20:27 Reply Quote 9
          • F Offline
            flohack @hummlbach
            last edited by 11 Jan 2019, 20:27

            @hummlbach Yes that looks awesome!

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

            1 Reply Last reply Reply Quote 1
            • G Offline
              glocester @hummlbach
              last edited by glocester 1 Nov 2019, 21:33 11 Jan 2019, 21:29

              @hummlbach I agree, looks awesome ... Sam Hewitt's work was excellent ... and this is just the old icon inside a circle...

              1 Reply Last reply Reply Quote 1
              • D Offline
                dobey
                last edited by 12 Jan 2019, 16:35

                That looks eerily similar to the uNav icon though. They are both a stylized arrow pointing to the upper right corner, and inside a circle.

                H 1 Reply Last reply 12 Jan 2019, 17:16 Reply Quote 1
                • L Offline
                  Lakotaubp
                  last edited by 12 Jan 2019, 17:03

                  The mysteries of design synchronicity : )

                  1 Reply Last reply Reply Quote 0
                  • H Offline
                    hummlbach @dobey
                    last edited by 12 Jan 2019, 17:16

                    @dobey yes that bugs me too... πŸ˜•

                    F 1 Reply Last reply 12 Jan 2019, 21:16 Reply Quote 0
                    • L Offline
                      lfortanet
                      last edited by 12 Jan 2019, 17:21

                      Maybe with any other colour...the design it's cool.

                      Enjoying...
                      One Plus One OTA-8
                      BQ M10 FHD OTA-8

                      1 Reply Last reply Reply Quote 1
                      • F Offline
                        flohack @hummlbach
                        last edited by 12 Jan 2019, 21:16

                        @hummlbach why not let it point left or right then...

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

                        E 1 Reply Last reply 12 Jan 2019, 23:20 Reply Quote 0
                        • E Offline
                          elastic @flohack
                          last edited by 12 Jan 2019, 23:20

                          @flohack no, keep it to top right like the original icon...

                          1 Reply Last reply Reply Quote 0
                          • H Offline
                            hummlbach
                            last edited by hummlbach 1 Dec 2019, 23:35 12 Jan 2019, 23:34

                            @Flohack Yes I'm also in favor to keep it as it is now... At least I tend to... As @elastic I like that it resembles the original but having the white circle in the blue disc you imagine it standing on a teleporter plattform πŸ™‚ and additionally there are the teleporter beams on it. The similarity to uNavs icon is unfortunate... Lets try to force @costales to change uNavs icon πŸ˜›

                            1 Reply Last reply Reply Quote 0
                            • A Offline
                              Aury88
                              last edited by Aury88 13 Jan 2019, 10:46

                              IMHO it's fundamental that the icon resemble the original one obviously avoiding any trademark infringing. I think we can use the original "3D-ish" icon as a base and colors (so to keeping similarity with the official one and make it discernable from the Unav one) and apply on it some of the UT official graphic guideline/style so to avoid trademark infringing.
                              for example something like:
                              0_1547376356090_Teleports_logo1.png
                              and
                              0_1547376372265_Teleports_logo2.png

                              they both are in origami style. in the first the geometry and the style of the paper airplane is different from the original/official logo (it'is another paper airplane ;)). the second is more similar in terms of geometry but the teleport effect make it whole new icon.

                              E M 2 Replies Last reply 13 Jan 2019, 14:42 Reply Quote 5
                              • 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
                                            47 out of 72
                                            • First post
                                              47/72
                                              Last post