<![CDATA[Telegram Style Reduction?]]>Guys,

since most of the core apps are really reduced in visual style, I was playing also with Telegram a bit like this:
0_1502541233593_screenshot20170812_143150380.png

Tell me what you think here...

]]>https://forums.ubports.com/topic/484/telegram-style-reductionRSS for NodeWed, 10 Jun 2026 15:44:23 GMTSat, 12 Aug 2017 12:34:08 GMT60<![CDATA[Reply to Telegram Style Reduction? on Mon, 21 Aug 2017 19:04:58 GMT]]>This is nice of course, but is there also work being done on fixing bugs? Like the crashes after using secret chats.

]]>https://forums.ubports.com/post/3577https://forums.ubports.com/post/3577Mon, 21 Aug 2017 19:04:58 GMT<![CDATA[Reply to Telegram Style Reduction? on Mon, 21 Aug 2017 10:47:49 GMT]]>Nice, keep up the good work!

]]>https://forums.ubports.com/post/3562https://forums.ubports.com/post/3562Mon, 21 Aug 2017 10:47:49 GMT<![CDATA[Reply to Telegram Style Reduction? on Sun, 20 Aug 2017 22:05:47 GMT]]>Thanks for all the feedback! Now working on getting it released 😉

BR

]]>https://forums.ubports.com/post/3552https://forums.ubports.com/post/3552Sun, 20 Aug 2017 22:05:47 GMT<![CDATA[Reply to Telegram Style Reduction? on Sun, 20 Aug 2017 19:15:54 GMT]]>@Flohack Great work! I think it's a good idea to use the same style than the messaging app.

]]>https://forums.ubports.com/post/3547https://forums.ubports.com/post/3547Sun, 20 Aug 2017 19:15:54 GMT<![CDATA[Reply to Telegram Style Reduction? on Sat, 19 Aug 2017 20:59:32 GMT]]>And another one: Green is darker, its the same green now like in the messaging app.

Some small changes but now its 99% final xD
0_1503176363854_screenshot20170819_225429946.png

]]>https://forums.ubports.com/post/3519https://forums.ubports.com/post/3519Sat, 19 Aug 2017 20:59:32 GMT<![CDATA[Reply to Telegram Style Reduction? on Fri, 18 Aug 2017 23:43:53 GMT]]>@Flohack that looks fantastic! Kudos.

]]>https://forums.ubports.com/post/3495https://forums.ubports.com/post/3495Fri, 18 Aug 2017 23:43:53 GMT<![CDATA[Reply to Telegram Style Reduction? on Fri, 18 Aug 2017 22:50:17 GMT]]>Ok here is my current iteration:

  • Background is back
  • Readability is better
  • Font is thin now - it looks better on the device than here
  • simulated shadow with Rectangle behind in x/y shift

EDIT: Quality is OK I think!
0_1503096485724_screenshot20170819_003816674.png

]]>https://forums.ubports.com/post/3492https://forums.ubports.com/post/3492Fri, 18 Aug 2017 22:50:17 GMT<![CDATA[Reply to Telegram Style Reduction? on Mon, 14 Aug 2017 03:39:35 GMT]]>I think the new version looks good, but think you need the message bubble for sure. If the bubbles were different colour, that would look good. However, if the message bubbles are different colours, then the background should stay white. Likewise, if the background can be personalised and different colours/images selected, the message bubble should be white. Otherwise there will be too much colour going on.

The green message box with the white check marks is easier to see. Sometimes they can be missed if you look at the message quick. I have a friend who had a slight sight issue and often missed the check marks, but I feel this would be easier for him to see.

]]>https://forums.ubports.com/post/3379https://forums.ubports.com/post/3379Mon, 14 Aug 2017 03:39:35 GMT<![CDATA[Reply to Telegram Style Reduction? on Sun, 13 Aug 2017 20:56:15 GMT]]>@ChloeWolfieGirl I also prefer the old look 😉 But I think I will adapt to the new design because the majority wants it...

]]>https://forums.ubports.com/post/3376https://forums.ubports.com/post/3376Sun, 13 Aug 2017 20:56:15 GMT<![CDATA[Reply to Telegram Style Reduction? on Sun, 13 Aug 2017 17:33:55 GMT]]>@Flohack no problem, I saw it was in desktop mode but I thought that would affect the final design too.

]]>https://forums.ubports.com/post/3368https://forums.ubports.com/post/3368Sun, 13 Aug 2017 17:33:55 GMT<![CDATA[Reply to Telegram Style Reduction? on Sun, 13 Aug 2017 17:00:28 GMT]]>@advocatux Eh sorry but this was just different sizing of the window on my desktop build 😉 - on your device it will be whatever comes up. Its hard to find a good compromise for that for so many different devices

]]>https://forums.ubports.com/post/3367https://forums.ubports.com/post/3367Sun, 13 Aug 2017 17:00:28 GMT<![CDATA[Reply to Telegram Style Reduction? on Sun, 13 Aug 2017 15:59:49 GMT]]>@Flohack I like the first one because shows more text in the same screen. For example, the first message looks better in 2 rows than in 3 rows.

I agree with you, black on green doesn't work well.

]]>https://forums.ubports.com/post/3365https://forums.ubports.com/post/3365Sun, 13 Aug 2017 15:59:49 GMT<![CDATA[Reply to Telegram Style Reduction? on Sat, 12 Aug 2017 22:28:18 GMT]]>Here is proposal by @sverzegnassi (do you think the rectangle is sufficient with y movement only?)

