Tea for iOS UI 3

Shot_1295951400

26 Responses (page 1 of 2)

  1. Mac Tyler Mac Tyler

    Shot of the in-progress design/UI for an upcoming iOS app called Tea. @TeaApp

    over 2 years ago

  2. Jonno Riekwel Jonno Riekwel

    Looks good. The back button is blurry at the top though. And bottom.

    likes

    over 2 years ago

  3. Mac Tyler Mac Tyler

    Thanks! Grrr, must have happened when I rasterized and then scaled down since I am designing @2x first: http://cl.ly/0o3m471Q2F0l2t371W07

    over 2 years ago

  4. Adi Hezral Adi Hezral

    looks nice. love the progress ui.
    i find it harder to maintain crispiness if you design it at @2x :)

    likes

    over 2 years ago

  5. Aurélien Foutoyet Aurélien Foutoyet

    Superb ! really clean

    over 2 years ago

  6. Mac Tyler Mac Tyler

    Thanks guys!

    @Adi, it is crisp in the psd. Everything is vector shapes.

    over 2 years ago

  7. Samuel Couto Samuel Couto

    Interesting circle stock meter, Nice work!

    over 2 years ago

  8. Jonathan Ogden Jonathan Ogden

    Nice! Love the spinny, line, circle, thing.

    over 2 years ago

  9. Adi Hezral Adi Hezral

    @Mac, yeah i know :) to me, its an extra effort. everyone has their own way :)

    over 2 years ago

  10. Joseph Silva Joseph Silva

    Loooking good. I like that 'spinny, line, cirlce, thing' too. :-)

    over 2 years ago

  11. Sam Asante Sam Asante

    Excellent work!

    over 2 years ago

  12. Jeff Broderick Jeff Broderick

    I like it. But I agree with Adi. Designing at 1x first than scaling up with vectors removes the chances of half pixels. Vector or not.. There are some good articles about this:

    http://bjango.com/articles/designingforretina/
    http://bjango.com/articles/designingforretina2/

    likes

    over 2 years ago

  13. Edward Sanchez Edward Sanchez

    Fix and match kerning too!

    over 2 years ago

  14. Grant Blakeman Grant Blakeman

    my favorite kind of tea. mmmm…

    over 2 years ago

  15. Sean Nelson Sean Nelson

    Not sure if you've heard of this app before, but it really sped up my iOS design process: http://www.zambetti.com/projects/liveview/

    Basically you put a frame over what you're working on in Photoshop, and everything you do to it is mirrored real-time on your iPhone. Really slick.

    over 2 years ago

  16. Mac Tyler Mac Tyler

    @Jeff, I prefer @2x first, it doesn't make any difference. http://cl.ly/2H2Q1x0s2J0W110q1N1g

    @Sean, YES that program is absolutely essential, so amazing.

    over 2 years ago

  17. Commercial Pop Commercial Pop

    Looks good. Make the 73 bigger and the % smaller, with slight baseline shift up.

    over 2 years ago

  18. Christopher Downer Christopher Downer

    Looking forward to this. The inner highlight of the buttons in the titlebar are way too harsh in that screenshot in my opinion.

    over 2 years ago

  19. Jim Moutzouris Jim Moutzouris

    Great clean UI, Love it! With the discussion with liveview Im not as big of a fan for it anymore. I constantly move my canvas around, zoom in and out and so on so I find that I had to constantly had to readjust the liveview frame to suit - to much fiddling and time wasting.

    Anyone else used or using Review App? (http://www.getreviewapp.com/) Once synced it auto uploads full quality screens straight from photoshop (sometimes it needs a force sync) - been using lately and I like it a lot!

    over 2 years ago

  20. Mac Tyler Mac Tyler

    @Jim, you are using Liveview wrong. Once you set Liveview in the center. (Cmd+C) you can easily hide (CMD+H) the frame and continue designing in photoshop as if it was never there. Review app is worthless.

    You don't re-adjust the liveframe. You center the liveframe in the middle of your screen. Then you work in photoshop in full screen mode so that whenever you want to test you just hit cmd+1 and it snaps the canvas back to the middle underneath the liveframe. That is as perfect as an app can get.

    over 2 years ago

  21. Mike Gowen Mike Gowen

    Really loving the UI for this app. The thin line motif is very classy and elegant. Killer job.

    over 2 years ago

  22. Mac Tyler Mac Tyler

    Thanks Mike!

    over 2 years ago

  23. App Juice App Juice

    Nice UI i may just get this for it being so beautiful :)

    over 2 years ago

  24. Franz (Taptanium) Franz (Taptanium)

    This app is going to be a huge hit on the App Store for the design alone :D good work man!

    over 2 years ago

  25. Dan Hart Dan Hart

    Amazing Design. I bought the App just to experience this design (and I'm not a Tea drinker). This design is very elegant, you've done a wonderful job capturing the essance and emotion of tea drinking.

    Well done man!

    over 1 year ago

keyboard shortcuts: previous shot next shot L or F like