Updating the light theme for Twitterrific to improve contrast and legibility. Getting closer :)
over 3 years ago
Really nice! Hoping this trickles back to iOS.
Beee-autiful, as always. I imagine it'll look even better once away from Photoshop's awful font rendering.
Sweet, the orange text is a bit too orange for my liking tough.
WOW this is so clean!!
I love it! David maybe increase a little bit the tweet's text line-height?
That's awesome! :D
Yep. It's already been decided. Twitterrific 4 will be THE client to beat.
Oooh pretty. I am so dying to get my hands on this.
Woooot. I always wanted light color scheme (:
Amazing. This looks really nice. Can't wait for different theme for Twitterrific!
I agree with Ignacio: you should, if it's your responsibility, increase line-height. I usually sit far from my 24-inch display, and even though I am still young, I find it hard to read small, tightly packed text.
Moreover, the only other thing that bothers me is the recessed look of the reply highlight. Indeed, in the iPhone and iPad version of Twitterrific 3, replies follow the exact same gradient type as regular tweets: light at the top to dark at the bottom.
Here, you have gone the other way. I think it'll be best to stay with the regular gradient: the color highlight is enough, and the recessed look is a break in the tweets flow in my opinon.
(You might also consider rebalancing the margin around user pictures so that the right margin — on the text’s side — is as wide as the left margin — on the edge of the app. Looks too close as of now.)
Other than that, everything is nice and I would like to thank you for designing this superb app.
Am I the only one who doesn't like that jelly orange?
To be honest I'd prefer the colours for highlighting mentions, DMs etc. to be much lighter/subtle.
It's still looks great though, so I won't be shedding any tears if it stays like this :)
@Jerry: Thanks for the detailed feedback, mades notes about the padding and line height. The reason it's ended up where it is in the mockup is for two usability concerns.
1) Many people were using the light theme b/c the dark theme's light text on dark background is difficult to read for them and they wanted the higher contrast of the light theme. So I had to keep that in mind when designing the pressed state as well.
2) The pressed state kept being very hard to see if it was actually pressed or not when you have many types of tweets in the same area. I tried making it lighter but then the timeline had to be darker, which looked muddy. So the pressed state needed to be darker and more saturation helps it from looking muddy as well. It may be too much saturation though, I'll see how it goes as I use it day to day and tweak more :D
As far as the gradient, the selected state (since it's persistent on the mac) also does serve as a break in the timeline so you know where your current reading position is at. So that was intentionally designed.
Why not design a high contrast theme? Perhaps a "large text" version for older/blinder folks. That would seem to be a solid solution. Of course, I know how labor-intensive a simple "theme" can be on iOS apps so that may not be a worthwhile endeavor.
@David, well to be honest, I thought after posting my comment that it could be the pressed state of a reply. If I understand you right, it was. I suppose regular replies have their gradient the other way around then.
On a side note, as for the colours, I’d like to tell that I really love them. Everything looks plain dull nowadays and I figured my Mac could use nice, vivid colours from time to time. That is definitely an area where I’d like to see some :)
e.g. I’ve been using Echofon for Mac for quite some time now, and although I like it for many reasons, I find it hard to notice new tweets or replies. I reckon my display is quite cheap colour-wise, and that’s another reason it is best to avoid very low contrast, dull colours on a platform that allows for a so wide variety of colour profiles and displays.
I’ve never used Twitterrific’s light theme before, but I could totally see myself switching over to this. Beautiful work, David. Can’t wait for 4.0.
Seeing this just made me reinstall Twitterific in anticipation.
I just can'T wait!! Awesome!!!
Can't wait to use this baby!
Love this one! Also can't way!
Very nice. I can't help but want a teensy bit of inner shadow on those rounded rectangles though ;)
keyboard shortcuts: ← previous shot → next shot L or F like
Show and tell for designers
What are you working on? Dribbble is a community of designers sharing screenshots of their work, process, and projects.
Copyright © 2009–2014 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.