The darker green:
0_1502576457364_Bildschirmfoto vom 2017-08-13 00-16-28.png

The lighter green:
0_1502576841495_Bildschirmfoto vom 2017-08-13 00-22-13.png

Note the test for white checkmarks in the second one. Font is unchanged, but black on green does not work well.

]]>https://forums.ubports.com/post/3353https://forums.ubports.com/post/3353Sat, 12 Aug 2017 22:28:18 GMT<![CDATA[Reply to Telegram Style Reduction? on Sat, 12 Aug 2017 18:49:48 GMT]]>I agree with the majority opinion 👍

]]>https://forums.ubports.com/post/3344https://forums.ubports.com/post/3344Sat, 12 Aug 2017 18:49:48 GMT<![CDATA[Reply to Telegram Style Reduction? on Sat, 12 Aug 2017 15:25:22 GMT]]>@ChloeWolfieGirl We got this for background: https://github.com/ubports/telegram-app/issues/34

]]>https://forums.ubports.com/post/3340https://forums.ubports.com/post/3340Sat, 12 Aug 2017 15:25:22 GMT<![CDATA[Reply to Telegram Style Reduction? on Sat, 12 Aug 2017 14:18:34 GMT]]>I don't like the idea of a full-white application, I'd prefer to see the current background or, at least, a different shade of white (e.g. #F8F8F8).

For the message bubble, I think you could use the light shadow that was meant to be used for Suru buttons.
I agree with the other guys, a bit more of padding for the text, a lighter font, and a different tint of UbuntuColors.green (#63c972 or #71ce7f) might be more appealing. 🙂


(with Telegram bg: http://i.imgur.com/LUbFMPd.png)

The shadow is a simple Rectangle which stays below the white/green container. Something like:

Rectangle {
    id: container

    Text {  }

    Rectangle {
        width: container.width
        height: container.height
        radius: container.radius

        y: units.dp(1)
        z: -1000

        color: "#e6e6e6"    // theme.palette.normal.base (i.e. #CDCDCD) with opacity: 0.5
    }
}

See e.g. the Button style in the Suru theme for QtQuick Controls 2
https://github.com/sverzegnassi/qqc2-suru-style/blob/master/qqc2-suru/qml/Button.qml

]]>https://forums.ubports.com/post/3339https://forums.ubports.com/post/3339Sat, 12 Aug 2017 14:18:34 GMT<![CDATA[Reply to Telegram Style Reduction? on Sat, 12 Aug 2017 13:45:56 GMT]]>Perhaps somewhere in settings you could customise both your backgrounds, and text chat colours?

So if you like candy green, use that, if you prefer the grey then have that.

And you could either have a selection between 3-5 colour options, or just let people use there own #'s?

]]>https://forums.ubports.com/post/3337https://forums.ubports.com/post/3337Sat, 12 Aug 2017 13:45:56 GMT<![CDATA[Reply to Telegram Style Reduction? on Sat, 12 Aug 2017 13:20:12 GMT]]>@Jujuyeh Ok will try, got to go now 😉

]]>https://forums.ubports.com/post/3336https://forums.ubports.com/post/3336Sat, 12 Aug 2017 13:20:12 GMT<![CDATA[Reply to Telegram Style Reduction? on Sat, 12 Aug 2017 13:18:24 GMT]]>@Flohack Try with #CBCBCB or #B0B0B0 🙂

]]>https://forums.ubports.com/post/3335https://forums.ubports.com/post/3335Sat, 12 Aug 2017 13:18:24 GMT<![CDATA[Reply to Telegram Style Reduction? on Sat, 12 Aug 2017 13:17:50 GMT]]>I prefer the old look, but perhaps if you use the same green as the current telgram this new look would look as good as the current telegram.

]]>https://forums.ubports.com/post/3334https://forums.ubports.com/post/3334Sat, 12 Aug 2017 13:17:50 GMT<![CDATA[Reply to Telegram Style Reduction? on Sat, 12 Aug 2017 13:14:39 GMT]]>@Jujuyeh Can you pick me one in HTML notation please 😉

]]>https://forums.ubports.com/post/3333https://forums.ubports.com/post/3333Sat, 12 Aug 2017 13:14:39 GMT<![CDATA[Reply to Telegram Style Reduction? on Sat, 12 Aug 2017 13:13:41 GMT]]>@Flohack Could you try with light gray? 😛

]]>https://forums.ubports.com/post/3332https://forums.ubports.com/post/3332Sat, 12 Aug 2017 13:13:41 GMT<![CDATA[Reply to Telegram Style Reduction? on Sat, 12 Aug 2017 13:11:42 GMT]]>@Jujuyeh Yeah the green is not perfect, maybe I try the old green. But its soo candy-green xD

]]>https://forums.ubports.com/post/3331https://forums.ubports.com/post/3331Sat, 12 Aug 2017 13:11:42 GMT<![CDATA[Reply to Telegram Style Reduction? on Sat, 12 Aug 2017 13:09:29 GMT]]>Much better! But maybe a lighter green on the sent messages? The current green makes the date of the message a little bit unreadable

]]>https://forums.ubports.com/post/3329https://forums.ubports.com/post/3329Sat, 12 Aug 2017 13:09:29 GMT